~robcee/ more than just sandwiches

Posted
8 June 2011 @ 11am

Tagged
devtools, Mozilla

Scratchpad Canvas Demo

I’ve been trying to put together a reasonable demo movie for the Scratchpad. Something that shows it in action and gives an idea of how you might use it. This video is, I think, close to what we need, but it could use a couple of additional features: The Inspect menu to show object inspection got cut out. And copying and pasting the resulting text into a script file for inclusion in a web-page. Still, I think you can extrapolate that from my mumbled audio.

Video Link (29MB, WebM video)

Take a look. Send comments. Better yet, make your own Scratchpad demos and we’ll include them on the Devtools blog and Scratchpad documentation page!


11 Comments

Posted by
dis
10 June 2011 @ 5am

I’d love to see the Scratchpad get some inputs and outputs, be it files or at least text-areas. I regularly find myself wanting to perform some transformations on text or XML and Scratchpad would help if it could open a window/panel with a text area, let me paste my data and then reference it (as a string) from the code. The transformed text would then be sent to another text area with a statement similar to “output1 = s;”.

I’ve been using a custom made HTML page so far (with three inputs and one output) and I find it very useful.


[...] JavaScript prototyping 環境の Scratchpad [...]


Posted by
Khanh Le
11 July 2011 @ 6am

Sorry, off-topic, where can I get your wallpaper?


Posted by
Lahope
19 July 2011 @ 4am

ever heard of jsfiddle?


Posted by
robcee
19 July 2011 @ 9am

yes. it is awesome.


Posted by
amxt
15 August 2011 @ 12pm

Love it, great idea. Don’t know if the name exists but can I suggest calling it ‘JS Coaster’ (a place to put your java on, get it?)


Posted by
groovecoder
15 August 2011 @ 1pm


Posted by
robcee
15 August 2011 @ 1pm

funny. :)


Posted by
Dmitriy Pashkevich
17 August 2011 @ 4am

I’d love to see the ability to write HTML in the Scratchapd as well, something like jsfiddle (which is awesome btw) but integrated into the browser!


Posted by
mark irwin
17 August 2011 @ 10am

I don’t understand Java, every time I see a page of it, I gt confused. It seems excessively complicated. Can someone send me a surce of an easy introduction to Java?


Posted by
robcee
17 August 2011 @ 11am

mark: This is JavaSCRIPT. Not Java. Though somewhat similar in appearance, JavaScript is a different animal.

Check out: http://eloquentjavascript.net/ (online, downloadable, free).