ScratchPad Refresh

OK. I've added a little bit to ScratchPad. I added dotless to the project for the sake of playing around with it, however it's so easy to use I also use it to parse the styles in ScratchPad by default. Also added jquery.tabby.js to handle tabbing inside of the textareas.

The comment form on this blog is half ass and lame, really lame. Testing out a new look and feel with ScratchPad is a breeze. The following screens show how I went about testing a new layout.

Page Settings

I need to clean up this portion of the tool. There is a tool for adding new settings, where you can add additional javascript libraries. I still need a way to order the javascript libraries, so prototype would be included before scriptaculous based on the order I assign or something.

Inline Styles

By default, inline styles are parsed with dotless, a .NET port of the LESS Ruby Gem. I'm still playing with it, but the variables support and nesting can make your css more maintainable and easier to read.

Inline Scripts

Pretty self explanatory. This will put whatever you type in here inside of script tags in the head area. Anything goes, any libraries you selected on the page settings tab will be added before the inline scripts.

Html Content

This html is stuck right between the body tags of the resulting document.

Viewing the Page

Here is what we created: