Scratch

scimonster · 2012-05-23 14:22:50

First, credit where credit is due. Hardmath123, for coming up with the idea, and doing a bunch of the initial styling. And veggieman001, for making some minor fixes. And JSO, for creating his Blocks Plugin.
---
This is a page that simulates a list in Scratch. You type each item on a new line, and it will parse into list format. You can also give it a title, in the box above.

I'm working on making it even more awesome. big_smile

Please report bugs, and give feedback!

http://dl.dropbox.com/u/42774013/Scratc … eator.html

slinger · 2012-05-23 14:26:08

Sweet, it looks exactly like the 1.4 lists!
Maybe add a scroll bar?

Last edited by slinger (2012-05-23 14:26:39)

Lolkid332 · 2012-05-23 14:32:44

Wow.

scimonster · 2012-05-23 14:46:37

slinger wrote:
Sweet, it looks exactly like the 1.4 lists!
Maybe add a scroll bar?

I'll get to a scroll bar eventually. smile

slinger · 2012-05-23 14:49:25

Mkay.

Lolkid332 · 2012-05-23 15:07:00

scimonster wrote:
slinger wrote:
Sweet, it looks exactly like the 1.4 lists!
Maybe add a scroll bar?
I'll get to a scroll bar eventually.

Then it'll be even MORE epic.

scimonster · 2012-05-23 15:20:40

Right now i'm working on making the lists editable internally, instead of via the other textarea. big_smile
Did pretty well, ran into some annoying problems, and had a great idea. Gonna try it out now.
I'm working on this in a local copy btw, so you can't see all the tests and fails. tongue

nathanprocks · 2012-05-24 07:03:00

Is the final version going to have image output?

jji7skyline · 2012-05-24 07:04:47

This is awesome big_smile

scimonster · 2012-05-24 07:14:43

nathanprocks wrote:
Is the final version going to have image output?

Like, export as an image? Probably not.

Update! You can now use the + button at the bottom to add an item! You can also click in an item to edit it! big_smile
A known bug is that the size doesn't always update right away in some browsers. This is a technical restriction, and will not be fixed. You can just click outside and then go back in if you need to update the size of the item.

16Skittles · 2012-05-24 07:15:37

Who needs flash, how about an HTML5/JS Scratch 2.0?

Really nice work on that!

scimonster · 2012-05-24 07:28:44

16Skittles wrote:
Who needs flash, how about an HTML5/JS Scratch 2.0?

Really nice work on that!

Too bad they've done so much. If they hadn't who knows, they might consider it.
Maybe they'll do it for 3.0, whenever that is. xP They could even base it off Snap!!

veggieman001 · 2012-05-24 10:17:52

You should make the list wider and resizeable.

And I did the colours and the little plus if anyone's wondering, as well as making it work on all computers (sci's old one didn't work on mine)

scimonster · 2012-05-24 10:24:43

veggieman001 wrote:
You should make the list wider and resizeable.

And I did the colours and the little plus if anyone's wondering, as well as making it work on all computers (sci's old one didn't work on mine)

Resizable is the next step. smile
After that, scrollbars.

veggieman001 · 2012-05-24 10:53:09

scimonster wrote:
veggieman001 wrote:
You should make the list wider and resizeable.

And I did the colours and the little plus if anyone's wondering, as well as making it work on all computers (sci's old one didn't work on mine)
Resizable is the next step.
After that, scrollbars.

Yaay.
Styled like the one in Scratch? :3

RedRocker227 · 2012-05-24 11:38:17

The "\n" thingy doesn't work. I typed in "a \n a", just to test it, and in the list it comes up with "a <br/> a", and in the text box thing it changes the text into "a <br/> a" when I click Create. Or am I doing something wrong?

scimonster · 2012-05-24 12:07:16

veggieman001 wrote:
scimonster wrote:
veggieman001 wrote:
You should make the list wider and resizeable.

And I did the colours and the little plus if anyone's wondering, as well as making it work on all computers (sci's old one didn't work on mine)
Resizable is the next step.
After that, scrollbars.
Yaay.
Styled like the one in Scratch? :3

I'd like it to be. :3

RedRocker227 wrote:
The "\n" thingy doesn't work. I typed in "a \n a", just to test it, and in the list it comes up with "a <br/> a", and in the text box thing it changes the text into "a <br/> a" when I click Create. Or am I doing something wrong?

No, you're not. Thanks for the bug report!

scimonster · 2012-05-29 15:28:50

