Smaller is a great little tool that has proven invaluable for web developers with a Mac.If you want to compress (minify) your html, js, css, php, etc. Smaller makes this as simple as duplicating your folder, then dragging it into the app or dock icon. You can even combine...

iWebInspector is a free tool to debug, profile and inspect web applications running on iOS Simulator (iPhone or iPad). You can check resources, see and change HTML & CSS, use breakpoints on JavaScript code, create charts and more just as if you were on Safari...

JsFiddle is a playground for web developers. It lets you pick from popular frameworks, add snippets of HTML, CSS and JavaScript then refresh and run the results. It’s a great tool for framework demos, demonstrating isolated bugs or testings and sharing code snippets...

Here's one to watch. Mercury is a free in-page WYSIWYG HTML5 editor. When you enter edit mode the toolbar appears for editing. Edits are made in-line so you not only see how your edits will look while making them, but also how it fits in context with the rest of the page...

For web developers using Macs this is worth the price tag just for Colorschemer, Tumult Hype and Seamless Studio. There's only 1 day 10 hours left if you want to grab a bargain.

www.jpegmini.com is an amazing online JPEG compressor that compresses JPEGs by up to 5 times their original size without any discernible differences.This will save a lot of bandwidth and improve web page performance, particularly for image heavy websites.

Spin.js is an imageless activity / loading indicator. The library gives you fine control over your indicator's look and at 3K minified (1.7K gzipped) it is smaller than most similar animated GIFs. Spin.js is completely stand-alone and works with Chrome, Safari 4+, Firefox...

Itching to include HTML video and audio in your websites but still need to support old browsers? html5media.info is a great way to use HTML media tags while continuing to support old browsers.  By including a single line of script, this open source project will...

A great free mind map tool can be found at: http://drichard.org/mindmaps. If you are looking for a way to document or evolve an idea, mind maps are a great place to start. Written using HTML5, CSS3 and JavaScript, mindmaps can be used within most modern web browsers.