Front End Tricks, Tools to Speed up and Optimize Your Workflow: FREE

Tool GuyOver the past year or so, I have discovered a few indispensable tools that make the Front end workflow go way smoother and faster, you should give them a try.

CSS
No need to reload your page, simply add this bookmarklet to your browser toolbar and you can see your CSS changes instantly without full page reload.
http://david.dojotoolkit.org/recss.html

Compress Images for the Web
Image Optim is a drag and drop beauty! Simply drag your images to the open dialog box and Image Optim compresses your .jpeg, .gif, .png for web use.
http://imageoptim.com/

See where Javascript events are being called on a page.
Visual Event visually highlights the elements on a page that have JS events associated with them. This is good for debugging
http://www.sprymedia.co.uk/article/Visual+Event+2

Leave a Reply