Lists are now resizable! I did a quick Google search and came up with a handy jQuery API to do it, so it was only an extra 3 lines of code, amazingly enough!
Here's what i used.

muppetds · 2012-05-29 15:37:29

It give me this

scimonster · 2012-05-29 15:45:31

muppetds wrote:
http://i49.tinypic.com/2cxajb.png
It give me this

Hrm... browser?
EDIT: Looks like Chrome, and it also looks like Chrome has a problem with calc().

Last edited by scimonster (2012-05-29 15:46:29)

muppetds · 2012-05-29 16:02:29

scimonster wrote:
muppetds wrote:
http://i49.tinypic.com/2cxajb.png
It give me this
Hrm... browser?
EDIT: Looks like Chrome, and it also looks like Chrome has a problem with calc().

not chrome - safari
EDIT: Resizing it slightly bigger makes it match but making it smaller again makes it go back hmm

Last edited by muppetds (2012-05-29 16:03:28)

3DSfan12345 · 2012-05-29 16:05:25

scimonster wrote:
16Skittles wrote:
Who needs flash, how about an HTML5/JS Scratch 2.0?

Really nice work on that!
They could even base it off Snap!!

IN SOVIET RUSSIA...

scimonster · 2012-05-30 07:31:22

muppetds wrote:
scimonster wrote:
muppetds wrote:
http://i49.tinypic.com/2cxajb.png
It give me this
Hrm... browser?
EDIT: Looks like Chrome, and it also looks like Chrome has a problem with calc().
not chrome - safari
EDIT: Resizing it slightly bigger makes it match but making it smaller again makes it go back

Try it in a WebKit browser now. I used JavaScript for them, but it still doesn't render quite as well as in FireFox.

veggieman001 · 2012-05-30 09:31:13

voggs still thinks default width should be more

And the offset with 2 digit+ numbers is weird

Last edited by veggieman001 (2012-05-30 09:32:02)

SciTecCf · 2012-05-30 10:17:26

I agree with Veggie. Other than that, I like it!
It needs a scrollbar, though.

Scratch

archived forums

#1 2012-05-23 14:22:50

Scratch List style in webpage

#2 2012-05-23 14:26:08

Re: Scratch List style in webpage

#3 2012-05-23 14:32:44

Re: Scratch List style in webpage

#4 2012-05-23 14:46:37

Re: Scratch List style in webpage

slinger wrote:

#5 2012-05-23 14:49:25

Re: Scratch List style in webpage

#6 2012-05-23 15:07:00

Re: Scratch List style in webpage

scimonster wrote:

slinger wrote:

#7 2012-05-23 15:20:40

Re: Scratch List style in webpage

#8 2012-05-24 07:03:00

Re: Scratch List style in webpage

#9 2012-05-24 07:04:47

Re: Scratch List style in webpage

#10 2012-05-24 07:14:43

Re: Scratch List style in webpage

nathanprocks wrote:

#11 2012-05-24 07:15:37

Re: Scratch List style in webpage

#12 2012-05-24 07:28:44

Re: Scratch List style in webpage

16Skittles wrote:

#13 2012-05-24 10:17:52

Re: Scratch List style in webpage

#14 2012-05-24 10:24:43

Re: Scratch List style in webpage

veggieman001 wrote:

#15 2012-05-24 10:53:09

Re: Scratch List style in webpage

scimonster wrote:

veggieman001 wrote:

#16 2012-05-24 11:38:17

Re: Scratch List style in webpage

#17 2012-05-24 12:07:16

Re: Scratch List style in webpage

veggieman001 wrote:

scimonster wrote:

veggieman001 wrote:

RedRocker227 wrote:

#18 2012-05-29 15:28:50

Re: Scratch List style in webpage

#19 2012-05-29 15:37:29

Re: Scratch List style in webpage

#20 2012-05-29 15:45:31

Re: Scratch List style in webpage

muppetds wrote:

#21 2012-05-29 16:02:29

Re: Scratch List style in webpage

scimonster wrote:

muppetds wrote:

#22 2012-05-29 16:05:25

Re: Scratch List style in webpage

scimonster wrote:

16Skittles wrote:

#23 2012-05-30 07:31:22

Re: Scratch List style in webpage

muppetds wrote:

scimonster wrote:

muppetds wrote:

#24 2012-05-30 09:31:13

Re: Scratch List style in webpage

#25 2012-05-30 10:17:26

Re: Scratch List style in webpage

Board footer