INSERT INTO `wp_dyxkdh_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_category`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(726, 3, '2010-04-29 22:50:29', '2010-04-30 02:50:29', 'I''ve been meaning to do a roll-up of top JavaScript, CSS & HTML development tools that I use or have been recommended to me and after having lunch with my bud Brian Wilpon today, I realized I just needed to do it. He asked me what some of the newer tools are and I think this is the best way to help him (and the community in general). It''s definitely not an all-inclusive list so if you see some that you feel I should add or remove, let me know in the comments.\r\n\r\nHere they are by category:\r\n\r\n<strong>Debugging Tools That Make Life MUCH Easier:</strong>\r\n\r\nEffectively debugging JavaScript applications is a royal pain in the derriere and to compile that, the available tools just don''t stand up to those used by managed code developers. Luckily, we do have a decent set of tools that lessens the pain substantially. Firebug is definitely a must have since it incorporates so much DOM & XHR introspection as well as the Web Developer Toolbar. Both are simply awesome. I also love Charles for HTTP sniffing and it''s saved my butt when Firebug couldn''t handle it. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/library/dd565628%28VS.85%29.aspx">IE8 Developer Tools</a> - Microsoft''s browser debugger tools\r\n<a href="http://getfirebug.com/">Firebug</a> - Mozilla''s browser debugger add-on \r\n<a href="http://trac.webkit.org/wiki/WebInspector">WebKit Web Inspector</a> - Webkit''s browser debugger tools\r\n<a href="http://www.fiddler2.com/fiddler2/">Fiddler</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://www.charlesproxy.com/">Charles</a> - HTTP Sniffer. Great for seeing Ajax requests. (my personal fav)\r\n<a href="http://kevinlangdon.com/serviceCapture/">Service Capture</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://ajax.dynatrace.com/pages/">dynaTrace Ajax</a> - HTTP performance analyzer\r\n<a href="http://chrispederick.com/work/web-developer/">Web Developer’s Toolbar</a> - All purpose Firefox toolbar to inspect everything on a page\r\n<a href="http://developer.yahoo.com/yslow/">YSlow</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://code.google.com/speed/page-speed/">PageSpeed</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://www.debugbar.com/">DebugBar</a> - An IE plugin that brings advanced debugging features to IE including JS, DOM & HTTP inspection\r\n\r\n<strong>CSS Editors:</strong>\r\n\r\nI prefer to write my CSS code by hand. Call me old-school but many swear by the following CSS editors. CSSEdit by MacRabbit (Mac only) is especially loved by many designers.\r\n\r\n<a href="http://www.topstyle4.com/">TopStyle</a>\r\n<a href="http://www.blumentals.net/rapidcss/">Rapid CSS</a>\r\n<a href="http://www.culturedcode.com/xyle/">Xyle</a>\r\n<a href="http://www.skybound.ca/">Stylizer</a>\r\n<a href="http://www.macrabbit.com/cssedit/">CSSEdit</a>\r\n\r\n<strong>CSS Frameworks:</strong>\r\n\r\nThese frameworks have really taken off. Like their JavaScript brethren, they help to abstract much of the complexity of building consistent layouts in cross-browser fashion. They''re definitely something I need to look into more and from what I''ve read, 960 GS & Blueprint are the ones people are looking at.\r\n\r\n<a href="http://960.gs">960 Grid System</a>\r\n<a href="http://blueprintcss.org/">Blueprint CSS Framework</a>\r\n<a href="http://www.yaml.de/en/">YAML</a>\r\n<a href="http://developer.yahoo.com/yui/grids/">Yahoo YUI Grids CSS</a>\r\n<a href="http://devkick.com/lab/tripoli/">Tripoli</a>\r\n\r\n<strong>CSS Resets:</strong>\r\n\r\nWant to minimize browser inconsistencies? Then use a CSS reset stylesheet to specify baseline CSS styles that make browser presentation defaults more consistent. \r\n\r\n<a href="http://meyerweb.com/eric/tools/css/reset/">Meyer Reset by Eric Meyer</a>\r\n<a href="http://developer.yahoo.com/yui/reset/">YUI2: Reset CSS</a>\r\n<a href="http://www.iecss.com/">IECSS</a>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n\r\nI definitely recommend everyone to learn JavaScript as you''ll need it to be a really effective client-side developer. With that said, a good JS library will go a long way to making your development faster and much more stable. These libraries are all very mature and dramatically help to abstract the complexities of cross-browser development. My personal favorite is <a href="http://jquery.com/">jQuery</a>, of which I''m a member of the project team.\r\n\r\n<a href="http://jquery.com/">jQuery</a>\r\n<a href="http://jqueryui.com">jQuery UI</a>\r\n<a href="http://prototypejs.org/">Prototype</a>\r\n<a href="http://mootools.net/">MooTools</a>\r\n<a href="http://dojotoolkit.org/">Dojo</a>\r\n<a href="http://developer.yahoo.com/yui/">YUI</a>\r\n<a href="http://javascriptmvc.com/">JavaScriptMVC</a>\r\n<a href="http://qooxdoo.org/">qooxdoo</a>\r\n<a href="http://extjs.com">Ext JS</a>\r\n<a href="http://labs.adobe.com/technologies/spry/">Adobe Spry</a>\r\n<a href="http://raphaeljs.com/">Raphael.js</a> - simplifies working with vector graphics on the web\r\n<a href="http://labjs.com/">LabJS Dynamic Script Loader</a> - Allows execution and load management of JavaScript files\r\n<a href="http://brianleroux.github.com/lawnchair/">Lawnchair</a> - A lightweight client-side JSON document store\r\n<a href="http://www.thomasfrank.se/sessionvars.html">Sessvars.js</a> - Client-side session data management solution\r\n<a href="http://codebetter.com/blogs/matthew.podwysocki/archive/2010/02/16/introduction-to-the-reactive-extensions-to-javascript.aspx">Reactive Extensions For JS</a>\r\n<a href="http://beebole.com/pure">PURE JS Templating Lib</a>\r\n\r\n\r\n<strong>JavaScript Minifiers</strong>\r\n\r\nEvery byte counts when you''re sending files via HTTP and best practices dictate that on a production, you need to optimize all of your files to minimize page load times. Compressing JavaScript code is one of the easiest ways to do that and these tools will help. On the jQuery project, we''ve started using Google''s Closure compiler because it''s generated the best compression. Try all of them out to see which suits you best.\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://code.google.com/closure/compiler/">Closure compiler</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n\r\n<strong>JavaScript Shells</strong>\r\n\r\nThere are times when you just want to test a snippet of code without actually going through the trouble of creating a full page. That''s where JavaScript shells shine. JSFiddle and JSBin both rock because apart from supporting plain ole JS, they also allow you to include a host of libraries including jQuery, MooTools, & Dojo. \r\n\r\n<a href="http://jsfiddle.net/">jsfiddle.net</a> \r\n<a href="http://jsbin.com/">JSBin</a>\r\n<a href="http://mootools.net/shell/">mootools.net/shell</a> <em>(MooTools-specific)</em>\r\n\r\n<strong>Color Management:</strong>\r\n\r\nAs a programmer, I''m insanely color scheme challenged. I''m inclined to mix yellow with mauve causing a concerted moan to occur across the design community. Luckily, these tools help you choose web safe color schemes that are not only consistent but won''t burn the eyeballs off your site visitors. :)\r\n\r\n<a href="http://www.colourlovers.com/">Colourlovers</a>\r\n<a href="http://kuler.adobe.com/">Kuler</a>\r\n\r\n<strong>Editors and IDEs:</strong>\r\n\r\nI work at Microsoft so you would expect me to be a Visual Studio whiz. Not so. Only recently starting at MS, I''ve only dipped my toe in the VS waters. What I''ve seen though has impressed me but I still have a long way to go before I understand it. If you''re on a Mac, though, I do highly recommend both TextMate and Coda. Both are truly awesome. I''ve used Coda a little more because I liked the UI of it a little better than TextMate''s but TM''s bundle system and ecosystem is amazing. You can get code-complete for just about anything via bundles. For Windows, Notepad++ has been just awesome. I wish it had built-in FTP support like UltraEdit. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/vstudio/default.aspx">Visual Studio</a>\r\n<a href="http://www.microsoft.com/expression/">Expression</a>\r\n<a href="http://macromates.com/">TextMate</a>\r\n<a href="http://panic.com/coda/">Coda</a>\r\n<a href="http://www.ultraedit.com/">UltraEdit</a>\r\n<a href="http://www.activestate.com/komodo/">Komodo IDE</a>\r\n<a href="http://notepad-plus.sourceforge.net/uk/site.htm">Notepad++</a>\r\n<a href="http://notepad2.com/">Notepad2</a>\r\n<a href="http://www.barebones.com/products/bbedit/">BBEdit</a>\r\n<a href="http://www.aptana.org/">Aptana</a>\r\n<a href="http://macrabbit.com/espresso/">Espresso</a>\r\n<a href="http://www.sublimetext.com/">Sublime Text</a>\r\n\r\n<strong>Wireframing:</strong>\r\n\r\nI know some of you are cowboys (or cowgirls) and you just want to start hacking. Well, for the truly impatient, these tools at least let you wireframe your pages quickly and easily. I''ve used Balsamiq and FlairBuilder and both rock. It seems that FlairBuilder is really cranking it up with some nice features. Both are Adobe AIR apps which means they''re cross-platform.\r\n\r\n<a href="http://www.omnigroup.com/">Omnigraffle</a>\r\n<a href="http://www.balsamiq.com/">Balsamiq</a>\r\n<a href="http://www.flairbuilder.com/">FlairBuilder</a>\r\n<a href="http://office.microsoft.com/en-us/visio/default.aspx">Visio</a>\r\n\r\n<strong>Browser Testing:</strong>\r\n\r\nI''ve been fortunate to have multiple OS versions over the years. My wife would definitely prefer for me to have a couple of less PCs sitting around but it''s let me test out my web apps on a variety of platforms, browsers and OSes. Shoot, I even have a version of IE6! For those with less hardware, these services should definitely help. Note that services like BrowserCam & Gomez are subscription-based but worth the cash if you can afford it.\r\n\r\n<a href="http://www.browsercam.com/Default2.aspx">BrowserCam</a>\r\n<a href="https://browserlab.adobe.com/index.html">Adobe BrowserLab</a>\r\n<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en">Microsoft Expression Web SuperPreview for IE</a>\r\n<a href="http://www.gomez.com/products-solutions/products/cross-browser-testing/">Gomez</a>\r\n<a href="http://tredosoft.com/Multiple_IE">TredoSoft MultipleIE</a>\r\n<a href="http://crossbrowsertesting.com/">CrossBrowserTesting</a>\r\n<a href="http://michelf.com/projects/multi-safari/">Multi-Safari</a>\r\n<a href="http://www.browserscope.org/">Browserscope</a>\r\n<a href="http://stevesouders.com/cuzillion/help.php">Cuzillion</a>\r\n<a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a>\r\n\r\n<strong>Testing (based on the <a href="http://ejohn.org/blog/which-unit-testing-framework/">list by John Resig</a>):</strong>\r\n\r\nThis was a list I snagged from John Resig. Obviously, he''s done a boatload of testing so I know this list rocks. JSLint is the old mainstay created by Douglas Crockford but other have really become increasingly essential to good testing. jQuery developers should definitely be looking at QUnit & jQuery-Lint. The most complete tool is Selenium but it does have a bit of a learning curve. If you''re into determining JS performance, checkout SunSpider, Dromaeo, Google''s V8 Benchmark and JSLitmus. These measure the performance of the JS engine, not your apps.\r\n\r\n<a href="http://jslint.com/">JSLint</a>\r\n<a href="http://github.com/jamespadolsey/jQuery-Lint">jQuery Lint</a>\r\n<a href="http://www.jsunit.net/">JSUnit</a>\r\n<a href="http://seleniumhq.org/projects/core/">Selenium Core</a>\r\n<a href="http://jania.pe.kr/aw/moin.cgi/JSSpec">JSSpec (MooTools)</a>\r\n<a href="http://github.com/tobie/unittest_js/tree/master">UnitTestJS (Prototype)</a>\r\n<a href="http://docs.jquery.com/QUnit">QUnit (jQuery)</a>\r\n<a href="http://docs.dojocampus.org/quickstart/doh">DOH Unit Testing (Dojo)</a>\r\n<a href="http://developer.yahoo.com/yui/yuitest/">YUITest 2</a>\r\n<a href="http://developer.yahoo.com/yui/3/test/">YUITest 3</a>\r\n<a href="https://developer.mozilla.org/En/Mochitest">Mochitest</a>\r\n<a href="http://github.com/nkallen/screw-unit/tree/master">ScrewUnit</a>\r\n<a href="http://jsunittest.com/">JsUnitTest</a>\r\n<a href="http://jsunity.com/">jsUnity</a> \r\n<a href="http://code.google.com/p/js-test-driver/">JsTestDriver</a>\r\n<a href="http://www.thefrontside.net/crosscheck">Crosscheck</a>\r\n<a href="http://groups.google.com/group/envjs">Env.js</a> \r\n<a href="http://fireunit.org/">FireUnit</a>\r\n<a href="http://validator.w3.org/">W3C Markup Validation Service</a>\r\n<a href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a>\r\n<a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider.html">SunSpider</a>\r\n<a href="http://code.google.com/apis/v8/run.html">V8 Benchmark</a>\r\n<a href="http://v2.dromaeo.com/">Dromaeo</a>\r\n<a href="http://broofa.com/Tools/JSLitmus/">JSLitmus</a>\r\n\r\n<strong>Documentation:</strong>\r\n\r\n< a href="http://developer.yahoo.com/yui/">Yahoo UI Docs</a>\r\n<a href="http://www.programmableweb.com/">APIs</a> - Most comprehensive list of APIs on the web\r\n<a href="http://api.jquery.com/">jQuery Docs</a>\r\n<a href="http://jqueryui.com/demos/">jQuery UI Docs</a>\r\n<a href="http://mootools.net/docs/core">MooTools Docs</a>\r\n<a href="http://api.prototypejs.org/">Prototype Docs</a>\r\n<a href="http://dojotoolkit.org/documentation/">Dojo Docs</a>\r\n<a href="http://json.org/">JSON Reference</a>\r\n<a href="http://en.wikipedia.org/wiki/JSON#JSONP">JSONP</a>\r\n\r\n<h2>Books</h2>\r\n\r\nThe books below are really a great selection. I have many in my own library and every so often re-read them I''m currently reading <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a> by Nicholas Zakas. Another great book is Stoyan Stefanov''s <a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a>. I also highly recommend Steve Souders performance book at the bottom of the list. They''re basically the definitive sources for optimizing your web apps.\r\n\r\n<strong>JavaScript/DOM:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596101996?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596101996">JavaScript: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596101996" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596517742?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596517742">JavaScript: The Good Parts</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596517742" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047022780X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047022780X">Professional JavaScript for Web Developers (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047022780X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590595335?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590595335">DOM Scripting: Web Design with JavaScript and the Document Object Model</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590595335" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590598563?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598563">AdvancED DOM Scripting: Dynamic Web Design Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598563" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590596803?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590596803">Beginning JavaScript with DOM Scripting and Ajax: From Novice to Professional (Beginning: from Novice to Professional)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590596803" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194141" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597273?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597273">Pro JavaScript Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597273" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/193398869X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=193398869X">Secrets of the JavaScript Ninja</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=193398869X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321491939?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321491939">Ajax Security</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321491939" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321423305?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321423305">ppk on JavaScript, 1/e</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321423305" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597648?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597648">Accelerated DOM Scripting with Ajax, APIs, and Libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597648" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript (Build Faster Web Application Interfaces)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n</ul>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596159773?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596159773">jQuery Cookbook: Solutions & Examples for jQuery Developers (Animal Guide)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596159773" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847196705?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847196705">Learning jQuery 1.3</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847196705" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1935182323?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182323">jQuery in Action, Second Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182323" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847199720?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847199720">jQuery UI 1.7: The User Interface Library for jQuery</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847199720" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356115?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356115">Mastering Dojo: JavaScript and Ajax Tools for Great Web Experiences (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356115" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430210664?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430210664">Practical Dojo Projects (Practical Projects)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430210664" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0470452021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0470452021">Concise Guide to Dojo (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0470452021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0596516487?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596516487">Dojo: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596516487" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321605128?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321605128">The Dojo Toolkit: Visual QuickStart Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321605128" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430225211?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430225211">Getting StartED with Dojo</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430225211" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847194583?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194583">MooTools 1.2 Beginner''s Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194583" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430209836?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430209836">MooTools Essentials: The Official MooTools Reference for JavaScript™ and Ajax Development (Firstpress)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430209836" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1590599195?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590599195">Practical Prototype and script.aculo.us (Expert''s Voice in Web Development)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590599195" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356018?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356018">Prototype and script.aculo.us: You Never Knew JavaScript Could Do This! (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356018" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1933988037?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1933988037">Prototype and Scriptaculous in Action [Ajax]</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1933988037" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847192327?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847192327">Learning the Yahoo! User Interface library: Develop your next generation web applications with the YUI JavaScript development library.</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847192327" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847195148?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847195148">Learning Ext JS</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847195148" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847198708?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847198708">Ext JS 3.0 Cookbook</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847198708" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1935182110?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182110">Ext JS in Action</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182110" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n</ul>\r\n\r\n\r\n\r\n<strong>HTML & CSS:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/1590598040?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598040">Pro CSS and HTML Design Patterns</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598040" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1430219203?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430219203">Web Standards Solutions: The Markup and Style Handbook, Special Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430219203" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321509021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321509021">Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS (2nd Edition)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321509021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.sitepoint.com/books/cssdesign1/?SID=82b54f50488243b44b6b9c7acb10731a">The Art & Science Of CSS</a>\r\n<a href="http://www.sitepoint.com/books/css2/?SID=82b54f50488243b44b6b9c7acb10731a">HTML Utopia: Designing Without Tables Using CSS</a></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0980455278?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0980455278">Build Your Own Website The Right Way Using HTML & CSS, 2nd Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0980455278" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1600330045?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1600330045">Head First HTML with CSS & XHTML</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1600330045" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n\r\n<strong>Performance:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596529309?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596529309">High Performance Web Sites: Essential Knowledge for Front-End Engineers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596529309" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596522304?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596522304">Even Faster Web Sites: Performance Best Practices for Web Developers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596522304" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n', 'The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books', 0, '', 'inherit', 'open', 'open', '', '664-revision-49', '', '', '2010-04-29 22:50:29', '2010-04-30 02:50:29', '', 664, 'http://blog.reybango.com/2010/04/29/664-revision-49/', 0, 'revision', '', 0);
INSERT INTO `wp_dyxkdh_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_category`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(727, 3, '2010-04-30 08:37:27', '2010-04-30 12:37:27', 'I''ve been meaning to do a roll-up of top JavaScript, CSS & HTML development tools that I use or have been recommended to me and after having lunch with my bud Brian Wilpon today, I realized I just needed to do it. He asked me what some of the newer tools are and I think this is the best way to help him (and the community in general). It''s definitely not an all-inclusive list so if you see some that you feel I should add or remove, let me know in the comments.\r\n\r\nHere they are by category:\r\n\r\n<strong>Debugging Tools That Make Life MUCH Easier:</strong>\r\n\r\nEffectively debugging JavaScript applications is a royal pain in the derriere and to compile that, the available tools just don''t stand up to those used by managed code developers. Luckily, we do have a decent set of tools that lessens the pain substantially. Firebug is definitely a must have since it incorporates so much DOM & XHR introspection as well as the Web Developer Toolbar. Both are simply awesome. I also love Charles for HTTP sniffing and it''s saved my butt when Firebug couldn''t handle it. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/library/dd565628%28VS.85%29.aspx">IE8 Developer Tools</a> - Microsoft''s browser debugger tools\r\n<a href="http://getfirebug.com/">Firebug</a> - Mozilla''s browser debugger add-on \r\n<a href="http://trac.webkit.org/wiki/WebInspector">WebKit Web Inspector</a> - Webkit''s browser debugger tools\r\n<a href="http://www.fiddler2.com/fiddler2/">Fiddler</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://www.charlesproxy.com/">Charles</a> - HTTP Sniffer. Great for seeing Ajax requests. (my personal fav)\r\n<a href="http://kevinlangdon.com/serviceCapture/">Service Capture</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://ajax.dynatrace.com/pages/">dynaTrace Ajax</a> - HTTP performance analyzer\r\n<a href="http://chrispederick.com/work/web-developer/">Web Developer’s Toolbar</a> - All purpose Firefox toolbar to inspect everything on a page\r\n<a href="http://developer.yahoo.com/yslow/">YSlow</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://code.google.com/speed/page-speed/">PageSpeed</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://www.debugbar.com/">DebugBar</a> - An IE plugin that brings advanced debugging features to IE including JS, DOM & HTTP inspection\r\n\r\n<strong>CSS Editors:</strong>\r\n\r\nI prefer to write my CSS code by hand. Call me old-school but many swear by the following CSS editors. CSSEdit by MacRabbit (Mac only) is especially loved by many designers.\r\n\r\n<a href="http://www.topstyle4.com/">TopStyle</a>\r\n<a href="http://www.blumentals.net/rapidcss/">Rapid CSS</a>\r\n<a href="http://www.culturedcode.com/xyle/">Xyle</a>\r\n<a href="http://www.skybound.ca/">Stylizer</a>\r\n<a href="http://www.macrabbit.com/cssedit/">CSSEdit</a>\r\n\r\n<strong>CSS Frameworks:</strong>\r\n\r\nThese frameworks have really taken off. Like their JavaScript brethren, they help to abstract much of the complexity of building consistent layouts in cross-browser fashion. They''re definitely something I need to look into more and from what I''ve read, 960 GS & Blueprint are the ones people are looking at.\r\n\r\n<a href="http://960.gs">960 Grid System</a>\r\n<a href="http://blueprintcss.org/">Blueprint CSS Framework</a>\r\n<a href="http://www.yaml.de/en/">YAML</a>\r\n<a href="http://developer.yahoo.com/yui/grids/">Yahoo YUI Grids CSS</a>\r\n<a href="http://devkick.com/lab/tripoli/">Tripoli</a>\r\n\r\n<strong>CSS Resets:</strong>\r\n\r\nWant to minimize browser inconsistencies? Then use a CSS reset stylesheet to specify baseline CSS styles that make browser presentation defaults more consistent. \r\n\r\n<a href="http://meyerweb.com/eric/tools/css/reset/">Meyer Reset by Eric Meyer</a>\r\n<a href="http://developer.yahoo.com/yui/reset/">YUI2: Reset CSS</a>\r\n<a href="http://www.iecss.com/">IECSS</a>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n\r\nI definitely recommend everyone to learn JavaScript as you''ll need it to be a really effective client-side developer. With that said, a good JS library will go a long way to making your development faster and much more stable. These libraries are all very mature and dramatically help to abstract the complexities of cross-browser development. My personal favorite is <a href="http://jquery.com/">jQuery</a>, of which I''m a member of the project team.\r\n\r\n<a href="http://jquery.com/">jQuery</a>\r\n<a href="http://jqueryui.com">jQuery UI</a>\r\n<a href="http://prototypejs.org/">Prototype</a>\r\n<a href="http://mootools.net/">MooTools</a>\r\n<a href="http://dojotoolkit.org/">Dojo</a>\r\n<a href="http://developer.yahoo.com/yui/">YUI</a>\r\n<a href="http://javascriptmvc.com/">JavaScriptMVC</a>\r\n<a href="http://qooxdoo.org/">qooxdoo</a>\r\n<a href="http://extjs.com">Ext JS</a>\r\n<a href="http://labs.adobe.com/technologies/spry/">Adobe Spry</a>\r\n<a href="http://raphaeljs.com/">Raphael.js</a> - simplifies working with vector graphics on the web\r\n<a href="http://labjs.com/">LabJS Dynamic Script Loader</a> - Allows execution and load management of JavaScript files\r\n<a href="http://brianleroux.github.com/lawnchair/">Lawnchair</a> - A lightweight client-side JSON document store\r\n<a href="http://www.thomasfrank.se/sessionvars.html">Sessvars.js</a> - Client-side session data management solution\r\n<a href="http://codebetter.com/blogs/matthew.podwysocki/archive/2010/02/16/introduction-to-the-reactive-extensions-to-javascript.aspx">Reactive Extensions For JS</a>\r\n<a href="http://beebole.com/pure">PURE JS Templating Lib</a>\r\n\r\n\r\n<strong>JavaScript Minifiers</strong>\r\n\r\nEvery byte counts when you''re sending files via HTTP and best practices dictate that on a production, you need to optimize all of your files to minimize page load times. Compressing JavaScript code is one of the easiest ways to do that and these tools will help. On the jQuery project, we''ve started using Google''s Closure compiler because it''s generated the best compression. Try all of them out to see which suits you best.\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://code.google.com/closure/compiler/">Closure compiler</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n\r\n<strong>JavaScript Shells</strong>\r\n\r\nThere are times when you just want to test a snippet of code without actually going through the trouble of creating a full page. That''s where JavaScript shells shine. JSFiddle and JSBin both rock because apart from supporting plain ole JS, they also allow you to include a host of libraries including jQuery, MooTools, & Dojo. \r\n\r\n<a href="http://jsfiddle.net/">jsfiddle.net</a> \r\n<a href="http://jsbin.com/">JSBin</a>\r\n<a href="http://mootools.net/shell/">mootools.net/shell</a> <em>(MooTools-specific)</em>\r\n\r\n<strong>Color Management:</strong>\r\n\r\nAs a programmer, I''m insanely color scheme challenged. I''m inclined to mix yellow with mauve causing a concerted moan to occur across the design community. Luckily, these tools help you choose web safe color schemes that are not only consistent but won''t burn the eyeballs off your site visitors. :)\r\n\r\n<a href="http://www.colourlovers.com/">Colourlovers</a>\r\n<a href="http://kuler.adobe.com/">Kuler</a>\r\n\r\n<strong>Editors and IDEs:</strong>\r\n\r\nI work at Microsoft so you would expect me to be a Visual Studio whiz. Not so. Only recently starting at MS, I''ve only dipped my toe in the VS waters. What I''ve seen though has impressed me but I still have a long way to go before I understand it. If you''re on a Mac, though, I do highly recommend both TextMate and Coda. Both are truly awesome. I''ve used Coda a little more because I liked the UI of it a little better than TextMate''s but TM''s bundle system and ecosystem is amazing. You can get code-complete for just about anything via bundles. For Windows, Notepad++ has been just awesome. I wish it had built-in FTP support like UltraEdit. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/vstudio/default.aspx">Visual Studio</a>\r\n<a href="http://www.microsoft.com/expression/">Expression</a>\r\n<a href="http://macromates.com/">TextMate</a>\r\n<a href="http://panic.com/coda/">Coda</a>\r\n<a href="http://www.ultraedit.com/">UltraEdit</a>\r\n<a href="http://www.activestate.com/komodo/">Komodo IDE</a>\r\n<a href="http://notepad-plus.sourceforge.net/uk/site.htm">Notepad++</a>\r\n<a href="http://notepad2.com/">Notepad2</a>\r\n<a href="http://www.barebones.com/products/bbedit/">BBEdit</a>\r\n<a href="http://www.aptana.org/">Aptana</a>\r\n<a href="http://macrabbit.com/espresso/">Espresso</a>\r\n<a href="http://www.sublimetext.com/">Sublime Text</a>\r\n\r\n<strong>Wireframing:</strong>\r\n\r\nI know some of you are cowboys (or cowgirls) and you just want to start hacking. Well, for the truly impatient, these tools at least let you wireframe your pages quickly and easily. I''ve used Balsamiq and FlairBuilder and both rock. It seems that FlairBuilder is really cranking it up with some nice features. Both are Adobe AIR apps which means they''re cross-platform.\r\n\r\n<a href="http://www.omnigroup.com/">Omnigraffle</a>\r\n<a href="http://www.balsamiq.com/">Balsamiq</a>\r\n<a href="http://www.flairbuilder.com/">FlairBuilder</a>\r\n<a href="http://office.microsoft.com/en-us/visio/default.aspx">Visio</a>\r\n\r\n<strong>Browser Testing:</strong>\r\n\r\nI''ve been fortunate to have multiple OS versions over the years. My wife would definitely prefer for me to have a couple of less PCs sitting around but it''s let me test out my web apps on a variety of platforms, browsers and OSes. Shoot, I even have a version of IE6! For those with less hardware, these services should definitely help. Note that services like BrowserCam & Gomez are subscription-based but worth the cash if you can afford it.\r\n\r\n<a href="http://www.browsercam.com/Default2.aspx">BrowserCam</a>\r\n<a href="https://browserlab.adobe.com/index.html">Adobe BrowserLab</a>\r\n<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en">Microsoft Expression Web SuperPreview for IE</a>\r\n<a href="http://www.gomez.com/products-solutions/products/cross-browser-testing/">Gomez</a>\r\n<a href="http://tredosoft.com/Multiple_IE">TredoSoft MultipleIE</a>\r\n<a href="http://crossbrowsertesting.com/">CrossBrowserTesting</a>\r\n<a href="http://michelf.com/projects/multi-safari/">Multi-Safari</a>\r\n<a href="http://www.browserscope.org/">Browserscope</a>\r\n<a href="http://stevesouders.com/cuzillion/help.php">Cuzillion</a>\r\n<a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a>\r\n\r\n<strong>Testing (based on the <a href="http://ejohn.org/blog/which-unit-testing-framework/">list by John Resig</a>):</strong>\r\n\r\nThis was a list I snagged from John Resig. Obviously, he''s done a boatload of testing so I know this list rocks. JSLint is the old mainstay created by Douglas Crockford but other have really become increasingly essential to good testing. jQuery developers should definitely be looking at QUnit & jQuery-Lint. The most complete tool is Selenium but it does have a bit of a learning curve. If you''re into determining JS performance, checkout SunSpider, Dromaeo, Google''s V8 Benchmark and JSLitmus. These measure the performance of the JS engine, not your apps.\r\n\r\n<a href="http://jslint.com/">JSLint</a>\r\n<a href="http://github.com/jamespadolsey/jQuery-Lint">jQuery Lint</a>\r\n<a href="http://www.jsunit.net/">JSUnit</a>\r\n<a href="http://seleniumhq.org/projects/core/">Selenium Core</a>\r\n<a href="http://jania.pe.kr/aw/moin.cgi/JSSpec">JSSpec (MooTools)</a>\r\n<a href="http://github.com/tobie/unittest_js/tree/master">UnitTestJS (Prototype)</a>\r\n<a href="http://docs.jquery.com/QUnit">QUnit (jQuery)</a>\r\n<a href="http://docs.dojocampus.org/quickstart/doh">DOH Unit Testing (Dojo)</a>\r\n<a href="http://developer.yahoo.com/yui/yuitest/">YUITest 2</a>\r\n<a href="http://developer.yahoo.com/yui/3/test/">YUITest 3</a>\r\n<a href="https://developer.mozilla.org/En/Mochitest">Mochitest</a>\r\n<a href="http://github.com/nkallen/screw-unit/tree/master">ScrewUnit</a>\r\n<a href="http://jsunittest.com/">JsUnitTest</a>\r\n<a href="http://jsunity.com/">jsUnity</a> \r\n<a href="http://code.google.com/p/js-test-driver/">JsTestDriver</a>\r\n<a href="http://www.thefrontside.net/crosscheck">Crosscheck</a>\r\n<a href="http://groups.google.com/group/envjs">Env.js</a> \r\n<a href="http://fireunit.org/">FireUnit</a>\r\n<a href="http://validator.w3.org/">W3C Markup Validation Service</a>\r\n<a href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a>\r\n<a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider.html">SunSpider</a>\r\n<a href="http://code.google.com/apis/v8/run.html">V8 Benchmark</a>\r\n<a href="http://v2.dromaeo.com/">Dromaeo</a>\r\n<a href="http://broofa.com/Tools/JSLitmus/">JSLitmus</a>\r\n\r\n<strong>Documentation:</strong>\r\n\r\n<a href="http://developer.yahoo.com/yui/">Yahoo UI Docs</a>\r\n<a href="http://www.programmableweb.com/">APIs</a> - Most comprehensive list of APIs on the web\r\n<a href="http://api.jquery.com/">jQuery Docs</a>\r\n<a href="http://jqueryui.com/demos/">jQuery UI Docs</a>\r\n<a href="http://mootools.net/docs/core">MooTools Docs</a>\r\n<a href="http://api.prototypejs.org/">Prototype Docs</a>\r\n<a href="http://dojotoolkit.org/documentation/">Dojo Docs</a>\r\n<a href="http://json.org/">JSON Reference</a>\r\n<a href="http://en.wikipedia.org/wiki/JSON#JSONP">JSONP</a>\r\n\r\n<h2>Books</h2>\r\n\r\nThe books below are really a great selection. I have many in my own library and every so often re-read them I''m currently reading <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a> by Nicholas Zakas. Another great book is Stoyan Stefanov''s <a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a>. I also highly recommend Steve Souders performance book at the bottom of the list. They''re basically the definitive sources for optimizing your web apps.\r\n\r\n<strong>JavaScript/DOM:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596101996?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596101996">JavaScript: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596101996" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596517742?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596517742">JavaScript: The Good Parts</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596517742" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047022780X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047022780X">Professional JavaScript for Web Developers (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047022780X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590595335?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590595335">DOM Scripting: Web Design with JavaScript and the Document Object Model</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590595335" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590598563?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598563">AdvancED DOM Scripting: Dynamic Web Design Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598563" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590596803?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590596803">Beginning JavaScript with DOM Scripting and Ajax: From Novice to Professional (Beginning: from Novice to Professional)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590596803" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194141" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597273?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597273">Pro JavaScript Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597273" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/193398869X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=193398869X">Secrets of the JavaScript Ninja</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=193398869X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321491939?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321491939">Ajax Security</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321491939" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321423305?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321423305">ppk on JavaScript, 1/e</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321423305" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597648?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597648">Accelerated DOM Scripting with Ajax, APIs, and Libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597648" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript (Build Faster Web Application Interfaces)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n</ul>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596159773?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596159773">jQuery Cookbook: Solutions & Examples for jQuery Developers (Animal Guide)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596159773" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847196705?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847196705">Learning jQuery 1.3</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847196705" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1935182323?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182323">jQuery in Action, Second Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182323" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847199720?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847199720">jQuery UI 1.7: The User Interface Library for jQuery</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847199720" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356115?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356115">Mastering Dojo: JavaScript and Ajax Tools for Great Web Experiences (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356115" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430210664?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430210664">Practical Dojo Projects (Practical Projects)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430210664" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0470452021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0470452021">Concise Guide to Dojo (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0470452021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0596516487?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596516487">Dojo: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596516487" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321605128?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321605128">The Dojo Toolkit: Visual QuickStart Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321605128" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430225211?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430225211">Getting StartED with Dojo</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430225211" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847194583?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194583">MooTools 1.2 Beginner''s Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194583" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430209836?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430209836">MooTools Essentials: The Official MooTools Reference for JavaScript™ and Ajax Development (Firstpress)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430209836" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1590599195?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590599195">Practical Prototype and script.aculo.us (Expert''s Voice in Web Development)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590599195" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356018?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356018">Prototype and script.aculo.us: You Never Knew JavaScript Could Do This! (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356018" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1933988037?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1933988037">Prototype and Scriptaculous in Action [Ajax]</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1933988037" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847192327?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847192327">Learning the Yahoo! User Interface library: Develop your next generation web applications with the YUI JavaScript development library.</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847192327" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847195148?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847195148">Learning Ext JS</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847195148" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847198708?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847198708">Ext JS 3.0 Cookbook</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847198708" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1935182110?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182110">Ext JS in Action</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182110" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n</ul>\r\n\r\n\r\n\r\n<strong>HTML & CSS:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/1590598040?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598040">Pro CSS and HTML Design Patterns</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598040" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1430219203?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430219203">Web Standards Solutions: The Markup and Style Handbook, Special Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430219203" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321509021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321509021">Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS (2nd Edition)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321509021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.sitepoint.com/books/cssdesign1/?SID=82b54f50488243b44b6b9c7acb10731a">The Art & Science Of CSS</a>\r\n<a href="http://www.sitepoint.com/books/css2/?SID=82b54f50488243b44b6b9c7acb10731a">HTML Utopia: Designing Without Tables Using CSS</a></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0980455278?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0980455278">Build Your Own Website The Right Way Using HTML & CSS, 2nd Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0980455278" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1600330045?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1600330045">Head First HTML with CSS & XHTML</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1600330045" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n\r\n<strong>Performance:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596529309?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596529309">High Performance Web Sites: Essential Knowledge for Front-End Engineers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596529309" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596522304?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596522304">Even Faster Web Sites: Performance Best Practices for Web Developers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596522304" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n', 'The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books', 0, '', 'inherit', 'open', 'open', '', '664-revision-50', '', '', '2010-04-30 08:37:27', '2010-04-30 12:37:27', '', 664, 'http://blog.reybango.com/2010/04/30/664-revision-50/', 0, 'revision', '', 0);
INSERT INTO `wp_dyxkdh_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_category`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(729, 3, '2010-04-30 08:44:41', '2010-04-30 12:44:41', 'I''ve been meaning to do a roll-up of top JavaScript, CSS & HTML development tools that I use or have been recommended to me and after having lunch with my bud Brian Wilpon today, I realized I just needed to do it. He asked me what some of the newer tools are and I think this is the best way to help him (and the community in general). It''s definitely not an all-inclusive list so if you see some that you feel I should add or remove, let me know in the comments.\r\n\r\nHere they are by category:\r\n\r\n<strong>Debugging Tools That Make Life MUCH Easier:</strong>\r\n\r\nEffectively debugging JavaScript applications is a royal pain in the derriere and to compile that, the available tools just don''t stand up to those used by managed code developers. Luckily, we do have a decent set of tools that lessens the pain substantially. Firebug is definitely a must have since it incorporates so much DOM & XHR introspection as well as the Web Developer Toolbar. Both are simply awesome. I also love Charles for HTTP sniffing and it''s saved my butt when Firebug couldn''t handle it. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/library/dd565628%28VS.85%29.aspx">IE8 Developer Tools</a> - Microsoft''s browser debugger tools\r\n<a href="http://getfirebug.com/">Firebug</a> - Mozilla''s browser debugger add-on \r\n<a href="http://trac.webkit.org/wiki/WebInspector">WebKit Web Inspector</a> - Webkit''s browser debugger tools\r\n<a href="http://www.fiddler2.com/fiddler2/">Fiddler</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://www.charlesproxy.com/">Charles</a> - HTTP Sniffer. Great for seeing Ajax requests. (my personal fav)\r\n<a href="http://kevinlangdon.com/serviceCapture/">Service Capture</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://ajax.dynatrace.com/pages/">dynaTrace Ajax</a> - HTTP performance analyzer\r\n<a href="http://chrispederick.com/work/web-developer/">Web Developer’s Toolbar</a> - All purpose Firefox toolbar to inspect everything on a page\r\n<a href="http://developer.yahoo.com/yslow/">YSlow</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://code.google.com/speed/page-speed/">PageSpeed</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://www.debugbar.com/">DebugBar</a> - An IE plugin that brings advanced debugging features to IE including JS, DOM & HTTP inspection\r\n\r\n<strong>CSS Editors:</strong>\r\n\r\nI prefer to write my CSS code by hand. Call me old-school but many swear by the following CSS editors. CSSEdit by MacRabbit (Mac only) is especially loved by many designers.\r\n\r\n<a href="http://www.topstyle4.com/">TopStyle</a>\r\n<a href="http://www.blumentals.net/rapidcss/">Rapid CSS</a>\r\n<a href="http://www.culturedcode.com/xyle/">Xyle</a>\r\n<a href="http://www.skybound.ca/">Stylizer</a>\r\n<a href="http://www.macrabbit.com/cssedit/">CSSEdit</a>\r\n\r\n<strong>CSS Frameworks:</strong>\r\n\r\nThese frameworks have really taken off. Like their JavaScript brethren, they help to abstract much of the complexity of building consistent layouts in cross-browser fashion. They''re definitely something I need to look into more and from what I''ve read, 960 GS & Blueprint are the ones people are looking at.\r\n\r\n<a href="http://960.gs">960 Grid System</a>\r\n<a href="http://blueprintcss.org/">Blueprint CSS Framework</a>\r\n<a href="http://www.yaml.de/en/">YAML</a>\r\n<a href="http://developer.yahoo.com/yui/grids/">Yahoo YUI Grids CSS</a>\r\n<a href="http://devkick.com/lab/tripoli/">Tripoli</a>\r\n\r\n<strong>CSS Resets:</strong>\r\n\r\nWant to minimize browser inconsistencies? Then use a CSS reset stylesheet to specify baseline CSS styles that make browser presentation defaults more consistent. \r\n\r\n<a href="http://meyerweb.com/eric/tools/css/reset/">Meyer Reset by Eric Meyer</a>\r\n<a href="http://developer.yahoo.com/yui/reset/">YUI2: Reset CSS</a>\r\n<a href="http://www.iecss.com/">IECSS</a>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n\r\nI definitely recommend everyone to learn JavaScript as you''ll need it to be a really effective client-side developer. With that said, a good JS library will go a long way to making your development faster and much more stable. These libraries are all very mature and dramatically help to abstract the complexities of cross-browser development. My personal favorite is <a href="http://jquery.com/">jQuery</a>, of which I''m a member of the project team.\r\n\r\n<a href="http://jquery.com/">jQuery</a>\r\n<a href="http://jqueryui.com">jQuery UI</a>\r\n<a href="http://prototypejs.org/">Prototype</a>\r\n<a href="http://mootools.net/">MooTools</a>\r\n<a href="http://dojotoolkit.org/">Dojo</a>\r\n<a href="http://developer.yahoo.com/yui/">YUI</a>\r\n<a href="http://javascriptmvc.com/">JavaScriptMVC</a>\r\n<a href="http://qooxdoo.org/">qooxdoo</a>\r\n<a href="http://extjs.com">Ext JS</a>\r\n<a href="http://labs.adobe.com/technologies/spry/">Adobe Spry</a>\r\n<a href="http://raphaeljs.com/">Raphael.js</a> - simplifies working with vector graphics on the web\r\n<a href="http://labjs.com/">LabJS Dynamic Script Loader</a> - Allows execution and load management of JavaScript files\r\n<a href="http://brianleroux.github.com/lawnchair/">Lawnchair</a> - A lightweight client-side JSON document store\r\n<a href="http://www.thomasfrank.se/sessionvars.html">Sessvars.js</a> - Client-side session data management solution\r\n<a href="http://codebetter.com/blogs/matthew.podwysocki/archive/2010/02/16/introduction-to-the-reactive-extensions-to-javascript.aspx">Reactive Extensions For JS</a>\r\n<a href="http://beebole.com/pure">PURE JS Templating Lib</a>\r\n\r\n\r\n<strong>JavaScript Minifiers</strong>\r\n\r\nEvery byte counts when you''re sending files via HTTP and best practices dictate that on a production, you need to optimize all of your files to minimize page load times. Compressing JavaScript code is one of the easiest ways to do that and these tools will help. On the jQuery project, we''ve started using Google''s Closure compiler because it''s generated the best compression. Try all of them out to see which suits you best.\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://code.google.com/closure/compiler/">Closure compiler</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n\r\n<strong>JavaScript Shells</strong>\r\n\r\nThere are times when you just want to test a snippet of code without actually going through the trouble of creating a full page. That''s where JavaScript shells shine. JSFiddle and JSBin both rock because apart from supporting plain ole JS, they also allow you to include a host of libraries including jQuery, MooTools, & Dojo. \r\n\r\n<a href="http://jsfiddle.net/">jsfiddle.net</a> \r\n<a href="http://jsbin.com/">JSBin</a>\r\n<a href="http://mootools.net/shell/">mootools.net/shell</a> <em>(MooTools-specific)</em>\r\n\r\n<strong>Color Management:</strong>\r\n\r\nAs a programmer, I''m insanely color scheme challenged. I''m inclined to mix yellow with mauve causing a concerted moan to occur across the design community. Luckily, these tools help you choose web safe color schemes that are not only consistent but won''t burn the eyeballs off your site visitors. :)\r\n\r\n<a href="http://www.colourlovers.com/">Colourlovers</a>\r\n<a href="http://kuler.adobe.com/">Kuler</a>\r\n\r\n<strong>Editors and IDEs:</strong>\r\n\r\nI work at Microsoft so you would expect me to be a Visual Studio whiz. Not so. Only recently starting at MS, I''ve only dipped my toe in the VS waters. What I''ve seen though has impressed me but I still have a long way to go before I understand it. If you''re on a Mac, though, I do highly recommend both TextMate and Coda. Both are truly awesome. I''ve used Coda a little more because I liked the UI of it a little better than TextMate''s but TM''s bundle system and ecosystem is amazing. You can get code-complete for just about anything via bundles. For Windows, Notepad++ has been just awesome. I wish it had built-in FTP support like UltraEdit. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/vstudio/default.aspx">Visual Studio</a>\r\n<a href="http://www.microsoft.com/expression/">Expression</a>\r\n<a href="http://macromates.com/">TextMate</a>\r\n<a href="http://panic.com/coda/">Coda</a>\r\n<a href="http://www.ultraedit.com/">UltraEdit</a>\r\n<a href="http://www.activestate.com/komodo/">Komodo IDE</a>\r\n<a href="http://notepad-plus.sourceforge.net/uk/site.htm">Notepad++</a>\r\n<a href="http://notepad2.com/">Notepad2</a>\r\n<a href="http://www.barebones.com/products/bbedit/">BBEdit</a>\r\n<a href="http://www.aptana.org/">Aptana</a>\r\n<a href="http://macrabbit.com/espresso/">Espresso</a>\r\n<a href="http://www.sublimetext.com/">Sublime Text</a>\r\n\r\n<strong>Wireframing:</strong>\r\n\r\nI know some of you are cowboys (or cowgirls) and you just want to start hacking. Well, for the truly impatient, these tools at least let you wireframe your pages quickly and easily. I''ve used Balsamiq and FlairBuilder and both rock. It seems that FlairBuilder is really cranking it up with some nice features. Both are Adobe AIR apps which means they''re cross-platform.\r\n\r\n<a href="http://www.omnigroup.com/">Omnigraffle</a>\r\n<a href="http://www.balsamiq.com/">Balsamiq</a>\r\n<a href="http://www.flairbuilder.com/">FlairBuilder</a>\r\n<a href="http://office.microsoft.com/en-us/visio/default.aspx">Visio</a>\r\n<a href="http://www.axure.com/">Axure</a>\r\n\r\n<strong>Browser Testing:</strong>\r\n\r\nI''ve been fortunate to have multiple OS versions over the years. My wife would definitely prefer for me to have a couple of less PCs sitting around but it''s let me test out my web apps on a variety of platforms, browsers and OSes. Shoot, I even have a version of IE6! For those with less hardware, these services should definitely help. Note that services like BrowserCam & Gomez are subscription-based but worth the cash if you can afford it.\r\n\r\n<a href="http://www.browsercam.com/Default2.aspx">BrowserCam</a>\r\n<a href="https://browserlab.adobe.com/index.html">Adobe BrowserLab</a>\r\n<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en">Microsoft Expression Web SuperPreview for IE</a>\r\n<a href="http://www.gomez.com/products-solutions/products/cross-browser-testing/">Gomez</a>\r\n<a href="http://tredosoft.com/Multiple_IE">TredoSoft MultipleIE</a>\r\n<a href="http://crossbrowsertesting.com/">CrossBrowserTesting</a>\r\n<a href="http://michelf.com/projects/multi-safari/">Multi-Safari</a>\r\n<a href="http://www.browserscope.org/">Browserscope</a>\r\n<a href="http://stevesouders.com/cuzillion/help.php">Cuzillion</a>\r\n<a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a>\r\n\r\n<strong>Testing (based on the <a href="http://ejohn.org/blog/which-unit-testing-framework/">list by John Resig</a>):</strong>\r\n\r\nThis was a list I snagged from John Resig. Obviously, he''s done a boatload of testing so I know this list rocks. JSLint is the old mainstay created by Douglas Crockford but other have really become increasingly essential to good testing. jQuery developers should definitely be looking at QUnit & jQuery-Lint. The most complete tool is Selenium but it does have a bit of a learning curve. If you''re into determining JS performance, checkout SunSpider, Dromaeo, Google''s V8 Benchmark and JSLitmus. These measure the performance of the JS engine, not your apps.\r\n\r\n<a href="http://jslint.com/">JSLint</a>\r\n<a href="http://github.com/jamespadolsey/jQuery-Lint">jQuery Lint</a>\r\n<a href="http://www.jsunit.net/">JSUnit</a>\r\n<a href="http://seleniumhq.org/projects/core/">Selenium Core</a>\r\n<a href="http://jania.pe.kr/aw/moin.cgi/JSSpec">JSSpec (MooTools)</a>\r\n<a href="http://github.com/tobie/unittest_js/tree/master">UnitTestJS (Prototype)</a>\r\n<a href="http://docs.jquery.com/QUnit">QUnit (jQuery)</a>\r\n<a href="http://docs.dojocampus.org/quickstart/doh">DOH Unit Testing (Dojo)</a>\r\n<a href="http://developer.yahoo.com/yui/yuitest/">YUITest 2</a>\r\n<a href="http://developer.yahoo.com/yui/3/test/">YUITest 3</a>\r\n<a href="https://developer.mozilla.org/En/Mochitest">Mochitest</a>\r\n<a href="http://github.com/nkallen/screw-unit/tree/master">ScrewUnit</a>\r\n<a href="http://jsunittest.com/">JsUnitTest</a>\r\n<a href="http://jsunity.com/">jsUnity</a> \r\n<a href="http://code.google.com/p/js-test-driver/">JsTestDriver</a>\r\n<a href="http://www.thefrontside.net/crosscheck">Crosscheck</a>\r\n<a href="http://groups.google.com/group/envjs">Env.js</a> \r\n<a href="http://fireunit.org/">FireUnit</a>\r\n<a href="http://validator.w3.org/">W3C Markup Validation Service</a>\r\n<a href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a>\r\n<a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider.html">SunSpider</a>\r\n<a href="http://code.google.com/apis/v8/run.html">V8 Benchmark</a>\r\n<a href="http://v2.dromaeo.com/">Dromaeo</a>\r\n<a href="http://broofa.com/Tools/JSLitmus/">JSLitmus</a>\r\n\r\n<strong>Documentation:</strong>\r\n\r\n<a href="http://developer.yahoo.com/yui/">Yahoo UI Docs</a>\r\n<a href="http://www.programmableweb.com/">APIs</a> - Most comprehensive list of APIs on the web\r\n<a href="http://api.jquery.com/">jQuery Docs</a>\r\n<a href="http://jqueryui.com/demos/">jQuery UI Docs</a>\r\n<a href="http://mootools.net/docs/core">MooTools Docs</a>\r\n<a href="http://api.prototypejs.org/">Prototype Docs</a>\r\n<a href="http://dojotoolkit.org/documentation/">Dojo Docs</a>\r\n<a href="http://json.org/">JSON Reference</a>\r\n<a href="http://en.wikipedia.org/wiki/JSON#JSONP">JSONP</a>\r\n\r\n<h2>Books</h2>\r\n\r\nThe books below are really a great selection. I have many in my own library and every so often re-read them I''m currently reading <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a> by Nicholas Zakas. Another great book is Stoyan Stefanov''s <a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a>. I also highly recommend Steve Souders performance book at the bottom of the list. They''re basically the definitive sources for optimizing your web apps.\r\n\r\n<strong>JavaScript/DOM:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596101996?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596101996">JavaScript: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596101996" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596517742?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596517742">JavaScript: The Good Parts</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596517742" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047022780X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047022780X">Professional JavaScript for Web Developers (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047022780X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590595335?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590595335">DOM Scripting: Web Design with JavaScript and the Document Object Model</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590595335" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590598563?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598563">AdvancED DOM Scripting: Dynamic Web Design Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598563" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590596803?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590596803">Beginning JavaScript with DOM Scripting and Ajax: From Novice to Professional (Beginning: from Novice to Professional)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590596803" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194141" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597273?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597273">Pro JavaScript Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597273" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/193398869X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=193398869X">Secrets of the JavaScript Ninja</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=193398869X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321491939?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321491939">Ajax Security</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321491939" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321423305?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321423305">ppk on JavaScript, 1/e</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321423305" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597648?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597648">Accelerated DOM Scripting with Ajax, APIs, and Libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597648" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript (Build Faster Web Application Interfaces)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n</ul>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596159773?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596159773">jQuery Cookbook: Solutions & Examples for jQuery Developers (Animal Guide)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596159773" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847196705?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847196705">Learning jQuery 1.3</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847196705" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1935182323?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182323">jQuery in Action, Second Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182323" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847199720?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847199720">jQuery UI 1.7: The User Interface Library for jQuery</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847199720" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356115?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356115">Mastering Dojo: JavaScript and Ajax Tools for Great Web Experiences (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356115" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430210664?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430210664">Practical Dojo Projects (Practical Projects)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430210664" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0470452021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0470452021">Concise Guide to Dojo (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0470452021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0596516487?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596516487">Dojo: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596516487" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321605128?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321605128">The Dojo Toolkit: Visual QuickStart Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321605128" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430225211?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430225211">Getting StartED with Dojo</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430225211" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847194583?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194583">MooTools 1.2 Beginner''s Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194583" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430209836?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430209836">MooTools Essentials: The Official MooTools Reference for JavaScript™ and Ajax Development (Firstpress)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430209836" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1590599195?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590599195">Practical Prototype and script.aculo.us (Expert''s Voice in Web Development)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590599195" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356018?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356018">Prototype and script.aculo.us: You Never Knew JavaScript Could Do This! (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356018" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1933988037?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1933988037">Prototype and Scriptaculous in Action [Ajax]</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1933988037" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847192327?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847192327">Learning the Yahoo! User Interface library: Develop your next generation web applications with the YUI JavaScript development library.</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847192327" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847195148?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847195148">Learning Ext JS</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847195148" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847198708?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847198708">Ext JS 3.0 Cookbook</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847198708" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1935182110?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182110">Ext JS in Action</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182110" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n</ul>\r\n\r\n\r\n\r\n<strong>HTML & CSS:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/1590598040?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598040">Pro CSS and HTML Design Patterns</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598040" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1430219203?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430219203">Web Standards Solutions: The Markup and Style Handbook, Special Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430219203" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321509021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321509021">Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS (2nd Edition)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321509021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.sitepoint.com/books/cssdesign1/?SID=82b54f50488243b44b6b9c7acb10731a">The Art & Science Of CSS</a>\r\n<a href="http://www.sitepoint.com/books/css2/?SID=82b54f50488243b44b6b9c7acb10731a">HTML Utopia: Designing Without Tables Using CSS</a></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0980455278?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0980455278">Build Your Own Website The Right Way Using HTML & CSS, 2nd Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0980455278" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1600330045?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1600330045">Head First HTML with CSS & XHTML</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1600330045" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n\r\n<strong>Performance:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596529309?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596529309">High Performance Web Sites: Essential Knowledge for Front-End Engineers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596529309" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596522304?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596522304">Even Faster Web Sites: Performance Best Practices for Web Developers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596522304" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n', 'The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books', 0, '', 'inherit', 'open', 'open', '', '664-revision-52', '', '', '2010-04-30 08:44:41', '2010-04-30 12:44:41', '', 664, 'http://blog.reybango.com/2010/04/30/664-revision-52/', 0, 'revision', '', 0);
INSERT INTO `wp_dyxkdh_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_category`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(728, 3, '2010-04-30 08:44:05', '2010-04-30 12:44:05', 'I''ve been meaning to do a roll-up of top JavaScript, CSS & HTML development tools that I use or have been recommended to me and after having lunch with my bud Brian Wilpon today, I realized I just needed to do it. He asked me what some of the newer tools are and I think this is the best way to help him (and the community in general). It''s definitely not an all-inclusive list so if you see some that you feel I should add or remove, let me know in the comments.\r\n\r\nHere they are by category:\r\n\r\n<strong>Debugging Tools That Make Life MUCH Easier:</strong>\r\n\r\nEffectively debugging JavaScript applications is a royal pain in the derriere and to compile that, the available tools just don''t stand up to those used by managed code developers. Luckily, we do have a decent set of tools that lessens the pain substantially. Firebug is definitely a must have since it incorporates so much DOM & XHR introspection as well as the Web Developer Toolbar. Both are simply awesome. I also love Charles for HTTP sniffing and it''s saved my butt when Firebug couldn''t handle it. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/library/dd565628%28VS.85%29.aspx">IE8 Developer Tools</a> - Microsoft''s browser debugger tools\r\n<a href="http://getfirebug.com/">Firebug</a> - Mozilla''s browser debugger add-on \r\n<a href="http://trac.webkit.org/wiki/WebInspector">WebKit Web Inspector</a> - Webkit''s browser debugger tools\r\n<a href="http://www.fiddler2.com/fiddler2/">Fiddler</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://www.charlesproxy.com/">Charles</a> - HTTP Sniffer. Great for seeing Ajax requests. (my personal fav)\r\n<a href="http://kevinlangdon.com/serviceCapture/">Service Capture</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://ajax.dynatrace.com/pages/">dynaTrace Ajax</a> - HTTP performance analyzer\r\n<a href="http://chrispederick.com/work/web-developer/">Web Developer’s Toolbar</a> - All purpose Firefox toolbar to inspect everything on a page\r\n<a href="http://developer.yahoo.com/yslow/">YSlow</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://code.google.com/speed/page-speed/">PageSpeed</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://www.debugbar.com/">DebugBar</a> - An IE plugin that brings advanced debugging features to IE including JS, DOM & HTTP inspection\r\n\r\n<strong>CSS Editors:</strong>\r\n\r\nI prefer to write my CSS code by hand. Call me old-school but many swear by the following CSS editors. CSSEdit by MacRabbit (Mac only) is especially loved by many designers.\r\n\r\n<a href="http://www.topstyle4.com/">TopStyle</a>\r\n<a href="http://www.blumentals.net/rapidcss/">Rapid CSS</a>\r\n<a href="http://www.culturedcode.com/xyle/">Xyle</a>\r\n<a href="http://www.skybound.ca/">Stylizer</a>\r\n<a href="http://www.macrabbit.com/cssedit/">CSSEdit</a>\r\n\r\n<strong>CSS Frameworks:</strong>\r\n\r\nThese frameworks have really taken off. Like their JavaScript brethren, they help to abstract much of the complexity of building consistent layouts in cross-browser fashion. They''re definitely something I need to look into more and from what I''ve read, 960 GS & Blueprint are the ones people are looking at.\r\n\r\n<a href="http://960.gs">960 Grid System</a>\r\n<a href="http://blueprintcss.org/">Blueprint CSS Framework</a>\r\n<a href="http://www.yaml.de/en/">YAML</a>\r\n<a href="http://developer.yahoo.com/yui/grids/">Yahoo YUI Grids CSS</a>\r\n<a href="http://devkick.com/lab/tripoli/">Tripoli</a>\r\n\r\n<strong>CSS Resets:</strong>\r\n\r\nWant to minimize browser inconsistencies? Then use a CSS reset stylesheet to specify baseline CSS styles that make browser presentation defaults more consistent. \r\n\r\n<a href="http://meyerweb.com/eric/tools/css/reset/">Meyer Reset by Eric Meyer</a>\r\n<a href="http://developer.yahoo.com/yui/reset/">YUI2: Reset CSS</a>\r\n<a href="http://www.iecss.com/">IECSS</a>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n\r\nI definitely recommend everyone to learn JavaScript as you''ll need it to be a really effective client-side developer. With that said, a good JS library will go a long way to making your development faster and much more stable. These libraries are all very mature and dramatically help to abstract the complexities of cross-browser development. My personal favorite is <a href="http://jquery.com/">jQuery</a>, of which I''m a member of the project team.\r\n\r\n<a href="http://jquery.com/">jQuery</a>\r\n<a href="http://jqueryui.com">jQuery UI</a>\r\n<a href="http://prototypejs.org/">Prototype</a>\r\n<a href="http://mootools.net/">MooTools</a>\r\n<a href="http://dojotoolkit.org/">Dojo</a>\r\n<a href="http://developer.yahoo.com/yui/">YUI</a>\r\n<a href="http://javascriptmvc.com/">JavaScriptMVC</a>\r\n<a href="http://qooxdoo.org/">qooxdoo</a>\r\n<a href="http://extjs.com">Ext JS</a>\r\n<a href="http://labs.adobe.com/technologies/spry/">Adobe Spry</a>\r\n<a href="http://raphaeljs.com/">Raphael.js</a> - simplifies working with vector graphics on the web\r\n<a href="http://labjs.com/">LabJS Dynamic Script Loader</a> - Allows execution and load management of JavaScript files\r\n<a href="http://brianleroux.github.com/lawnchair/">Lawnchair</a> - A lightweight client-side JSON document store\r\n<a href="http://www.thomasfrank.se/sessionvars.html">Sessvars.js</a> - Client-side session data management solution\r\n<a href="http://codebetter.com/blogs/matthew.podwysocki/archive/2010/02/16/introduction-to-the-reactive-extensions-to-javascript.aspx">Reactive Extensions For JS</a>\r\n<a href="http://beebole.com/pure">PURE JS Templating Lib</a>\r\n\r\n\r\n<strong>JavaScript Minifiers</strong>\r\n\r\nEvery byte counts when you''re sending files via HTTP and best practices dictate that on a production, you need to optimize all of your files to minimize page load times. Compressing JavaScript code is one of the easiest ways to do that and these tools will help. On the jQuery project, we''ve started using Google''s Closure compiler because it''s generated the best compression. Try all of them out to see which suits you best.\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://code.google.com/closure/compiler/">Closure compiler</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n\r\n<strong>JavaScript Shells</strong>\r\n\r\nThere are times when you just want to test a snippet of code without actually going through the trouble of creating a full page. That''s where JavaScript shells shine. JSFiddle and JSBin both rock because apart from supporting plain ole JS, they also allow you to include a host of libraries including jQuery, MooTools, & Dojo. \r\n\r\n<a href="http://jsfiddle.net/">jsfiddle.net</a> \r\n<a href="http://jsbin.com/">JSBin</a>\r\n<a href="http://mootools.net/shell/">mootools.net/shell</a> <em>(MooTools-specific)</em>\r\n\r\n<strong>Color Management:</strong>\r\n\r\nAs a programmer, I''m insanely color scheme challenged. I''m inclined to mix yellow with mauve causing a concerted moan to occur across the design community. Luckily, these tools help you choose web safe color schemes that are not only consistent but won''t burn the eyeballs off your site visitors. :)\r\n\r\n<a href="http://www.colourlovers.com/">Colourlovers</a>\r\n<a href="http://kuler.adobe.com/">Kuler</a>\r\n\r\n<strong>Editors and IDEs:</strong>\r\n\r\nI work at Microsoft so you would expect me to be a Visual Studio whiz. Not so. Only recently starting at MS, I''ve only dipped my toe in the VS waters. What I''ve seen though has impressed me but I still have a long way to go before I understand it. If you''re on a Mac, though, I do highly recommend both TextMate and Coda. Both are truly awesome. I''ve used Coda a little more because I liked the UI of it a little better than TextMate''s but TM''s bundle system and ecosystem is amazing. You can get code-complete for just about anything via bundles. For Windows, Notepad++ has been just awesome. I wish it had built-in FTP support like UltraEdit. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/vstudio/default.aspx">Visual Studio</a>\r\n<a href="http://www.microsoft.com/expression/">Expression</a>\r\n<a href="http://macromates.com/">TextMate</a>\r\n<a href="http://panic.com/coda/">Coda</a>\r\n<a href="http://www.ultraedit.com/">UltraEdit</a>\r\n<a href="http://www.activestate.com/komodo/">Komodo IDE</a>\r\n<a href="http://notepad-plus.sourceforge.net/uk/site.htm">Notepad++</a>\r\n<a href="http://notepad2.com/">Notepad2</a>\r\n<a href="http://www.barebones.com/products/bbedit/">BBEdit</a>\r\n<a href="http://www.aptana.org/">Aptana</a>\r\n<a href="http://macrabbit.com/espresso/">Espresso</a>\r\n<a href="http://www.sublimetext.com/">Sublime Text</a>\r\n\r\n<strong>Wireframing:</strong>\r\n\r\nI know some of you are cowboys (or cowgirls) and you just want to start hacking. Well, for the truly impatient, these tools at least let you wireframe your pages quickly and easily. I''ve used Balsamiq and FlairBuilder and both rock. It seems that FlairBuilder is really cranking it up with some nice features. Both are Adobe AIR apps which means they''re cross-platform.\r\n\r\n<a href="http://www.omnigroup.com/">Omnigraffle</a>\r\n<a href="http://www.balsamiq.com/">Balsamiq</a>\r\n<a href="http://www.flairbuilder.com/">FlairBuilder</a>\r\n<a href="http://office.microsoft.com/en-us/visio/default.aspx">Visio</a>\r\n<a href="http://www.axure.com/">Axure</a>\r\n<strong>Browser Testing:</strong>\r\n\r\nI''ve been fortunate to have multiple OS versions over the years. My wife would definitely prefer for me to have a couple of less PCs sitting around but it''s let me test out my web apps on a variety of platforms, browsers and OSes. Shoot, I even have a version of IE6! For those with less hardware, these services should definitely help. Note that services like BrowserCam & Gomez are subscription-based but worth the cash if you can afford it.\r\n\r\n<a href="http://www.browsercam.com/Default2.aspx">BrowserCam</a>\r\n<a href="https://browserlab.adobe.com/index.html">Adobe BrowserLab</a>\r\n<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en">Microsoft Expression Web SuperPreview for IE</a>\r\n<a href="http://www.gomez.com/products-solutions/products/cross-browser-testing/">Gomez</a>\r\n<a href="http://tredosoft.com/Multiple_IE">TredoSoft MultipleIE</a>\r\n<a href="http://crossbrowsertesting.com/">CrossBrowserTesting</a>\r\n<a href="http://michelf.com/projects/multi-safari/">Multi-Safari</a>\r\n<a href="http://www.browserscope.org/">Browserscope</a>\r\n<a href="http://stevesouders.com/cuzillion/help.php">Cuzillion</a>\r\n<a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a>\r\n\r\n<strong>Testing (based on the <a href="http://ejohn.org/blog/which-unit-testing-framework/">list by John Resig</a>):</strong>\r\n\r\nThis was a list I snagged from John Resig. Obviously, he''s done a boatload of testing so I know this list rocks. JSLint is the old mainstay created by Douglas Crockford but other have really become increasingly essential to good testing. jQuery developers should definitely be looking at QUnit & jQuery-Lint. The most complete tool is Selenium but it does have a bit of a learning curve. If you''re into determining JS performance, checkout SunSpider, Dromaeo, Google''s V8 Benchmark and JSLitmus. These measure the performance of the JS engine, not your apps.\r\n\r\n<a href="http://jslint.com/">JSLint</a>\r\n<a href="http://github.com/jamespadolsey/jQuery-Lint">jQuery Lint</a>\r\n<a href="http://www.jsunit.net/">JSUnit</a>\r\n<a href="http://seleniumhq.org/projects/core/">Selenium Core</a>\r\n<a href="http://jania.pe.kr/aw/moin.cgi/JSSpec">JSSpec (MooTools)</a>\r\n<a href="http://github.com/tobie/unittest_js/tree/master">UnitTestJS (Prototype)</a>\r\n<a href="http://docs.jquery.com/QUnit">QUnit (jQuery)</a>\r\n<a href="http://docs.dojocampus.org/quickstart/doh">DOH Unit Testing (Dojo)</a>\r\n<a href="http://developer.yahoo.com/yui/yuitest/">YUITest 2</a>\r\n<a href="http://developer.yahoo.com/yui/3/test/">YUITest 3</a>\r\n<a href="https://developer.mozilla.org/En/Mochitest">Mochitest</a>\r\n<a href="http://github.com/nkallen/screw-unit/tree/master">ScrewUnit</a>\r\n<a href="http://jsunittest.com/">JsUnitTest</a>\r\n<a href="http://jsunity.com/">jsUnity</a> \r\n<a href="http://code.google.com/p/js-test-driver/">JsTestDriver</a>\r\n<a href="http://www.thefrontside.net/crosscheck">Crosscheck</a>\r\n<a href="http://groups.google.com/group/envjs">Env.js</a> \r\n<a href="http://fireunit.org/">FireUnit</a>\r\n<a href="http://validator.w3.org/">W3C Markup Validation Service</a>\r\n<a href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a>\r\n<a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider.html">SunSpider</a>\r\n<a href="http://code.google.com/apis/v8/run.html">V8 Benchmark</a>\r\n<a href="http://v2.dromaeo.com/">Dromaeo</a>\r\n<a href="http://broofa.com/Tools/JSLitmus/">JSLitmus</a>\r\n\r\n<strong>Documentation:</strong>\r\n\r\n<a href="http://developer.yahoo.com/yui/">Yahoo UI Docs</a>\r\n<a href="http://www.programmableweb.com/">APIs</a> - Most comprehensive list of APIs on the web\r\n<a href="http://api.jquery.com/">jQuery Docs</a>\r\n<a href="http://jqueryui.com/demos/">jQuery UI Docs</a>\r\n<a href="http://mootools.net/docs/core">MooTools Docs</a>\r\n<a href="http://api.prototypejs.org/">Prototype Docs</a>\r\n<a href="http://dojotoolkit.org/documentation/">Dojo Docs</a>\r\n<a href="http://json.org/">JSON Reference</a>\r\n<a href="http://en.wikipedia.org/wiki/JSON#JSONP">JSONP</a>\r\n\r\n<h2>Books</h2>\r\n\r\nThe books below are really a great selection. I have many in my own library and every so often re-read them I''m currently reading <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a> by Nicholas Zakas. Another great book is Stoyan Stefanov''s <a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a>. I also highly recommend Steve Souders performance book at the bottom of the list. They''re basically the definitive sources for optimizing your web apps.\r\n\r\n<strong>JavaScript/DOM:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596101996?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596101996">JavaScript: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596101996" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596517742?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596517742">JavaScript: The Good Parts</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596517742" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047022780X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047022780X">Professional JavaScript for Web Developers (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047022780X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590595335?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590595335">DOM Scripting: Web Design with JavaScript and the Document Object Model</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590595335" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590598563?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598563">AdvancED DOM Scripting: Dynamic Web Design Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598563" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590596803?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590596803">Beginning JavaScript with DOM Scripting and Ajax: From Novice to Professional (Beginning: from Novice to Professional)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590596803" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194141" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597273?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597273">Pro JavaScript Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597273" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/193398869X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=193398869X">Secrets of the JavaScript Ninja</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=193398869X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321491939?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321491939">Ajax Security</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321491939" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321423305?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321423305">ppk on JavaScript, 1/e</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321423305" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597648?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597648">Accelerated DOM Scripting with Ajax, APIs, and Libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597648" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript (Build Faster Web Application Interfaces)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n</ul>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596159773?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596159773">jQuery Cookbook: Solutions & Examples for jQuery Developers (Animal Guide)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596159773" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847196705?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847196705">Learning jQuery 1.3</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847196705" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1935182323?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182323">jQuery in Action, Second Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182323" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847199720?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847199720">jQuery UI 1.7: The User Interface Library for jQuery</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847199720" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356115?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356115">Mastering Dojo: JavaScript and Ajax Tools for Great Web Experiences (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356115" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430210664?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430210664">Practical Dojo Projects (Practical Projects)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430210664" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0470452021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0470452021">Concise Guide to Dojo (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0470452021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0596516487?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596516487">Dojo: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596516487" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321605128?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321605128">The Dojo Toolkit: Visual QuickStart Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321605128" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430225211?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430225211">Getting StartED with Dojo</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430225211" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847194583?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194583">MooTools 1.2 Beginner''s Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194583" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430209836?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430209836">MooTools Essentials: The Official MooTools Reference for JavaScript™ and Ajax Development (Firstpress)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430209836" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1590599195?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590599195">Practical Prototype and script.aculo.us (Expert''s Voice in Web Development)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590599195" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356018?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356018">Prototype and script.aculo.us: You Never Knew JavaScript Could Do This! (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356018" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1933988037?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1933988037">Prototype and Scriptaculous in Action [Ajax]</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1933988037" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847192327?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847192327">Learning the Yahoo! User Interface library: Develop your next generation web applications with the YUI JavaScript development library.</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847192327" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847195148?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847195148">Learning Ext JS</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847195148" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847198708?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847198708">Ext JS 3.0 Cookbook</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847198708" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1935182110?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182110">Ext JS in Action</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182110" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n</ul>\r\n\r\n\r\n\r\n<strong>HTML & CSS:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/1590598040?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598040">Pro CSS and HTML Design Patterns</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598040" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1430219203?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430219203">Web Standards Solutions: The Markup and Style Handbook, Special Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430219203" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321509021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321509021">Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS (2nd Edition)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321509021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.sitepoint.com/books/cssdesign1/?SID=82b54f50488243b44b6b9c7acb10731a">The Art & Science Of CSS</a>\r\n<a href="http://www.sitepoint.com/books/css2/?SID=82b54f50488243b44b6b9c7acb10731a">HTML Utopia: Designing Without Tables Using CSS</a></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0980455278?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0980455278">Build Your Own Website The Right Way Using HTML & CSS, 2nd Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0980455278" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1600330045?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1600330045">Head First HTML with CSS & XHTML</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1600330045" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n\r\n<strong>Performance:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596529309?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596529309">High Performance Web Sites: Essential Knowledge for Front-End Engineers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596529309" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596522304?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596522304">Even Faster Web Sites: Performance Best Practices for Web Developers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596522304" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n', 'The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books', 0, '', 'inherit', 'open', 'open', '', '664-revision-51', '', '', '2010-04-30 08:44:05', '2010-04-30 12:44:05', '', 664, 'http://blog.reybango.com/2010/04/30/664-revision-51/', 0, 'revision', '', 0);
INSERT INTO `wp_dyxkdh_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_category`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(730, 3, '2010-04-30 09:05:55', '2010-04-30 13:05:55', 'I''ve been meaning to do a roll-up of top JavaScript, CSS & HTML development tools that I use or have been recommended to me and after having lunch with my bud Brian Wilpon today, I realized I just needed to do it. He asked me what some of the newer tools are and I think this is the best way to help him (and the community in general). It''s definitely not an all-inclusive list so if you see some that you feel I should add or remove, let me know in the comments.\r\n\r\nHere they are by category:\r\n\r\n<strong>Debugging Tools That Make Life MUCH Easier:</strong>\r\n\r\nEffectively debugging JavaScript applications is a royal pain in the derriere and to compile that, the available tools just don''t stand up to those used by managed code developers. Luckily, we do have a decent set of tools that lessens the pain substantially. Firebug is definitely a must have since it incorporates so much DOM & XHR introspection as well as the Web Developer Toolbar. Both are simply awesome. I also love Charles for HTTP sniffing and it''s saved my butt when Firebug couldn''t handle it. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/library/dd565628%28VS.85%29.aspx">IE8 Developer Tools</a> - Microsoft''s browser debugger tools\r\n<a href="http://getfirebug.com/">Firebug</a> - Mozilla''s browser debugger add-on \r\n<a href="http://trac.webkit.org/wiki/WebInspector">WebKit Web Inspector</a> - Webkit''s browser debugger tools\r\n<a href="http://www.fiddler2.com/fiddler2/">Fiddler</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://www.charlesproxy.com/">Charles</a> - HTTP Sniffer. Great for seeing Ajax requests. (my personal fav)\r\n<a href="http://kevinlangdon.com/serviceCapture/">Service Capture</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://ajax.dynatrace.com/pages/">dynaTrace Ajax</a> - HTTP performance analyzer\r\n<a href="http://chrispederick.com/work/web-developer/">Web Developer’s Toolbar</a> - All purpose Firefox toolbar to inspect everything on a page\r\n<a href="http://developer.yahoo.com/yslow/">YSlow</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://code.google.com/speed/page-speed/">PageSpeed</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://www.debugbar.com/">DebugBar</a> - An IE plugin that brings advanced debugging features to IE including JS, DOM & HTTP inspection\r\n\r\n<strong>CSS Editors:</strong>\r\n\r\nI prefer to write my CSS code by hand. Call me old-school but many swear by the following CSS editors. CSSEdit by MacRabbit (Mac only) is especially loved by many designers.\r\n\r\n<a href="http://www.topstyle4.com/">TopStyle</a>\r\n<a href="http://www.blumentals.net/rapidcss/">Rapid CSS</a>\r\n<a href="http://www.culturedcode.com/xyle/">Xyle</a>\r\n<a href="http://www.skybound.ca/">Stylizer</a>\r\n<a href="http://www.macrabbit.com/cssedit/">CSSEdit</a>\r\n\r\n<strong>CSS Frameworks:</strong>\r\n\r\nThese frameworks have really taken off. Like their JavaScript brethren, they help to abstract much of the complexity of building consistent layouts in cross-browser fashion. They''re definitely something I need to look into more and from what I''ve read, 960 GS & Blueprint are the ones people are looking at.\r\n\r\n<a href="http://960.gs">960 Grid System</a>\r\n<a href="http://blueprintcss.org/">Blueprint CSS Framework</a>\r\n<a href="http://www.yaml.de/en/">YAML</a>\r\n<a href="http://developer.yahoo.com/yui/grids/">Yahoo YUI Grids CSS</a>\r\n<a href="http://devkick.com/lab/tripoli/">Tripoli</a>\r\n\r\n<strong>CSS Resets:</strong>\r\n\r\nWant to minimize browser inconsistencies? Then use a CSS reset stylesheet to specify baseline CSS styles that make browser presentation defaults more consistent. \r\n\r\n<a href="http://meyerweb.com/eric/tools/css/reset/">Meyer Reset by Eric Meyer</a>\r\n<a href="http://developer.yahoo.com/yui/reset/">YUI2: Reset CSS</a>\r\n<a href="http://www.iecss.com/">IECSS</a>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n\r\nI definitely recommend everyone to learn JavaScript as you''ll need it to be a really effective client-side developer. With that said, a good JS library will go a long way to making your development faster and much more stable. These libraries are all very mature and dramatically help to abstract the complexities of cross-browser development. My personal favorite is <a href="http://jquery.com/">jQuery</a>, of which I''m a member of the project team.\r\n\r\n<a href="http://jquery.com/">jQuery</a>\r\n<a href="http://jqueryui.com">jQuery UI</a>\r\n<a href="http://prototypejs.org/">Prototype</a>\r\n<a href="http://mootools.net/">MooTools</a>\r\n<a href="http://dojotoolkit.org/">Dojo</a>\r\n<a href="http://developer.yahoo.com/yui/">YUI</a>\r\n<a href="http://javascriptmvc.com/">JavaScriptMVC</a>\r\n<a href="http://qooxdoo.org/">qooxdoo</a>\r\n<a href="http://extjs.com">Ext JS</a>\r\n<a href="http://labs.adobe.com/technologies/spry/">Adobe Spry</a>\r\n<a href="http://raphaeljs.com/">Raphael.js</a> - simplifies working with vector graphics on the web\r\n<a href="http://labjs.com/">LabJS Dynamic Script Loader</a> - Allows execution and load management of JavaScript files\r\n<a href="http://brianleroux.github.com/lawnchair/">Lawnchair</a> - A lightweight client-side JSON document store\r\n<a href="http://www.thomasfrank.se/sessionvars.html">Sessvars.js</a> - Client-side session data management solution\r\n<a href="http://codebetter.com/blogs/matthew.podwysocki/archive/2010/02/16/introduction-to-the-reactive-extensions-to-javascript.aspx">Reactive Extensions For JS</a>\r\n<a href="http://beebole.com/pure">PURE JS Templating Lib</a>\r\n\r\n\r\n<strong>JavaScript Minifiers</strong>\r\n\r\nEvery byte counts when you''re sending files via HTTP and best practices dictate that on a production, you need to optimize all of your files to minimize page load times. Compressing JavaScript code is one of the easiest ways to do that and these tools will help. On the jQuery project, we''ve started using Google''s Closure compiler because it''s generated the best compression. Try all of them out to see which suits you best.\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://code.google.com/closure/compiler/">Closure compiler</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n\r\n<strong>JavaScript Shells</strong>\r\n\r\nThere are times when you just want to test a snippet of code without actually going through the trouble of creating a full page. That''s where JavaScript shells shine. JSFiddle and JSBin both rock because apart from supporting plain ole JS, they also allow you to include a host of libraries including jQuery, MooTools, & Dojo. \r\n\r\n<a href="http://jsfiddle.net/">jsfiddle.net</a> \r\n<a href="http://jsbin.com/">JSBin</a>\r\n<a href="http://mootools.net/shell/">mootools.net/shell</a> <em>(MooTools-specific)</em>\r\n\r\n<strong>Color Management:</strong>\r\n\r\nAs a programmer, I''m insanely color scheme challenged. I''m inclined to mix yellow with mauve causing a concerted moan to occur across the design community. Luckily, these tools help you choose web safe color schemes that are not only consistent but won''t burn the eyeballs off your site visitors. :)\r\n\r\n<a href="http://www.colourlovers.com/">Colourlovers</a>\r\n<a href="http://kuler.adobe.com/">Kuler</a>\r\n\r\n<strong>Editors and IDEs:</strong>\r\n\r\nI work at Microsoft so you would expect me to be a Visual Studio whiz. Not so. Only recently starting at MS, I''ve only dipped my toe in the VS waters. What I''ve seen though has impressed me but I still have a long way to go before I understand it. If you''re on a Mac, though, I do highly recommend both TextMate and Coda. Both are truly awesome. I''ve used Coda a little more because I liked the UI of it a little better than TextMate''s but TM''s bundle system and ecosystem is amazing. You can get code-complete for just about anything via bundles. For Windows, Notepad++ has been just awesome. I wish it had built-in FTP support like UltraEdit. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/vstudio/default.aspx">Visual Studio</a>\r\n<a href="http://www.microsoft.com/expression/">Expression</a>\r\n<a href="http://macromates.com/">TextMate</a>\r\n<a href="http://panic.com/coda/">Coda</a>\r\n<a href="http://www.ultraedit.com/">UltraEdit</a>\r\n<a href="http://www.activestate.com/komodo/">Komodo IDE</a>\r\n<a href="http://notepad-plus.sourceforge.net/uk/site.htm">Notepad++</a>\r\n<a href="http://notepad2.com/">Notepad2</a>\r\n<a href="http://www.barebones.com/products/bbedit/">BBEdit</a>\r\n<a href="http://www.aptana.org/">Aptana</a>\r\n<a href="http://macrabbit.com/espresso/">Espresso</a>\r\n<a href="http://www.sublimetext.com/">Sublime Text</a>\r\n<a href="http://www.jetbrains.com/webstorm/index.html">WebStorm</a>\r\n\r\n<strong>Wireframing:</strong>\r\n\r\nI know some of you are cowboys (or cowgirls) and you just want to start hacking. Well, for the truly impatient, these tools at least let you wireframe your pages quickly and easily. I''ve used Balsamiq and FlairBuilder and both rock. It seems that FlairBuilder is really cranking it up with some nice features. Both are Adobe AIR apps which means they''re cross-platform.\r\n\r\n<a href="http://www.omnigroup.com/">Omnigraffle</a>\r\n<a href="http://www.balsamiq.com/">Balsamiq</a>\r\n<a href="http://www.flairbuilder.com/">FlairBuilder</a>\r\n<a href="http://office.microsoft.com/en-us/visio/default.aspx">Visio</a>\r\n<a href="http://www.axure.com/">Axure</a>\r\n\r\n<strong>Browser Testing:</strong>\r\n\r\nI''ve been fortunate to have multiple OS versions over the years. My wife would definitely prefer for me to have a couple of less PCs sitting around but it''s let me test out my web apps on a variety of platforms, browsers and OSes. Shoot, I even have a version of IE6! For those with less hardware, these services should definitely help. Note that services like BrowserCam & Gomez are subscription-based but worth the cash if you can afford it.\r\n\r\n<a href="http://www.browsercam.com/Default2.aspx">BrowserCam</a>\r\n<a href="https://browserlab.adobe.com/index.html">Adobe BrowserLab</a>\r\n<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en">Microsoft Expression Web SuperPreview for IE</a>\r\n<a href="http://www.gomez.com/products-solutions/products/cross-browser-testing/">Gomez</a>\r\n<a href="http://tredosoft.com/Multiple_IE">TredoSoft MultipleIE</a>\r\n<a href="http://crossbrowsertesting.com/">CrossBrowserTesting</a>\r\n<a href="http://michelf.com/projects/multi-safari/">Multi-Safari</a>\r\n<a href="http://www.browserscope.org/">Browserscope</a>\r\n<a href="http://stevesouders.com/cuzillion/help.php">Cuzillion</a>\r\n<a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a>\r\n\r\n<strong>Testing (based on the <a href="http://ejohn.org/blog/which-unit-testing-framework/">list by John Resig</a>):</strong>\r\n\r\nThis was a list I snagged from John Resig. Obviously, he''s done a boatload of testing so I know this list rocks. JSLint is the old mainstay created by Douglas Crockford but other have really become increasingly essential to good testing. jQuery developers should definitely be looking at QUnit & jQuery-Lint. The most complete tool is Selenium but it does have a bit of a learning curve. If you''re into determining JS performance, checkout SunSpider, Dromaeo, Google''s V8 Benchmark and JSLitmus. These measure the performance of the JS engine, not your apps.\r\n\r\n<a href="http://jslint.com/">JSLint</a>\r\n<a href="http://github.com/jamespadolsey/jQuery-Lint">jQuery Lint</a>\r\n<a href="http://www.jsunit.net/">JSUnit</a>\r\n<a href="http://seleniumhq.org/projects/core/">Selenium Core</a>\r\n<a href="http://jania.pe.kr/aw/moin.cgi/JSSpec">JSSpec (MooTools)</a>\r\n<a href="http://github.com/tobie/unittest_js/tree/master">UnitTestJS (Prototype)</a>\r\n<a href="http://docs.jquery.com/QUnit">QUnit (jQuery)</a>\r\n<a href="http://docs.dojocampus.org/quickstart/doh">DOH Unit Testing (Dojo)</a>\r\n<a href="http://developer.yahoo.com/yui/yuitest/">YUITest 2</a>\r\n<a href="http://developer.yahoo.com/yui/3/test/">YUITest 3</a>\r\n<a href="https://developer.mozilla.org/En/Mochitest">Mochitest</a>\r\n<a href="http://github.com/nkallen/screw-unit/tree/master">ScrewUnit</a>\r\n<a href="http://jsunittest.com/">JsUnitTest</a>\r\n<a href="http://jsunity.com/">jsUnity</a> \r\n<a href="http://code.google.com/p/js-test-driver/">JsTestDriver</a>\r\n<a href="http://www.thefrontside.net/crosscheck">Crosscheck</a>\r\n<a href="http://groups.google.com/group/envjs">Env.js</a> \r\n<a href="http://fireunit.org/">FireUnit</a>\r\n<a href="http://validator.w3.org/">W3C Markup Validation Service</a>\r\n<a href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a>\r\n<a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider.html">SunSpider</a>\r\n<a href="http://code.google.com/apis/v8/run.html">V8 Benchmark</a>\r\n<a href="http://v2.dromaeo.com/">Dromaeo</a>\r\n<a href="http://broofa.com/Tools/JSLitmus/">JSLitmus</a>\r\n\r\n<strong>Documentation:</strong>\r\n\r\n<a href="http://developer.yahoo.com/yui/">Yahoo UI Docs</a>\r\n<a href="http://www.programmableweb.com/">APIs</a> - Most comprehensive list of APIs on the web\r\n<a href="http://api.jquery.com/">jQuery Docs</a>\r\n<a href="http://jqueryui.com/demos/">jQuery UI Docs</a>\r\n<a href="http://mootools.net/docs/core">MooTools Docs</a>\r\n<a href="http://api.prototypejs.org/">Prototype Docs</a>\r\n<a href="http://dojotoolkit.org/documentation/">Dojo Docs</a>\r\n<a href="http://json.org/">JSON Reference</a>\r\n<a href="http://en.wikipedia.org/wiki/JSON#JSONP">JSONP</a>\r\n\r\n<h2>Books</h2>\r\n\r\nThe books below are really a great selection. I have many in my own library and every so often re-read them I''m currently reading <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a> by Nicholas Zakas. Another great book is Stoyan Stefanov''s <a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a>. I also highly recommend Steve Souders performance book at the bottom of the list. They''re basically the definitive sources for optimizing your web apps.\r\n\r\n<strong>JavaScript/DOM:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596101996?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596101996">JavaScript: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596101996" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596517742?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596517742">JavaScript: The Good Parts</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596517742" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047022780X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047022780X">Professional JavaScript for Web Developers (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047022780X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590595335?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590595335">DOM Scripting: Web Design with JavaScript and the Document Object Model</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590595335" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590598563?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598563">AdvancED DOM Scripting: Dynamic Web Design Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598563" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590596803?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590596803">Beginning JavaScript with DOM Scripting and Ajax: From Novice to Professional (Beginning: from Novice to Professional)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590596803" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194141" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597273?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597273">Pro JavaScript Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597273" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/193398869X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=193398869X">Secrets of the JavaScript Ninja</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=193398869X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321491939?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321491939">Ajax Security</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321491939" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321423305?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321423305">ppk on JavaScript, 1/e</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321423305" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597648?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597648">Accelerated DOM Scripting with Ajax, APIs, and Libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597648" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript (Build Faster Web Application Interfaces)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n</ul>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596159773?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596159773">jQuery Cookbook: Solutions & Examples for jQuery Developers (Animal Guide)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596159773" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847196705?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847196705">Learning jQuery 1.3</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847196705" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1935182323?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182323">jQuery in Action, Second Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182323" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847199720?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847199720">jQuery UI 1.7: The User Interface Library for jQuery</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847199720" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356115?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356115">Mastering Dojo: JavaScript and Ajax Tools for Great Web Experiences (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356115" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430210664?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430210664">Practical Dojo Projects (Practical Projects)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430210664" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0470452021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0470452021">Concise Guide to Dojo (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0470452021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0596516487?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596516487">Dojo: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596516487" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321605128?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321605128">The Dojo Toolkit: Visual QuickStart Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321605128" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430225211?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430225211">Getting StartED with Dojo</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430225211" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847194583?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194583">MooTools 1.2 Beginner''s Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194583" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430209836?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430209836">MooTools Essentials: The Official MooTools Reference for JavaScript™ and Ajax Development (Firstpress)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430209836" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1590599195?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590599195">Practical Prototype and script.aculo.us (Expert''s Voice in Web Development)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590599195" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356018?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356018">Prototype and script.aculo.us: You Never Knew JavaScript Could Do This! (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356018" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1933988037?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1933988037">Prototype and Scriptaculous in Action [Ajax]</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1933988037" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847192327?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847192327">Learning the Yahoo! User Interface library: Develop your next generation web applications with the YUI JavaScript development library.</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847192327" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847195148?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847195148">Learning Ext JS</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847195148" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847198708?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847198708">Ext JS 3.0 Cookbook</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847198708" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1935182110?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182110">Ext JS in Action</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182110" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n</ul>\r\n\r\n\r\n\r\n<strong>HTML & CSS:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/1590598040?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598040">Pro CSS and HTML Design Patterns</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598040" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1430219203?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430219203">Web Standards Solutions: The Markup and Style Handbook, Special Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430219203" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321509021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321509021">Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS (2nd Edition)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321509021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.sitepoint.com/books/cssdesign1/?SID=82b54f50488243b44b6b9c7acb10731a">The Art & Science Of CSS</a>\r\n<a href="http://www.sitepoint.com/books/css2/?SID=82b54f50488243b44b6b9c7acb10731a">HTML Utopia: Designing Without Tables Using CSS</a></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0980455278?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0980455278">Build Your Own Website The Right Way Using HTML & CSS, 2nd Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0980455278" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1600330045?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1600330045">Head First HTML with CSS & XHTML</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1600330045" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n\r\n<strong>Performance:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596529309?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596529309">High Performance Web Sites: Essential Knowledge for Front-End Engineers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596529309" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596522304?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596522304">Even Faster Web Sites: Performance Best Practices for Web Developers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596522304" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n', 'The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books', 0, '', 'inherit', 'open', 'open', '', '664-revision-53', '', '', '2010-04-30 09:05:55', '2010-04-30 13:05:55', '', 664, 'http://blog.reybango.com/2010/04/30/664-revision-53/', 0, 'revision', '', 0);
INSERT INTO `wp_dyxkdh_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_category`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(731, 3, '2010-04-30 09:14:00', '2010-04-30 13:14:00', 'I''ve been meaning to do a roll-up of top JavaScript, CSS & HTML development tools that I use or have been recommended to me and after having lunch with my bud Brian Wilpon today, I realized I just needed to do it. He asked me what some of the newer tools are and I think this is the best way to help him (and the community in general). It''s definitely not an all-inclusive list so if you see some that you feel I should add or remove, let me know in the comments.\r\n\r\nHere they are by category:\r\n\r\n<strong>Debugging Tools That Make Life MUCH Easier:</strong>\r\n\r\nEffectively debugging JavaScript applications is a royal pain in the derriere and to compile that, the available tools just don''t stand up to those used by managed code developers. Luckily, we do have a decent set of tools that lessens the pain substantially. Firebug is definitely a must have since it incorporates so much DOM & XHR introspection as well as the Web Developer Toolbar. Both are simply awesome. I also love Charles for HTTP sniffing and it''s saved my butt when Firebug couldn''t handle it. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/library/dd565628%28VS.85%29.aspx">IE8 Developer Tools</a> - Microsoft''s browser debugger tools\r\n<a href="http://getfirebug.com/">Firebug</a> - Mozilla''s browser debugger add-on \r\n<a href="http://trac.webkit.org/wiki/WebInspector">WebKit Web Inspector</a> - Webkit''s browser debugger tools\r\n<a href="http://www.fiddler2.com/fiddler2/">Fiddler</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://www.charlesproxy.com/">Charles</a> - HTTP Sniffer. Great for seeing Ajax requests. (my personal fav)\r\n<a href="http://kevinlangdon.com/serviceCapture/">Service Capture</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://ajax.dynatrace.com/pages/">dynaTrace Ajax</a> - HTTP performance analyzer\r\n<a href="http://chrispederick.com/work/web-developer/">Web Developer’s Toolbar</a> - All purpose Firefox toolbar to inspect everything on a page\r\n<a href="http://developer.yahoo.com/yslow/">YSlow</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://code.google.com/speed/page-speed/">PageSpeed</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://www.debugbar.com/">DebugBar</a> - An IE plugin that brings advanced debugging features to IE including JS, DOM & HTTP inspection\r\n\r\n<strong>CSS Editors:</strong>\r\n\r\nI prefer to write my CSS code by hand. Call me old-school but many swear by the following CSS editors. CSSEdit by MacRabbit (Mac only) is especially loved by many designers.\r\n\r\n<a href="http://www.topstyle4.com/">TopStyle</a>\r\n<a href="http://www.blumentals.net/rapidcss/">Rapid CSS</a>\r\n<a href="http://www.culturedcode.com/xyle/">Xyle</a>\r\n<a href="http://www.skybound.ca/">Stylizer</a>\r\n<a href="http://www.macrabbit.com/cssedit/">CSSEdit</a>\r\n\r\n<strong>CSS Frameworks:</strong>\r\n\r\nThese frameworks have really taken off. Like their JavaScript brethren, they help to abstract much of the complexity of building consistent layouts in cross-browser fashion. They''re definitely something I need to look into more and from what I''ve read, 960 GS & Blueprint are the ones people are looking at.\r\n\r\n<a href="http://960.gs">960 Grid System</a>\r\n<a href="http://blueprintcss.org/">Blueprint CSS Framework</a>\r\n<a href="http://www.yaml.de/en/">YAML</a>\r\n<a href="http://developer.yahoo.com/yui/grids/">Yahoo YUI Grids CSS</a>\r\n<a href="http://devkick.com/lab/tripoli/">Tripoli</a>\r\n\r\n<strong>CSS Resets:</strong>\r\n\r\nWant to minimize browser inconsistencies? Then use a CSS reset stylesheet to specify baseline CSS styles that make browser presentation defaults more consistent. \r\n\r\n<a href="http://meyerweb.com/eric/tools/css/reset/">Meyer Reset by Eric Meyer</a>\r\n<a href="http://developer.yahoo.com/yui/reset/">YUI2: Reset CSS</a>\r\n<a href="http://www.iecss.com/">IECSS</a>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n\r\nI definitely recommend everyone to learn JavaScript as you''ll need it to be a really effective client-side developer. With that said, a good JS library will go a long way to making your development faster and much more stable. These libraries are all very mature and dramatically help to abstract the complexities of cross-browser development. My personal favorite is <a href="http://jquery.com/">jQuery</a>, of which I''m a member of the project team.\r\n\r\n<a href="http://jquery.com/">jQuery</a>\r\n<a href="http://jqueryui.com">jQuery UI</a>\r\n<a href="http://prototypejs.org/">Prototype</a>\r\n<a href="http://mootools.net/">MooTools</a>\r\n<a href="http://dojotoolkit.org/">Dojo</a>\r\n<a href="http://developer.yahoo.com/yui/">YUI</a>\r\n<a href="http://javascriptmvc.com/">JavaScriptMVC</a>\r\n<a href="http://qooxdoo.org/">qooxdoo</a>\r\n<a href="http://extjs.com">Ext JS</a>\r\n<a href="http://labs.adobe.com/technologies/spry/">Adobe Spry</a>\r\n<a href="http://raphaeljs.com/">Raphael.js</a> - simplifies working with vector graphics on the web\r\n<a href="http://labjs.com/">LabJS Dynamic Script Loader</a> - Allows execution and load management of JavaScript files\r\n<a href="http://brianleroux.github.com/lawnchair/">Lawnchair</a> - A lightweight client-side JSON document store\r\n<a href="http://www.thomasfrank.se/sessionvars.html">Sessvars.js</a> - Client-side session data management solution\r\n<a href="http://codebetter.com/blogs/matthew.podwysocki/archive/2010/02/16/introduction-to-the-reactive-extensions-to-javascript.aspx">Reactive Extensions For JS</a>\r\n<a href="http://beebole.com/pure">PURE JS Templating Lib</a>\r\n\r\n\r\n<strong>JavaScript Minifiers</strong>\r\n\r\nEvery byte counts when you''re sending files via HTTP and best practices dictate that on a production, you need to optimize all of your files to minimize page load times. Compressing JavaScript code is one of the easiest ways to do that and these tools will help. On the jQuery project, we''ve started using Google''s Closure compiler because it''s generated the best compression. Try all of them out to see which suits you best.\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://code.google.com/closure/compiler/">Closure compiler</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n\r\n<strong>JavaScript Shells</strong>\r\n\r\nThere are times when you just want to test a snippet of code without actually going through the trouble of creating a full page. That''s where JavaScript shells shine. JSFiddle and JSBin both rock because apart from supporting plain ole JS, they also allow you to include a host of libraries including jQuery, MooTools, & Dojo. \r\n\r\n<a href="http://jsfiddle.net/">jsfiddle.net</a> \r\n<a href="http://jsbin.com/">JSBin</a>\r\n<a href="http://mootools.net/shell/">mootools.net/shell</a> <em>(MooTools-specific)</em>\r\n\r\n<strong>Color Management:</strong>\r\n\r\nAs a programmer, I''m insanely color scheme challenged. I''m inclined to mix yellow with mauve causing a concerted moan to occur across the design community. Luckily, these tools help you choose web safe color schemes that are not only consistent but won''t burn the eyeballs off your site visitors. :)\r\n\r\n<a href="http://www.colourlovers.com/">Colourlovers</a>\r\n<a href="http://kuler.adobe.com/">Kuler</a>\r\n\r\n<strong>Editors and IDEs:</strong>\r\n\r\nI work at Microsoft so you would expect me to be a Visual Studio whiz. Not so. Only recently starting at MS, I''ve only dipped my toe in the VS waters. What I''ve seen though has impressed me but I still have a long way to go before I understand it. If you''re on a Mac, though, I do highly recommend both TextMate and Coda. Both are truly awesome. I''ve used Coda a little more because I liked the UI of it a little better than TextMate''s but TM''s bundle system and ecosystem is amazing. You can get code-complete for just about anything via bundles. For Windows, Notepad++ has been just awesome. I wish it had built-in FTP support like UltraEdit. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/vstudio/default.aspx">Visual Studio</a>\r\n<a href="http://www.microsoft.com/expression/">Expression</a>\r\n<a href="http://macromates.com/">TextMate</a>\r\n<a href="http://panic.com/coda/">Coda</a>\r\n<a href="http://www.ultraedit.com/">UltraEdit</a>\r\n<a href="http://www.activestate.com/komodo/">Komodo IDE</a>\r\n<a href="http://notepad-plus.sourceforge.net/uk/site.htm">Notepad++</a>\r\n<a href="http://notepad2.com/">Notepad2</a>\r\n<a href="http://www.barebones.com/products/bbedit/">BBEdit</a>\r\n<a href="http://www.aptana.org/">Aptana</a>\r\n<a href="http://macrabbit.com/espresso/">Espresso</a>\r\n<a href="http://www.sublimetext.com/">Sublime Text</a>\r\n<a href="http://www.jetbrains.com/webstorm/index.html">WebStorm</a>\r\n<a href="http://www.vim.org/">VIM</a>\r\n<a href="http://www.eclipse.org/">Eclipse</a>\r\n\r\n<strong>Wireframing:</strong>\r\n\r\nI know some of you are cowboys (or cowgirls) and you just want to start hacking. Well, for the truly impatient, these tools at least let you wireframe your pages quickly and easily. I''ve used Balsamiq and FlairBuilder and both rock. It seems that FlairBuilder is really cranking it up with some nice features. Both are Adobe AIR apps which means they''re cross-platform.\r\n\r\n<a href="http://www.omnigroup.com/">Omnigraffle</a>\r\n<a href="http://www.balsamiq.com/">Balsamiq</a>\r\n<a href="http://www.flairbuilder.com/">FlairBuilder</a>\r\n<a href="http://office.microsoft.com/en-us/visio/default.aspx">Visio</a>\r\n<a href="http://www.axure.com/">Axure</a>\r\n\r\n<strong>Browser Testing:</strong>\r\n\r\nI''ve been fortunate to have multiple OS versions over the years. My wife would definitely prefer for me to have a couple of less PCs sitting around but it''s let me test out my web apps on a variety of platforms, browsers and OSes. Shoot, I even have a version of IE6! For those with less hardware, these services should definitely help. Note that services like BrowserCam & Gomez are subscription-based but worth the cash if you can afford it.\r\n\r\n<a href="http://www.browsercam.com/Default2.aspx">BrowserCam</a>\r\n<a href="https://browserlab.adobe.com/index.html">Adobe BrowserLab</a>\r\n<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en">Microsoft Expression Web SuperPreview for IE</a>\r\n<a href="http://www.gomez.com/products-solutions/products/cross-browser-testing/">Gomez</a>\r\n<a href="http://tredosoft.com/Multiple_IE">TredoSoft MultipleIE</a>\r\n<a href="http://crossbrowsertesting.com/">CrossBrowserTesting</a>\r\n<a href="http://michelf.com/projects/multi-safari/">Multi-Safari</a>\r\n<a href="http://www.browserscope.org/">Browserscope</a>\r\n<a href="http://stevesouders.com/cuzillion/help.php">Cuzillion</a>\r\n<a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a>\r\n\r\n<strong>Testing (based on the <a href="http://ejohn.org/blog/which-unit-testing-framework/">list by John Resig</a>):</strong>\r\n\r\nThis was a list I snagged from John Resig. Obviously, he''s done a boatload of testing so I know this list rocks. JSLint is the old mainstay created by Douglas Crockford but other have really become increasingly essential to good testing. jQuery developers should definitely be looking at QUnit & jQuery-Lint. The most complete tool is Selenium but it does have a bit of a learning curve. If you''re into determining JS performance, checkout SunSpider, Dromaeo, Google''s V8 Benchmark and JSLitmus. These measure the performance of the JS engine, not your apps.\r\n\r\n<a href="http://jslint.com/">JSLint</a>\r\n<a href="http://github.com/jamespadolsey/jQuery-Lint">jQuery Lint</a>\r\n<a href="http://www.jsunit.net/">JSUnit</a>\r\n<a href="http://seleniumhq.org/projects/core/">Selenium Core</a>\r\n<a href="http://jania.pe.kr/aw/moin.cgi/JSSpec">JSSpec (MooTools)</a>\r\n<a href="http://github.com/tobie/unittest_js/tree/master">UnitTestJS (Prototype)</a>\r\n<a href="http://docs.jquery.com/QUnit">QUnit (jQuery)</a>\r\n<a href="http://docs.dojocampus.org/quickstart/doh">DOH Unit Testing (Dojo)</a>\r\n<a href="http://developer.yahoo.com/yui/yuitest/">YUITest 2</a>\r\n<a href="http://developer.yahoo.com/yui/3/test/">YUITest 3</a>\r\n<a href="https://developer.mozilla.org/En/Mochitest">Mochitest</a>\r\n<a href="http://github.com/nkallen/screw-unit/tree/master">ScrewUnit</a>\r\n<a href="http://jsunittest.com/">JsUnitTest</a>\r\n<a href="http://jsunity.com/">jsUnity</a> \r\n<a href="http://code.google.com/p/js-test-driver/">JsTestDriver</a>\r\n<a href="http://www.thefrontside.net/crosscheck">Crosscheck</a>\r\n<a href="http://groups.google.com/group/envjs">Env.js</a> \r\n<a href="http://fireunit.org/">FireUnit</a>\r\n<a href="http://validator.w3.org/">W3C Markup Validation Service</a>\r\n<a href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a>\r\n<a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider.html">SunSpider</a>\r\n<a href="http://code.google.com/apis/v8/run.html">V8 Benchmark</a>\r\n<a href="http://v2.dromaeo.com/">Dromaeo</a>\r\n<a href="http://broofa.com/Tools/JSLitmus/">JSLitmus</a>\r\n\r\n<strong>Documentation:</strong>\r\n\r\n<a href="http://developer.yahoo.com/yui/">Yahoo UI Docs</a>\r\n<a href="http://www.programmableweb.com/">APIs</a> - Most comprehensive list of APIs on the web\r\n<a href="http://api.jquery.com/">jQuery Docs</a>\r\n<a href="http://jqueryui.com/demos/">jQuery UI Docs</a>\r\n<a href="http://mootools.net/docs/core">MooTools Docs</a>\r\n<a href="http://api.prototypejs.org/">Prototype Docs</a>\r\n<a href="http://dojotoolkit.org/documentation/">Dojo Docs</a>\r\n<a href="http://json.org/">JSON Reference</a>\r\n<a href="http://en.wikipedia.org/wiki/JSON#JSONP">JSONP</a>\r\n\r\n<h2>Books</h2>\r\n\r\nThe books below are really a great selection. I have many in my own library and every so often re-read them I''m currently reading <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a> by Nicholas Zakas. Another great book is Stoyan Stefanov''s <a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a>. I also highly recommend Steve Souders performance book at the bottom of the list. They''re basically the definitive sources for optimizing your web apps.\r\n\r\n<strong>JavaScript/DOM:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596101996?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596101996">JavaScript: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596101996" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596517742?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596517742">JavaScript: The Good Parts</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596517742" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047022780X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047022780X">Professional JavaScript for Web Developers (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047022780X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590595335?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590595335">DOM Scripting: Web Design with JavaScript and the Document Object Model</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590595335" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590598563?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598563">AdvancED DOM Scripting: Dynamic Web Design Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598563" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590596803?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590596803">Beginning JavaScript with DOM Scripting and Ajax: From Novice to Professional (Beginning: from Novice to Professional)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590596803" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194141" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597273?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597273">Pro JavaScript Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597273" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/193398869X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=193398869X">Secrets of the JavaScript Ninja</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=193398869X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321491939?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321491939">Ajax Security</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321491939" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321423305?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321423305">ppk on JavaScript, 1/e</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321423305" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597648?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597648">Accelerated DOM Scripting with Ajax, APIs, and Libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597648" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript (Build Faster Web Application Interfaces)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n</ul>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596159773?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596159773">jQuery Cookbook: Solutions & Examples for jQuery Developers (Animal Guide)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596159773" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847196705?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847196705">Learning jQuery 1.3</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847196705" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1935182323?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182323">jQuery in Action, Second Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182323" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847199720?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847199720">jQuery UI 1.7: The User Interface Library for jQuery</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847199720" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356115?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356115">Mastering Dojo: JavaScript and Ajax Tools for Great Web Experiences (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356115" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430210664?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430210664">Practical Dojo Projects (Practical Projects)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430210664" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0470452021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0470452021">Concise Guide to Dojo (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0470452021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0596516487?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596516487">Dojo: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596516487" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321605128?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321605128">The Dojo Toolkit: Visual QuickStart Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321605128" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430225211?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430225211">Getting StartED with Dojo</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430225211" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847194583?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194583">MooTools 1.2 Beginner''s Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194583" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430209836?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430209836">MooTools Essentials: The Official MooTools Reference for JavaScript™ and Ajax Development (Firstpress)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430209836" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1590599195?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590599195">Practical Prototype and script.aculo.us (Expert''s Voice in Web Development)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590599195" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356018?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356018">Prototype and script.aculo.us: You Never Knew JavaScript Could Do This! (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356018" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1933988037?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1933988037">Prototype and Scriptaculous in Action [Ajax]</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1933988037" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847192327?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847192327">Learning the Yahoo! User Interface library: Develop your next generation web applications with the YUI JavaScript development library.</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847192327" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847195148?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847195148">Learning Ext JS</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847195148" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847198708?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847198708">Ext JS 3.0 Cookbook</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847198708" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1935182110?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182110">Ext JS in Action</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182110" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n</ul>\r\n\r\n\r\n\r\n<strong>HTML & CSS:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/1590598040?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598040">Pro CSS and HTML Design Patterns</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598040" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1430219203?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430219203">Web Standards Solutions: The Markup and Style Handbook, Special Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430219203" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321509021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321509021">Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS (2nd Edition)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321509021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.sitepoint.com/books/cssdesign1/?SID=82b54f50488243b44b6b9c7acb10731a">The Art & Science Of CSS</a>\r\n<a href="http://www.sitepoint.com/books/css2/?SID=82b54f50488243b44b6b9c7acb10731a">HTML Utopia: Designing Without Tables Using CSS</a></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0980455278?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0980455278">Build Your Own Website The Right Way Using HTML & CSS, 2nd Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0980455278" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1600330045?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1600330045">Head First HTML with CSS & XHTML</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1600330045" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n\r\n<strong>Performance:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596529309?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596529309">High Performance Web Sites: Essential Knowledge for Front-End Engineers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596529309" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596522304?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596522304">Even Faster Web Sites: Performance Best Practices for Web Developers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596522304" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n', 'The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books', 0, '', 'inherit', 'open', 'open', '', '664-revision-54', '', '', '2010-04-30 09:14:00', '2010-04-30 13:14:00', '', 664, 'http://blog.reybango.com/2010/04/30/664-revision-54/', 0, 'revision', '', 0);
INSERT INTO `wp_dyxkdh_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_category`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(732, 3, '2010-04-30 10:04:35', '2010-04-30 14:04:35', 'I''ve been meaning to do a roll-up of top JavaScript, CSS & HTML development tools that I use or have been recommended to me and after having lunch with my bud Brian Wilpon today, I realized I just needed to do it. He asked me what some of the newer tools are and I think this is the best way to help him (and the community in general). It''s definitely not an all-inclusive list so if you see some that you feel I should add or remove, let me know in the comments.\r\n\r\nHere they are by category:\r\n\r\n<strong>Debugging Tools That Make Life MUCH Easier:</strong>\r\n\r\nEffectively debugging JavaScript applications is a royal pain in the derriere and to compile that, the available tools just don''t stand up to those used by managed code developers. Luckily, we do have a decent set of tools that lessens the pain substantially. Firebug is definitely a must have since it incorporates so much DOM & XHR introspection as well as the Web Developer Toolbar. Both are simply awesome. I also love Charles for HTTP sniffing and it''s saved my butt when Firebug couldn''t handle it. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/library/dd565628%28VS.85%29.aspx">IE8 Developer Tools</a> - Microsoft''s browser debugger tools\r\n<a href="http://getfirebug.com/">Firebug</a> - Mozilla''s browser debugger add-on \r\n<a href="http://trac.webkit.org/wiki/WebInspector">WebKit Web Inspector</a> - Webkit''s browser debugger tools\r\n<a href="http://www.fiddler2.com/fiddler2/">Fiddler</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://www.charlesproxy.com/">Charles</a> - HTTP Sniffer. Great for seeing Ajax requests. (my personal fav)\r\n<a href="http://kevinlangdon.com/serviceCapture/">Service Capture</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://ajax.dynatrace.com/pages/">dynaTrace Ajax</a> - HTTP performance analyzer\r\n<a href="http://chrispederick.com/work/web-developer/">Web Developer’s Toolbar</a> - All purpose Firefox toolbar to inspect everything on a page\r\n<a href="http://developer.yahoo.com/yslow/">YSlow</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://code.google.com/speed/page-speed/">PageSpeed</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://www.debugbar.com/">DebugBar</a> - An IE plugin that brings advanced debugging features to IE including JS, DOM & HTTP inspection\r\n\r\n<strong>CSS Editors:</strong>\r\n\r\nI prefer to write my CSS code by hand. Call me old-school but many swear by the following CSS editors. CSSEdit by MacRabbit (Mac only) is especially loved by many designers.\r\n\r\n<a href="http://www.topstyle4.com/">TopStyle</a>\r\n<a href="http://www.blumentals.net/rapidcss/">Rapid CSS</a>\r\n<a href="http://www.culturedcode.com/xyle/">Xyle</a>\r\n<a href="http://www.skybound.ca/">Stylizer</a>\r\n<a href="http://www.macrabbit.com/cssedit/">CSSEdit</a>\r\n\r\n<strong>CSS Frameworks:</strong>\r\n\r\nThese frameworks have really taken off. Like their JavaScript brethren, they help to abstract much of the complexity of building consistent layouts in cross-browser fashion. They''re definitely something I need to look into more and from what I''ve read, 960 GS & Blueprint are the ones people are looking at.\r\n\r\n<a href="http://960.gs">960 Grid System</a>\r\n<a href="http://blueprintcss.org/">Blueprint CSS Framework</a>\r\n<a href="http://www.yaml.de/en/">YAML</a>\r\n<a href="http://developer.yahoo.com/yui/grids/">Yahoo YUI Grids CSS</a>\r\n<a href="http://devkick.com/lab/tripoli/">Tripoli</a>\r\n\r\n<strong>CSS Resets:</strong>\r\n\r\nWant to minimize browser inconsistencies? Then use a CSS reset stylesheet to specify baseline CSS styles that make browser presentation defaults more consistent. \r\n\r\n<a href="http://meyerweb.com/eric/tools/css/reset/">Meyer Reset by Eric Meyer</a>\r\n<a href="http://developer.yahoo.com/yui/reset/">YUI2: Reset CSS</a>\r\n<a href="http://www.iecss.com/">IECSS</a>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n\r\nI definitely recommend everyone to learn JavaScript as you''ll need it to be a really effective client-side developer. With that said, a good JS library will go a long way to making your development faster and much more stable. These libraries are all very mature and dramatically help to abstract the complexities of cross-browser development. My personal favorite is <a href="http://jquery.com/">jQuery</a>, of which I''m a member of the project team.\r\n\r\n<a href="http://jquery.com/">jQuery</a>\r\n<a href="http://jqueryui.com">jQuery UI</a>\r\n<a href="http://prototypejs.org/">Prototype</a>\r\n<a href="http://mootools.net/">MooTools</a>\r\n<a href="http://dojotoolkit.org/">Dojo</a>\r\n<a href="http://developer.yahoo.com/yui/">YUI</a>\r\n<a href="http://javascriptmvc.com/">JavaScriptMVC</a>\r\n<a href="http://qooxdoo.org/">qooxdoo</a>\r\n<a href="http://extjs.com">Ext JS</a>\r\n<a href="http://labs.adobe.com/technologies/spry/">Adobe Spry</a>\r\n<a href="http://raphaeljs.com/">Raphael.js</a> - simplifies working with vector graphics on the web\r\n<a href="http://labjs.com/">LabJS Dynamic Script Loader</a> - Allows execution and load management of JavaScript files\r\n<a href="http://brianleroux.github.com/lawnchair/">Lawnchair</a> - A lightweight client-side JSON document store\r\n<a href="http://www.thomasfrank.se/sessionvars.html">Sessvars.js</a> - Client-side session data management solution\r\n<a href="http://codebetter.com/blogs/matthew.podwysocki/archive/2010/02/16/introduction-to-the-reactive-extensions-to-javascript.aspx">Reactive Extensions For JS</a>\r\n<a href="http://beebole.com/pure">PURE JS Templating Lib</a>\r\n\r\n\r\n<strong>JavaScript Minifiers</strong>\r\n\r\nEvery byte counts when you''re sending files via HTTP and best practices dictate that on a production, you need to optimize all of your files to minimize page load times. Compressing JavaScript code is one of the easiest ways to do that and these tools will help. On the jQuery project, we''ve started using Google''s Closure compiler because it''s generated the best compression. Try all of them out to see which suits you best.\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://code.google.com/closure/compiler/">Closure compiler</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n\r\n<strong>JavaScript Shells</strong>\r\n\r\nThere are times when you just want to test a snippet of code without actually going through the trouble of creating a full page. That''s where JavaScript shells shine. JSFiddle and JSBin both rock because apart from supporting plain ole JS, they also allow you to include a host of libraries including jQuery, MooTools, & Dojo. \r\n\r\n<a href="http://jsfiddle.net/">jsfiddle.net</a> \r\n<a href="http://jsbin.com/">JSBin</a>\r\n<a href="http://mootools.net/shell/">mootools.net/shell</a> <em>(MooTools-specific)</em>\r\n\r\n<strong>Color Management:</strong>\r\n\r\nAs a programmer, I''m insanely color scheme challenged. I''m inclined to mix yellow with mauve causing a concerted moan to occur across the design community. Luckily, these tools help you choose web safe color schemes that are not only consistent but won''t burn the eyeballs off your site visitors. :)\r\n\r\n<a href="http://www.colourlovers.com/">Colourlovers</a>\r\n<a href="http://kuler.adobe.com/">Kuler</a>\r\n\r\n<strong>Editors and IDEs:</strong>\r\n\r\nI work at Microsoft so you would expect me to be a Visual Studio whiz. Not so. Only recently starting at MS, I''ve only dipped my toe in the VS waters. What I''ve seen though has impressed me but I still have a long way to go before I understand it. If you''re on a Mac, though, I do highly recommend both TextMate and Coda. Both are truly awesome. I''ve used Coda a little more because I liked the UI of it a little better than TextMate''s but TM''s bundle system and ecosystem is amazing. You can get code-complete for just about anything via bundles. For Windows, Notepad++ has been just awesome. I wish it had built-in FTP support like UltraEdit. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/vstudio/default.aspx">Visual Studio</a>\r\n<a href="http://www.microsoft.com/expression/">Expression</a>\r\n<a href="http://macromates.com/">TextMate</a>\r\n<a href="http://panic.com/coda/">Coda</a>\r\n<a href="http://www.ultraedit.com/">UltraEdit</a>\r\n<a href="http://www.activestate.com/komodo/">Komodo IDE</a>\r\n<a href="http://notepad-plus.sourceforge.net/uk/site.htm">Notepad++</a>\r\n<a href="http://notepad2.com/">Notepad2</a>\r\n<a href="http://www.barebones.com/products/bbedit/">BBEdit</a>\r\n<a href="http://www.aptana.org/">Aptana</a>\r\n<a href="http://macrabbit.com/espresso/">Espresso</a>\r\n<a href="http://www.sublimetext.com/">Sublime Text</a>\r\n<a href="http://www.jetbrains.com/webstorm/index.html">WebStorm</a>\r\n<a href="http://www.vim.org/">VIM</a>\r\n<a href="http://www.eclipse.org/">Eclipse</a>\r\n\r\n<strong>Wireframing:</strong>\r\n\r\nI know some of you are cowboys (or cowgirls) and you just want to start hacking. Well, for the truly impatient, these tools at least let you wireframe your pages quickly and easily. I''ve used Balsamiq and FlairBuilder and both rock. It seems that FlairBuilder is really cranking it up with some nice features. Both are Adobe AIR apps which means they''re cross-platform.\r\n\r\n<a href="http://www.omnigroup.com/">Omnigraffle</a>\r\n<a href="http://www.balsamiq.com/">Balsamiq</a>\r\n<a href="http://www.flairbuilder.com/">FlairBuilder</a>\r\n<a href="http://office.microsoft.com/en-us/visio/default.aspx">Visio</a>\r\n<a href="http://www.axure.com/">Axure</a>\r\n\r\n<strong>Browser Testing:</strong>\r\n\r\nI''ve been fortunate to have multiple OS versions over the years. My wife would definitely prefer for me to have a couple of less PCs sitting around but it''s let me test out my web apps on a variety of platforms, browsers and OSes. Shoot, I even have a version of IE6! For those with less hardware, these services should definitely help. Note that services like BrowserCam & Gomez are subscription-based but worth the cash if you can afford it.\r\n\r\n<a href="http://www.browsercam.com/Default2.aspx">BrowserCam</a>\r\n<a href="https://browserlab.adobe.com/index.html">Adobe BrowserLab</a>\r\n<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en">Microsoft Expression Web SuperPreview for IE</a>\r\n<a href="http://www.gomez.com/products-solutions/products/cross-browser-testing/">Gomez</a>\r\n<a href="http://tredosoft.com/Multiple_IE">TredoSoft MultipleIE</a>\r\n<a href="http://crossbrowsertesting.com/">CrossBrowserTesting</a>\r\n<a href="http://michelf.com/projects/multi-safari/">Multi-Safari</a>\r\n<a href="http://www.browserscope.org/">Browserscope</a>\r\n<a href="http://stevesouders.com/cuzillion/help.php">Cuzillion</a>\r\n<a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a>\r\n\r\n<strong>Testing (based on the <a href="http://ejohn.org/blog/which-unit-testing-framework/">list by John Resig</a>):</strong>\r\n\r\nThis was a list I snagged from John Resig. Obviously, he''s done a boatload of testing so I know this list rocks. JSLint is the old mainstay created by Douglas Crockford but other have really become increasingly essential to good testing. jQuery developers should definitely be looking at QUnit & jQuery-Lint. The most complete tool is Selenium but it does have a bit of a learning curve. If you''re into determining JS performance, checkout SunSpider, Dromaeo, Google''s V8 Benchmark and JSLitmus. These measure the performance of the JS engine, not your apps.\r\n\r\n<a href="http://jslint.com/">JSLint</a>\r\n<a href="http://github.com/jamespadolsey/jQuery-Lint">jQuery Lint</a>\r\n<a href="http://www.jsunit.net/">JSUnit</a>\r\n<a href="http://seleniumhq.org/projects/core/">Selenium Core</a>\r\n<a href="http://jania.pe.kr/aw/moin.cgi/JSSpec">JSSpec (MooTools)</a>\r\n<a href="http://github.com/tobie/unittest_js/tree/master">UnitTestJS (Prototype)</a>\r\n<a href="http://docs.jquery.com/QUnit">QUnit (jQuery)</a>\r\n<a href="http://docs.dojocampus.org/quickstart/doh">DOH Unit Testing (Dojo)</a>\r\n<a href="http://developer.yahoo.com/yui/yuitest/">YUITest 2</a>\r\n<a href="http://developer.yahoo.com/yui/3/test/">YUITest 3</a>\r\n<a href="https://developer.mozilla.org/En/Mochitest">Mochitest</a>\r\n<a href="http://github.com/nkallen/screw-unit/tree/master">ScrewUnit</a>\r\n<a href="http://jsunittest.com/">JsUnitTest</a>\r\n<a href="http://jsunity.com/">jsUnity</a> \r\n<a href="http://code.google.com/p/js-test-driver/">JsTestDriver</a>\r\n<a href="http://www.thefrontside.net/crosscheck">Crosscheck</a>\r\n<a href="http://groups.google.com/group/envjs">Env.js</a> \r\n<a href="http://fireunit.org/">FireUnit</a>\r\n<a href="http://validator.w3.org/">W3C Markup Validation Service</a>\r\n<a href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a>\r\n<a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider.html">SunSpider</a>\r\n<a href="http://code.google.com/apis/v8/run.html">V8 Benchmark</a>\r\n<a href="http://v2.dromaeo.com/">Dromaeo</a>\r\n<a href="http://broofa.com/Tools/JSLitmus/">JSLitmus</a>\r\n<a href="http://users.skynet.be/mgueury/mozilla/">HTML Validator Firefox Add-on</a>\r\n\r\n<strong>Documentation:</strong>\r\n\r\n<a href="http://developer.yahoo.com/yui/">Yahoo UI Docs</a>\r\n<a href="http://www.programmableweb.com/">APIs</a> - Most comprehensive list of APIs on the web\r\n<a href="http://api.jquery.com/">jQuery Docs</a>\r\n<a href="http://jqueryui.com/demos/">jQuery UI Docs</a>\r\n<a href="http://mootools.net/docs/core">MooTools Docs</a>\r\n<a href="http://api.prototypejs.org/">Prototype Docs</a>\r\n<a href="http://dojotoolkit.org/documentation/">Dojo Docs</a>\r\n<a href="http://json.org/">JSON Reference</a>\r\n<a href="http://en.wikipedia.org/wiki/JSON#JSONP">JSONP</a>\r\n\r\n<h2>Books</h2>\r\n\r\nThe books below are really a great selection. I have many in my own library and every so often re-read them I''m currently reading <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a> by Nicholas Zakas. Another great book is Stoyan Stefanov''s <a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a>. I also highly recommend Steve Souders performance book at the bottom of the list. They''re basically the definitive sources for optimizing your web apps.\r\n\r\n<strong>JavaScript/DOM:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596101996?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596101996">JavaScript: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596101996" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596517742?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596517742">JavaScript: The Good Parts</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596517742" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047022780X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047022780X">Professional JavaScript for Web Developers (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047022780X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590595335?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590595335">DOM Scripting: Web Design with JavaScript and the Document Object Model</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590595335" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590598563?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598563">AdvancED DOM Scripting: Dynamic Web Design Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598563" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590596803?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590596803">Beginning JavaScript with DOM Scripting and Ajax: From Novice to Professional (Beginning: from Novice to Professional)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590596803" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194141" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597273?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597273">Pro JavaScript Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597273" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/193398869X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=193398869X">Secrets of the JavaScript Ninja</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=193398869X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321491939?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321491939">Ajax Security</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321491939" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321423305?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321423305">ppk on JavaScript, 1/e</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321423305" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597648?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597648">Accelerated DOM Scripting with Ajax, APIs, and Libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597648" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript (Build Faster Web Application Interfaces)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n</ul>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596159773?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596159773">jQuery Cookbook: Solutions & Examples for jQuery Developers (Animal Guide)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596159773" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847196705?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847196705">Learning jQuery 1.3</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847196705" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1935182323?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182323">jQuery in Action, Second Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182323" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847199720?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847199720">jQuery UI 1.7: The User Interface Library for jQuery</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847199720" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356115?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356115">Mastering Dojo: JavaScript and Ajax Tools for Great Web Experiences (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356115" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430210664?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430210664">Practical Dojo Projects (Practical Projects)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430210664" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0470452021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0470452021">Concise Guide to Dojo (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0470452021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0596516487?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596516487">Dojo: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596516487" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321605128?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321605128">The Dojo Toolkit: Visual QuickStart Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321605128" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430225211?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430225211">Getting StartED with Dojo</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430225211" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847194583?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194583">MooTools 1.2 Beginner''s Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194583" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430209836?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430209836">MooTools Essentials: The Official MooTools Reference for JavaScript™ and Ajax Development (Firstpress)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430209836" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1590599195?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590599195">Practical Prototype and script.aculo.us (Expert''s Voice in Web Development)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590599195" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356018?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356018">Prototype and script.aculo.us: You Never Knew JavaScript Could Do This! (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356018" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1933988037?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1933988037">Prototype and Scriptaculous in Action [Ajax]</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1933988037" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847192327?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847192327">Learning the Yahoo! User Interface library: Develop your next generation web applications with the YUI JavaScript development library.</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847192327" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847195148?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847195148">Learning Ext JS</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847195148" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847198708?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847198708">Ext JS 3.0 Cookbook</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847198708" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1935182110?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182110">Ext JS in Action</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182110" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n</ul>\r\n\r\n\r\n\r\n<strong>HTML & CSS:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/1590598040?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598040">Pro CSS and HTML Design Patterns</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598040" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1430219203?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430219203">Web Standards Solutions: The Markup and Style Handbook, Special Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430219203" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321509021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321509021">Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS (2nd Edition)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321509021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.sitepoint.com/books/cssdesign1/?SID=82b54f50488243b44b6b9c7acb10731a">The Art & Science Of CSS</a>\r\n<a href="http://www.sitepoint.com/books/css2/?SID=82b54f50488243b44b6b9c7acb10731a">HTML Utopia: Designing Without Tables Using CSS</a></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0980455278?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0980455278">Build Your Own Website The Right Way Using HTML & CSS, 2nd Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0980455278" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1600330045?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1600330045">Head First HTML with CSS & XHTML</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1600330045" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n\r\n<strong>Performance:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596529309?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596529309">High Performance Web Sites: Essential Knowledge for Front-End Engineers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596529309" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596522304?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596522304">Even Faster Web Sites: Performance Best Practices for Web Developers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596522304" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n', 'The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books', 0, '', 'inherit', 'open', 'open', '', '664-revision-55', '', '', '2010-04-30 10:04:35', '2010-04-30 14:04:35', '', 664, 'http://blog.reybango.com/2010/04/30/664-revision-55/', 0, 'revision', '', 0);
INSERT INTO `wp_dyxkdh_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_category`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(734, 3, '2010-04-30 10:23:03', '2010-04-30 14:23:03', 'I''ve been meaning to do a roll-up of top JavaScript, CSS & HTML development tools that I use or have been recommended to me and after having lunch with my bud Brian Wilpon today, I realized I just needed to do it. He asked me what some of the newer tools are and I think this is the best way to help him (and the community in general). It''s definitely not an all-inclusive list so if you see some that you feel I should add or remove, let me know in the comments.\r\n\r\nHere they are by category:\r\n\r\n<strong>Debugging Tools That Make Life MUCH Easier:</strong>\r\n\r\nEffectively debugging JavaScript applications is a royal pain in the derriere and to compile that, the available tools just don''t stand up to those used by managed code developers. Luckily, we do have a decent set of tools that lessens the pain substantially. Firebug is definitely a must have since it incorporates so much DOM & XHR introspection as well as the Web Developer Toolbar. Both are simply awesome. I also love Charles for HTTP sniffing and it''s saved my butt when Firebug couldn''t handle it. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/library/dd565628%28VS.85%29.aspx">IE8 Developer Tools</a> - Microsoft''s browser debugger tools\r\n<a href="http://getfirebug.com/">Firebug</a> - Mozilla''s browser debugger add-on \r\n<a href="http://trac.webkit.org/wiki/WebInspector">WebKit Web Inspector</a> - Webkit''s browser debugger tools\r\n<a href="http://www.fiddler2.com/fiddler2/">Fiddler</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://www.charlesproxy.com/">Charles</a> - HTTP Sniffer. Great for seeing Ajax requests. (my personal fav)\r\n<a href="http://kevinlangdon.com/serviceCapture/">Service Capture</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://ajax.dynatrace.com/pages/">dynaTrace Ajax</a> - HTTP performance analyzer\r\n<a href="http://chrispederick.com/work/web-developer/">Web Developer’s Toolbar</a> - All purpose Firefox toolbar to inspect everything on a page\r\n<a href="http://developer.yahoo.com/yslow/">YSlow</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://code.google.com/speed/page-speed/">PageSpeed</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://www.debugbar.com/">DebugBar</a> - An IE plugin that brings advanced debugging features to IE including JS, DOM & HTTP inspection\r\n\r\n<strong>CSS Editors:</strong>\r\n\r\nI prefer to write my CSS code by hand. Call me old-school but many swear by the following CSS editors. CSSEdit by MacRabbit (Mac only) is especially loved by many designers.\r\n\r\n<a href="http://www.topstyle4.com/">TopStyle</a>\r\n<a href="http://www.blumentals.net/rapidcss/">Rapid CSS</a>\r\n<a href="http://www.culturedcode.com/xyle/">Xyle</a>\r\n<a href="http://www.skybound.ca/">Stylizer</a>\r\n<a href="http://www.macrabbit.com/cssedit/">CSSEdit</a>\r\n\r\n<strong>CSS Frameworks:</strong>\r\n\r\nThese frameworks have really taken off. Like their JavaScript brethren, they help to abstract much of the complexity of building consistent layouts in cross-browser fashion. They''re definitely something I need to look into more and from what I''ve read, 960 GS & Blueprint are the ones people are looking at.\r\n\r\n<a href="http://960.gs">960 Grid System</a>\r\n<a href="http://blueprintcss.org/">Blueprint CSS Framework</a>\r\n<a href="http://www.yaml.de/en/">YAML</a>\r\n<a href="http://developer.yahoo.com/yui/grids/">Yahoo YUI Grids CSS</a>\r\n<a href="http://devkick.com/lab/tripoli/">Tripoli</a>\r\n<a href="http://net.tutsplus.com/tutorials/html-css-techniques/object-oriented-css-what-how-and-why/">Object-Oriented CSS</a>\r\n\r\n<strong>CSS Resets:</strong>\r\n\r\nWant to minimize browser inconsistencies? Then use a CSS reset stylesheet to specify baseline CSS styles that make browser presentation defaults more consistent. \r\n\r\n<a href="http://meyerweb.com/eric/tools/css/reset/">Meyer Reset by Eric Meyer</a>\r\n<a href="http://developer.yahoo.com/yui/reset/">YUI2: Reset CSS</a>\r\n<a href="http://www.iecss.com/">IECSS</a>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n\r\nI definitely recommend everyone to learn JavaScript as you''ll need it to be a really effective client-side developer. With that said, a good JS library will go a long way to making your development faster and much more stable. These libraries are all very mature and dramatically help to abstract the complexities of cross-browser development. My personal favorite is <a href="http://jquery.com/">jQuery</a>, of which I''m a member of the project team.\r\n\r\n<a href="http://jquery.com/">jQuery</a>\r\n<a href="http://jqueryui.com">jQuery UI</a>\r\n<a href="http://prototypejs.org/">Prototype</a>\r\n<a href="http://mootools.net/">MooTools</a>\r\n<a href="http://dojotoolkit.org/">Dojo</a>\r\n<a href="http://developer.yahoo.com/yui/">YUI</a>\r\n<a href="http://javascriptmvc.com/">JavaScriptMVC</a>\r\n<a href="http://qooxdoo.org/">qooxdoo</a>\r\n<a href="http://extjs.com">Ext JS</a>\r\n<a href="http://labs.adobe.com/technologies/spry/">Adobe Spry</a>\r\n<a href="http://raphaeljs.com/">Raphael.js</a> - simplifies working with vector graphics on the web\r\n<a href="http://labjs.com/">LabJS Dynamic Script Loader</a> - Allows execution and load management of JavaScript files\r\n<a href="http://brianleroux.github.com/lawnchair/">Lawnchair</a> - A lightweight client-side JSON document store\r\n<a href="http://www.thomasfrank.se/sessionvars.html">Sessvars.js</a> - Client-side session data management solution\r\n<a href="http://codebetter.com/blogs/matthew.podwysocki/archive/2010/02/16/introduction-to-the-reactive-extensions-to-javascript.aspx">Reactive Extensions For JS</a>\r\n<a href="http://beebole.com/pure">PURE JS Templating Lib</a>\r\n\r\n\r\n<strong>JavaScript Minifiers</strong>\r\n\r\nEvery byte counts when you''re sending files via HTTP and best practices dictate that on a production, you need to optimize all of your files to minimize page load times. Compressing JavaScript code is one of the easiest ways to do that and these tools will help. On the jQuery project, we''ve started using Google''s Closure compiler because it''s generated the best compression. Try all of them out to see which suits you best.\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://code.google.com/closure/compiler/">Closure compiler</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n\r\n<strong>JavaScript Shells</strong>\r\n\r\nThere are times when you just want to test a snippet of code without actually going through the trouble of creating a full page. That''s where JavaScript shells shine. JSFiddle and JSBin both rock because apart from supporting plain ole JS, they also allow you to include a host of libraries including jQuery, MooTools, & Dojo. \r\n\r\n<a href="http://jsfiddle.net/">jsfiddle.net</a> \r\n<a href="http://jsbin.com/">JSBin</a>\r\n<a href="http://mootools.net/shell/">mootools.net/shell</a> <em>(MooTools-specific)</em>\r\n\r\n<strong>Color Management:</strong>\r\n\r\nAs a programmer, I''m insanely color scheme challenged. I''m inclined to mix yellow with mauve causing a concerted moan to occur across the design community. Luckily, these tools help you choose web safe color schemes that are not only consistent but won''t burn the eyeballs off your site visitors. :)\r\n\r\n<a href="http://www.colourlovers.com/">Colourlovers</a>\r\n<a href="http://kuler.adobe.com/">Kuler</a>\r\n\r\n<strong>Editors and IDEs:</strong>\r\n\r\nI work at Microsoft so you would expect me to be a Visual Studio whiz. Not so. Only recently starting at MS, I''ve only dipped my toe in the VS waters. What I''ve seen though has impressed me but I still have a long way to go before I understand it. If you''re on a Mac, though, I do highly recommend both TextMate and Coda. Both are truly awesome. I''ve used Coda a little more because I liked the UI of it a little better than TextMate''s but TM''s bundle system and ecosystem is amazing. You can get code-complete for just about anything via bundles. For Windows, Notepad++ has been just awesome. I wish it had built-in FTP support like UltraEdit. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/vstudio/default.aspx">Visual Studio</a>\r\n<a href="http://www.microsoft.com/expression/">Expression</a>\r\n<a href="http://macromates.com/">TextMate</a>\r\n<a href="http://panic.com/coda/">Coda</a>\r\n<a href="http://www.ultraedit.com/">UltraEdit</a>\r\n<a href="http://www.activestate.com/komodo/">Komodo IDE</a>\r\n<a href="http://notepad-plus.sourceforge.net/uk/site.htm">Notepad++</a>\r\n<a href="http://notepad2.com/">Notepad2</a>\r\n<a href="http://www.barebones.com/products/bbedit/">BBEdit</a>\r\n<a href="http://www.aptana.org/">Aptana</a>\r\n<a href="http://macrabbit.com/espresso/">Espresso</a>\r\n<a href="http://www.sublimetext.com/">Sublime Text</a>\r\n<a href="http://www.jetbrains.com/webstorm/index.html">WebStorm</a>\r\n<a href="http://www.vim.org/">VIM</a>\r\n<a href="http://www.eclipse.org/">Eclipse</a>\r\n\r\n<strong>Wireframing:</strong>\r\n\r\nI know some of you are cowboys (or cowgirls) and you just want to start hacking. Well, for the truly impatient, these tools at least let you wireframe your pages quickly and easily. I''ve used Balsamiq and FlairBuilder and both rock. It seems that FlairBuilder is really cranking it up with some nice features. Both are Adobe AIR apps which means they''re cross-platform.\r\n\r\n<a href="http://www.omnigroup.com/">Omnigraffle</a>\r\n<a href="http://www.balsamiq.com/">Balsamiq</a>\r\n<a href="http://www.flairbuilder.com/">FlairBuilder</a>\r\n<a href="http://office.microsoft.com/en-us/visio/default.aspx">Visio</a>\r\n<a href="http://www.axure.com/">Axure</a>\r\n\r\n<strong>Browser Testing:</strong>\r\n\r\nI''ve been fortunate to have multiple OS versions over the years. My wife would definitely prefer for me to have a couple of less PCs sitting around but it''s let me test out my web apps on a variety of platforms, browsers and OSes. Shoot, I even have a version of IE6! For those with less hardware, these services should definitely help. Note that services like BrowserCam & Gomez are subscription-based but worth the cash if you can afford it.\r\n\r\n<a href="http://www.browsercam.com/Default2.aspx">BrowserCam</a>\r\n<a href="https://browserlab.adobe.com/index.html">Adobe BrowserLab</a>\r\n<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en">Microsoft Expression Web SuperPreview for IE</a>\r\n<a href="http://www.gomez.com/products-solutions/products/cross-browser-testing/">Gomez</a>\r\n<a href="http://tredosoft.com/Multiple_IE">TredoSoft MultipleIE</a>\r\n<a href="http://crossbrowsertesting.com/">CrossBrowserTesting</a>\r\n<a href="http://michelf.com/projects/multi-safari/">Multi-Safari</a>\r\n<a href="http://www.browserscope.org/">Browserscope</a>\r\n<a href="http://stevesouders.com/cuzillion/help.php">Cuzillion</a>\r\n<a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a>\r\n\r\n<strong>Testing (based on the <a href="http://ejohn.org/blog/which-unit-testing-framework/">list by John Resig</a>):</strong>\r\n\r\nThis was a list I snagged from John Resig. Obviously, he''s done a boatload of testing so I know this list rocks. JSLint is the old mainstay created by Douglas Crockford but other have really become increasingly essential to good testing. jQuery developers should definitely be looking at QUnit & jQuery-Lint. The most complete tool is Selenium but it does have a bit of a learning curve. If you''re into determining JS performance, checkout SunSpider, Dromaeo, Google''s V8 Benchmark and JSLitmus. These measure the performance of the JS engine, not your apps.\r\n\r\n<a href="http://jslint.com/">JSLint</a>\r\n<a href="http://github.com/jamespadolsey/jQuery-Lint">jQuery Lint</a>\r\n<a href="http://www.jsunit.net/">JSUnit</a>\r\n<a href="http://seleniumhq.org/projects/core/">Selenium Core</a>\r\n<a href="http://jania.pe.kr/aw/moin.cgi/JSSpec">JSSpec (MooTools)</a>\r\n<a href="http://github.com/tobie/unittest_js/tree/master">UnitTestJS (Prototype)</a>\r\n<a href="http://docs.jquery.com/QUnit">QUnit (jQuery)</a>\r\n<a href="http://docs.dojocampus.org/quickstart/doh">DOH Unit Testing (Dojo)</a>\r\n<a href="http://developer.yahoo.com/yui/yuitest/">YUITest 2</a>\r\n<a href="http://developer.yahoo.com/yui/3/test/">YUITest 3</a>\r\n<a href="https://developer.mozilla.org/En/Mochitest">Mochitest</a>\r\n<a href="http://github.com/nkallen/screw-unit/tree/master">ScrewUnit</a>\r\n<a href="http://jsunittest.com/">JsUnitTest</a>\r\n<a href="http://jsunity.com/">jsUnity</a> \r\n<a href="http://code.google.com/p/js-test-driver/">JsTestDriver</a>\r\n<a href="http://www.thefrontside.net/crosscheck">Crosscheck</a>\r\n<a href="http://groups.google.com/group/envjs">Env.js</a> \r\n<a href="http://fireunit.org/">FireUnit</a>\r\n<a href="http://validator.w3.org/">W3C Markup Validation Service</a>\r\n<a href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a>\r\n<a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider.html">SunSpider</a>\r\n<a href="http://code.google.com/apis/v8/run.html">V8 Benchmark</a>\r\n<a href="http://v2.dromaeo.com/">Dromaeo</a>\r\n<a href="http://broofa.com/Tools/JSLitmus/">JSLitmus</a>\r\n<a href="http://users.skynet.be/mgueury/mozilla/">HTML Validator Firefox Add-on</a>\r\n\r\n<strong>Documentation:</strong>\r\n\r\n<a href="http://developer.yahoo.com/yui/">Yahoo UI Docs</a>\r\n<a href="http://www.programmableweb.com/">APIs</a> - Most comprehensive list of APIs on the web\r\n<a href="http://api.jquery.com/">jQuery Docs</a>\r\n<a href="http://jqueryui.com/demos/">jQuery UI Docs</a>\r\n<a href="http://mootools.net/docs/core">MooTools Docs</a>\r\n<a href="http://api.prototypejs.org/">Prototype Docs</a>\r\n<a href="http://dojotoolkit.org/documentation/">Dojo Docs</a>\r\n<a href="http://json.org/">JSON Reference</a>\r\n<a href="http://en.wikipedia.org/wiki/JSON#JSONP">JSONP</a>\r\n\r\n<h2>Server-Side JavaScript</h2>\r\n\r\n<a href="http://www.mozilla.org/rhino/">Rhino</a>\r\n<a href="http://nodejs.org/">Node.js</a>\r\n<a href="http://narwhaljs.org/">Narwhal.js</a>\r\n<a href="http://commonjs.org/">CommonJS Standards Project</a>\r\n<a href="http://o.sitepen.com/labs/persevere.php">Persevere</a>\r\n<a href="http://en.wikipedia.org/wiki/Comet_%28programming%29">Comet</a>\r\n\r\n<h2>Books</h2>\r\n\r\nThe books below are really a great selection. I have many in my own library and every so often re-read them I''m currently reading <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a> by Nicholas Zakas. Another great book is Stoyan Stefanov''s <a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a>. I also highly recommend Steve Souders performance book at the bottom of the list. They''re basically the definitive sources for optimizing your web apps.\r\n\r\n<strong>JavaScript/DOM:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596101996?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596101996">JavaScript: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596101996" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596517742?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596517742">JavaScript: The Good Parts</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596517742" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047022780X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047022780X">Professional JavaScript for Web Developers (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047022780X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590595335?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590595335">DOM Scripting: Web Design with JavaScript and the Document Object Model</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590595335" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590598563?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598563">AdvancED DOM Scripting: Dynamic Web Design Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598563" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590596803?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590596803">Beginning JavaScript with DOM Scripting and Ajax: From Novice to Professional (Beginning: from Novice to Professional)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590596803" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194141" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597273?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597273">Pro JavaScript Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597273" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/193398869X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=193398869X">Secrets of the JavaScript Ninja</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=193398869X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321491939?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321491939">Ajax Security</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321491939" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321423305?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321423305">ppk on JavaScript, 1/e</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321423305" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597648?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597648">Accelerated DOM Scripting with Ajax, APIs, and Libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597648" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript (Build Faster Web Application Interfaces)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n</ul>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596159773?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596159773">jQuery Cookbook: Solutions & Examples for jQuery Developers (Animal Guide)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596159773" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847196705?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847196705">Learning jQuery 1.3</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847196705" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1935182323?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182323">jQuery in Action, Second Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182323" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847199720?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847199720">jQuery UI 1.7: The User Interface Library for jQuery</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847199720" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356115?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356115">Mastering Dojo: JavaScript and Ajax Tools for Great Web Experiences (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356115" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430210664?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430210664">Practical Dojo Projects (Practical Projects)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430210664" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0470452021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0470452021">Concise Guide to Dojo (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0470452021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0596516487?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596516487">Dojo: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596516487" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321605128?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321605128">The Dojo Toolkit: Visual QuickStart Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321605128" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430225211?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430225211">Getting StartED with Dojo</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430225211" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847194583?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194583">MooTools 1.2 Beginner''s Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194583" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430209836?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430209836">MooTools Essentials: The Official MooTools Reference for JavaScript™ and Ajax Development (Firstpress)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430209836" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1590599195?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590599195">Practical Prototype and script.aculo.us (Expert''s Voice in Web Development)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590599195" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356018?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356018">Prototype and script.aculo.us: You Never Knew JavaScript Could Do This! (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356018" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1933988037?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1933988037">Prototype and Scriptaculous in Action [Ajax]</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1933988037" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847192327?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847192327">Learning the Yahoo! User Interface library: Develop your next generation web applications with the YUI JavaScript development library.</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847192327" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847195148?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847195148">Learning Ext JS</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847195148" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847198708?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847198708">Ext JS 3.0 Cookbook</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847198708" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1935182110?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182110">Ext JS in Action</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182110" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047038459X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047038459X">Professional JavaScript Frameworks: Prototype,YUI, ExtJS, Dojo and MooTools (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047038459X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n</ul>\r\n\r\n\r\n\r\n<strong>HTML & CSS:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/1590598040?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598040">Pro CSS and HTML Design Patterns</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598040" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1430219203?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430219203">Web Standards Solutions: The Markup and Style Handbook, Special Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430219203" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321509021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321509021">Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS (2nd Edition)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321509021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.sitepoint.com/books/cssdesign1/?SID=82b54f50488243b44b6b9c7acb10731a">The Art & Science Of CSS</a>\r\n<a href="http://www.sitepoint.com/books/css2/?SID=82b54f50488243b44b6b9c7acb10731a">HTML Utopia: Designing Without Tables Using CSS</a></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0980455278?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0980455278">Build Your Own Website The Right Way Using HTML & CSS, 2nd Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0980455278" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1600330045?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1600330045">Head First HTML with CSS & XHTML</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1600330045" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n\r\n<strong>Performance:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596529309?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596529309">High Performance Web Sites: Essential Knowledge for Front-End Engineers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596529309" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596522304?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596522304">Even Faster Web Sites: Performance Best Practices for Web Developers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596522304" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n', 'The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books', 0, '', 'inherit', 'open', 'open', '', '664-revision-57', '', '', '2010-04-30 10:23:03', '2010-04-30 14:23:03', '', 664, 'http://blog.reybango.com/2010/04/30/664-revision-57/', 0, 'revision', '', 0);
INSERT INTO `wp_dyxkdh_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_category`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(733, 3, '2010-04-30 10:21:16', '2010-04-30 14:21:16', 'I''ve been meaning to do a roll-up of top JavaScript, CSS & HTML development tools that I use or have been recommended to me and after having lunch with my bud Brian Wilpon today, I realized I just needed to do it. He asked me what some of the newer tools are and I think this is the best way to help him (and the community in general). It''s definitely not an all-inclusive list so if you see some that you feel I should add or remove, let me know in the comments.\r\n\r\nHere they are by category:\r\n\r\n<strong>Debugging Tools That Make Life MUCH Easier:</strong>\r\n\r\nEffectively debugging JavaScript applications is a royal pain in the derriere and to compile that, the available tools just don''t stand up to those used by managed code developers. Luckily, we do have a decent set of tools that lessens the pain substantially. Firebug is definitely a must have since it incorporates so much DOM & XHR introspection as well as the Web Developer Toolbar. Both are simply awesome. I also love Charles for HTTP sniffing and it''s saved my butt when Firebug couldn''t handle it. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/library/dd565628%28VS.85%29.aspx">IE8 Developer Tools</a> - Microsoft''s browser debugger tools\r\n<a href="http://getfirebug.com/">Firebug</a> - Mozilla''s browser debugger add-on \r\n<a href="http://trac.webkit.org/wiki/WebInspector">WebKit Web Inspector</a> - Webkit''s browser debugger tools\r\n<a href="http://www.fiddler2.com/fiddler2/">Fiddler</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://www.charlesproxy.com/">Charles</a> - HTTP Sniffer. Great for seeing Ajax requests. (my personal fav)\r\n<a href="http://kevinlangdon.com/serviceCapture/">Service Capture</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://ajax.dynatrace.com/pages/">dynaTrace Ajax</a> - HTTP performance analyzer\r\n<a href="http://chrispederick.com/work/web-developer/">Web Developer’s Toolbar</a> - All purpose Firefox toolbar to inspect everything on a page\r\n<a href="http://developer.yahoo.com/yslow/">YSlow</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://code.google.com/speed/page-speed/">PageSpeed</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://www.debugbar.com/">DebugBar</a> - An IE plugin that brings advanced debugging features to IE including JS, DOM & HTTP inspection\r\n\r\n<strong>CSS Editors:</strong>\r\n\r\nI prefer to write my CSS code by hand. Call me old-school but many swear by the following CSS editors. CSSEdit by MacRabbit (Mac only) is especially loved by many designers.\r\n\r\n<a href="http://www.topstyle4.com/">TopStyle</a>\r\n<a href="http://www.blumentals.net/rapidcss/">Rapid CSS</a>\r\n<a href="http://www.culturedcode.com/xyle/">Xyle</a>\r\n<a href="http://www.skybound.ca/">Stylizer</a>\r\n<a href="http://www.macrabbit.com/cssedit/">CSSEdit</a>\r\n\r\n<strong>CSS Frameworks:</strong>\r\n\r\nThese frameworks have really taken off. Like their JavaScript brethren, they help to abstract much of the complexity of building consistent layouts in cross-browser fashion. They''re definitely something I need to look into more and from what I''ve read, 960 GS & Blueprint are the ones people are looking at.\r\n\r\n<a href="http://960.gs">960 Grid System</a>\r\n<a href="http://blueprintcss.org/">Blueprint CSS Framework</a>\r\n<a href="http://www.yaml.de/en/">YAML</a>\r\n<a href="http://developer.yahoo.com/yui/grids/">Yahoo YUI Grids CSS</a>\r\n<a href="http://devkick.com/lab/tripoli/">Tripoli</a>\r\n\r\n<strong>CSS Resets:</strong>\r\n\r\nWant to minimize browser inconsistencies? Then use a CSS reset stylesheet to specify baseline CSS styles that make browser presentation defaults more consistent. \r\n\r\n<a href="http://meyerweb.com/eric/tools/css/reset/">Meyer Reset by Eric Meyer</a>\r\n<a href="http://developer.yahoo.com/yui/reset/">YUI2: Reset CSS</a>\r\n<a href="http://www.iecss.com/">IECSS</a>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n\r\nI definitely recommend everyone to learn JavaScript as you''ll need it to be a really effective client-side developer. With that said, a good JS library will go a long way to making your development faster and much more stable. These libraries are all very mature and dramatically help to abstract the complexities of cross-browser development. My personal favorite is <a href="http://jquery.com/">jQuery</a>, of which I''m a member of the project team.\r\n\r\n<a href="http://jquery.com/">jQuery</a>\r\n<a href="http://jqueryui.com">jQuery UI</a>\r\n<a href="http://prototypejs.org/">Prototype</a>\r\n<a href="http://mootools.net/">MooTools</a>\r\n<a href="http://dojotoolkit.org/">Dojo</a>\r\n<a href="http://developer.yahoo.com/yui/">YUI</a>\r\n<a href="http://javascriptmvc.com/">JavaScriptMVC</a>\r\n<a href="http://qooxdoo.org/">qooxdoo</a>\r\n<a href="http://extjs.com">Ext JS</a>\r\n<a href="http://labs.adobe.com/technologies/spry/">Adobe Spry</a>\r\n<a href="http://raphaeljs.com/">Raphael.js</a> - simplifies working with vector graphics on the web\r\n<a href="http://labjs.com/">LabJS Dynamic Script Loader</a> - Allows execution and load management of JavaScript files\r\n<a href="http://brianleroux.github.com/lawnchair/">Lawnchair</a> - A lightweight client-side JSON document store\r\n<a href="http://www.thomasfrank.se/sessionvars.html">Sessvars.js</a> - Client-side session data management solution\r\n<a href="http://codebetter.com/blogs/matthew.podwysocki/archive/2010/02/16/introduction-to-the-reactive-extensions-to-javascript.aspx">Reactive Extensions For JS</a>\r\n<a href="http://beebole.com/pure">PURE JS Templating Lib</a>\r\n\r\n\r\n<strong>JavaScript Minifiers</strong>\r\n\r\nEvery byte counts when you''re sending files via HTTP and best practices dictate that on a production, you need to optimize all of your files to minimize page load times. Compressing JavaScript code is one of the easiest ways to do that and these tools will help. On the jQuery project, we''ve started using Google''s Closure compiler because it''s generated the best compression. Try all of them out to see which suits you best.\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://code.google.com/closure/compiler/">Closure compiler</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n\r\n<strong>JavaScript Shells</strong>\r\n\r\nThere are times when you just want to test a snippet of code without actually going through the trouble of creating a full page. That''s where JavaScript shells shine. JSFiddle and JSBin both rock because apart from supporting plain ole JS, they also allow you to include a host of libraries including jQuery, MooTools, & Dojo. \r\n\r\n<a href="http://jsfiddle.net/">jsfiddle.net</a> \r\n<a href="http://jsbin.com/">JSBin</a>\r\n<a href="http://mootools.net/shell/">mootools.net/shell</a> <em>(MooTools-specific)</em>\r\n\r\n<strong>Color Management:</strong>\r\n\r\nAs a programmer, I''m insanely color scheme challenged. I''m inclined to mix yellow with mauve causing a concerted moan to occur across the design community. Luckily, these tools help you choose web safe color schemes that are not only consistent but won''t burn the eyeballs off your site visitors. :)\r\n\r\n<a href="http://www.colourlovers.com/">Colourlovers</a>\r\n<a href="http://kuler.adobe.com/">Kuler</a>\r\n\r\n<strong>Editors and IDEs:</strong>\r\n\r\nI work at Microsoft so you would expect me to be a Visual Studio whiz. Not so. Only recently starting at MS, I''ve only dipped my toe in the VS waters. What I''ve seen though has impressed me but I still have a long way to go before I understand it. If you''re on a Mac, though, I do highly recommend both TextMate and Coda. Both are truly awesome. I''ve used Coda a little more because I liked the UI of it a little better than TextMate''s but TM''s bundle system and ecosystem is amazing. You can get code-complete for just about anything via bundles. For Windows, Notepad++ has been just awesome. I wish it had built-in FTP support like UltraEdit. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/vstudio/default.aspx">Visual Studio</a>\r\n<a href="http://www.microsoft.com/expression/">Expression</a>\r\n<a href="http://macromates.com/">TextMate</a>\r\n<a href="http://panic.com/coda/">Coda</a>\r\n<a href="http://www.ultraedit.com/">UltraEdit</a>\r\n<a href="http://www.activestate.com/komodo/">Komodo IDE</a>\r\n<a href="http://notepad-plus.sourceforge.net/uk/site.htm">Notepad++</a>\r\n<a href="http://notepad2.com/">Notepad2</a>\r\n<a href="http://www.barebones.com/products/bbedit/">BBEdit</a>\r\n<a href="http://www.aptana.org/">Aptana</a>\r\n<a href="http://macrabbit.com/espresso/">Espresso</a>\r\n<a href="http://www.sublimetext.com/">Sublime Text</a>\r\n<a href="http://www.jetbrains.com/webstorm/index.html">WebStorm</a>\r\n<a href="http://www.vim.org/">VIM</a>\r\n<a href="http://www.eclipse.org/">Eclipse</a>\r\n\r\n<strong>Wireframing:</strong>\r\n\r\nI know some of you are cowboys (or cowgirls) and you just want to start hacking. Well, for the truly impatient, these tools at least let you wireframe your pages quickly and easily. I''ve used Balsamiq and FlairBuilder and both rock. It seems that FlairBuilder is really cranking it up with some nice features. Both are Adobe AIR apps which means they''re cross-platform.\r\n\r\n<a href="http://www.omnigroup.com/">Omnigraffle</a>\r\n<a href="http://www.balsamiq.com/">Balsamiq</a>\r\n<a href="http://www.flairbuilder.com/">FlairBuilder</a>\r\n<a href="http://office.microsoft.com/en-us/visio/default.aspx">Visio</a>\r\n<a href="http://www.axure.com/">Axure</a>\r\n\r\n<strong>Browser Testing:</strong>\r\n\r\nI''ve been fortunate to have multiple OS versions over the years. My wife would definitely prefer for me to have a couple of less PCs sitting around but it''s let me test out my web apps on a variety of platforms, browsers and OSes. Shoot, I even have a version of IE6! For those with less hardware, these services should definitely help. Note that services like BrowserCam & Gomez are subscription-based but worth the cash if you can afford it.\r\n\r\n<a href="http://www.browsercam.com/Default2.aspx">BrowserCam</a>\r\n<a href="https://browserlab.adobe.com/index.html">Adobe BrowserLab</a>\r\n<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en">Microsoft Expression Web SuperPreview for IE</a>\r\n<a href="http://www.gomez.com/products-solutions/products/cross-browser-testing/">Gomez</a>\r\n<a href="http://tredosoft.com/Multiple_IE">TredoSoft MultipleIE</a>\r\n<a href="http://crossbrowsertesting.com/">CrossBrowserTesting</a>\r\n<a href="http://michelf.com/projects/multi-safari/">Multi-Safari</a>\r\n<a href="http://www.browserscope.org/">Browserscope</a>\r\n<a href="http://stevesouders.com/cuzillion/help.php">Cuzillion</a>\r\n<a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a>\r\n\r\n<strong>Testing (based on the <a href="http://ejohn.org/blog/which-unit-testing-framework/">list by John Resig</a>):</strong>\r\n\r\nThis was a list I snagged from John Resig. Obviously, he''s done a boatload of testing so I know this list rocks. JSLint is the old mainstay created by Douglas Crockford but other have really become increasingly essential to good testing. jQuery developers should definitely be looking at QUnit & jQuery-Lint. The most complete tool is Selenium but it does have a bit of a learning curve. If you''re into determining JS performance, checkout SunSpider, Dromaeo, Google''s V8 Benchmark and JSLitmus. These measure the performance of the JS engine, not your apps.\r\n\r\n<a href="http://jslint.com/">JSLint</a>\r\n<a href="http://github.com/jamespadolsey/jQuery-Lint">jQuery Lint</a>\r\n<a href="http://www.jsunit.net/">JSUnit</a>\r\n<a href="http://seleniumhq.org/projects/core/">Selenium Core</a>\r\n<a href="http://jania.pe.kr/aw/moin.cgi/JSSpec">JSSpec (MooTools)</a>\r\n<a href="http://github.com/tobie/unittest_js/tree/master">UnitTestJS (Prototype)</a>\r\n<a href="http://docs.jquery.com/QUnit">QUnit (jQuery)</a>\r\n<a href="http://docs.dojocampus.org/quickstart/doh">DOH Unit Testing (Dojo)</a>\r\n<a href="http://developer.yahoo.com/yui/yuitest/">YUITest 2</a>\r\n<a href="http://developer.yahoo.com/yui/3/test/">YUITest 3</a>\r\n<a href="https://developer.mozilla.org/En/Mochitest">Mochitest</a>\r\n<a href="http://github.com/nkallen/screw-unit/tree/master">ScrewUnit</a>\r\n<a href="http://jsunittest.com/">JsUnitTest</a>\r\n<a href="http://jsunity.com/">jsUnity</a> \r\n<a href="http://code.google.com/p/js-test-driver/">JsTestDriver</a>\r\n<a href="http://www.thefrontside.net/crosscheck">Crosscheck</a>\r\n<a href="http://groups.google.com/group/envjs">Env.js</a> \r\n<a href="http://fireunit.org/">FireUnit</a>\r\n<a href="http://validator.w3.org/">W3C Markup Validation Service</a>\r\n<a href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a>\r\n<a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider.html">SunSpider</a>\r\n<a href="http://code.google.com/apis/v8/run.html">V8 Benchmark</a>\r\n<a href="http://v2.dromaeo.com/">Dromaeo</a>\r\n<a href="http://broofa.com/Tools/JSLitmus/">JSLitmus</a>\r\n<a href="http://users.skynet.be/mgueury/mozilla/">HTML Validator Firefox Add-on</a>\r\n\r\n<strong>Documentation:</strong>\r\n\r\n<a href="http://developer.yahoo.com/yui/">Yahoo UI Docs</a>\r\n<a href="http://www.programmableweb.com/">APIs</a> - Most comprehensive list of APIs on the web\r\n<a href="http://api.jquery.com/">jQuery Docs</a>\r\n<a href="http://jqueryui.com/demos/">jQuery UI Docs</a>\r\n<a href="http://mootools.net/docs/core">MooTools Docs</a>\r\n<a href="http://api.prototypejs.org/">Prototype Docs</a>\r\n<a href="http://dojotoolkit.org/documentation/">Dojo Docs</a>\r\n<a href="http://json.org/">JSON Reference</a>\r\n<a href="http://en.wikipedia.org/wiki/JSON#JSONP">JSONP</a>\r\n\r\n<h2>Server-Side JavaScript</h2>\r\n\r\n<a href="http://www.mozilla.org/rhino/">Rhino</a>\r\n<a href="http://nodejs.org/">Node.js</a>\r\n<a href="http://narwhaljs.org/">Narwhal.js</a>\r\n<a href="http://commonjs.org/">CommonJS Standards Project</a>\r\n<a href="http://o.sitepen.com/labs/persevere.php">Persevere</a>\r\n<a href="http://en.wikipedia.org/wiki/Comet_%28programming%29">Comet</a>\r\n\r\n<h2>Books</h2>\r\n\r\nThe books below are really a great selection. I have many in my own library and every so often re-read them I''m currently reading <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a> by Nicholas Zakas. Another great book is Stoyan Stefanov''s <a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a>. I also highly recommend Steve Souders performance book at the bottom of the list. They''re basically the definitive sources for optimizing your web apps.\r\n\r\n<strong>JavaScript/DOM:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596101996?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596101996">JavaScript: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596101996" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596517742?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596517742">JavaScript: The Good Parts</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596517742" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047022780X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047022780X">Professional JavaScript for Web Developers (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047022780X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590595335?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590595335">DOM Scripting: Web Design with JavaScript and the Document Object Model</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590595335" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590598563?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598563">AdvancED DOM Scripting: Dynamic Web Design Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598563" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590596803?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590596803">Beginning JavaScript with DOM Scripting and Ajax: From Novice to Professional (Beginning: from Novice to Professional)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590596803" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194141" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597273?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597273">Pro JavaScript Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597273" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/193398869X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=193398869X">Secrets of the JavaScript Ninja</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=193398869X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321491939?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321491939">Ajax Security</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321491939" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321423305?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321423305">ppk on JavaScript, 1/e</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321423305" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597648?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597648">Accelerated DOM Scripting with Ajax, APIs, and Libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597648" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript (Build Faster Web Application Interfaces)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n</ul>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596159773?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596159773">jQuery Cookbook: Solutions & Examples for jQuery Developers (Animal Guide)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596159773" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847196705?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847196705">Learning jQuery 1.3</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847196705" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1935182323?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182323">jQuery in Action, Second Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182323" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847199720?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847199720">jQuery UI 1.7: The User Interface Library for jQuery</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847199720" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356115?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356115">Mastering Dojo: JavaScript and Ajax Tools for Great Web Experiences (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356115" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430210664?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430210664">Practical Dojo Projects (Practical Projects)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430210664" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0470452021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0470452021">Concise Guide to Dojo (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0470452021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0596516487?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596516487">Dojo: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596516487" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321605128?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321605128">The Dojo Toolkit: Visual QuickStart Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321605128" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430225211?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430225211">Getting StartED with Dojo</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430225211" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847194583?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194583">MooTools 1.2 Beginner''s Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194583" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430209836?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430209836">MooTools Essentials: The Official MooTools Reference for JavaScript™ and Ajax Development (Firstpress)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430209836" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1590599195?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590599195">Practical Prototype and script.aculo.us (Expert''s Voice in Web Development)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590599195" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356018?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356018">Prototype and script.aculo.us: You Never Knew JavaScript Could Do This! (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356018" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1933988037?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1933988037">Prototype and Scriptaculous in Action [Ajax]</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1933988037" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847192327?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847192327">Learning the Yahoo! User Interface library: Develop your next generation web applications with the YUI JavaScript development library.</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847192327" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847195148?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847195148">Learning Ext JS</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847195148" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847198708?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847198708">Ext JS 3.0 Cookbook</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847198708" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1935182110?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182110">Ext JS in Action</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182110" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047038459X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047038459X">Professional JavaScript Frameworks: Prototype,YUI, ExtJS, Dojo and MooTools (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047038459X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n</ul>\r\n\r\n\r\n\r\n<strong>HTML & CSS:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/1590598040?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598040">Pro CSS and HTML Design Patterns</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598040" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1430219203?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430219203">Web Standards Solutions: The Markup and Style Handbook, Special Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430219203" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321509021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321509021">Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS (2nd Edition)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321509021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.sitepoint.com/books/cssdesign1/?SID=82b54f50488243b44b6b9c7acb10731a">The Art & Science Of CSS</a>\r\n<a href="http://www.sitepoint.com/books/css2/?SID=82b54f50488243b44b6b9c7acb10731a">HTML Utopia: Designing Without Tables Using CSS</a></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0980455278?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0980455278">Build Your Own Website The Right Way Using HTML & CSS, 2nd Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0980455278" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1600330045?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1600330045">Head First HTML with CSS & XHTML</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1600330045" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n\r\n<strong>Performance:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596529309?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596529309">High Performance Web Sites: Essential Knowledge for Front-End Engineers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596529309" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596522304?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596522304">Even Faster Web Sites: Performance Best Practices for Web Developers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596522304" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n', 'The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books', 0, '', 'inherit', 'open', 'open', '', '664-revision-56', '', '', '2010-04-30 10:21:16', '2010-04-30 14:21:16', '', 664, 'http://blog.reybango.com/2010/04/30/664-revision-56/', 0, 'revision', '', 0),
(735, 3, '2010-04-30 14:56:42', '2010-04-30 18:56:42', 'Last Friday I got a chance to visit the <a href="http://yahoo.com">Yahoo!</a> campus and meet with the <a href="http://developer.yahoo.com/yui/">YUI</a> team. I have to say I felt pretty special because these guys usually work remotely on Friday''s and they took the time to come into the office to chat with me. I really appreciated that and I''m glad that this video will help put a face to the name of these JavaScript ninjas. A very special thanks to <a href="http://twitter.com/miraglia">Eric Miraglia</a> and <a href="http://twitter.com/goonieiam">Gonzalo Cordero</a> for setting this up.\r\n\r\n<em><strong>** NOTE: If for any reason you can''t see the video via the embedded player, just click the link below it to jump over to Vimeo.</strong></em>\r\n\r\n<object width="640" height="360"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=11359775&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=11359775&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="640" height="360"></embed></object><p><a href="http://vimeo.com/11359775">Interview with the YUI Team</a> from <a href="http://vimeo.com/user290683">Rey Bango</a> on <a href="http://vimeo.com">Vimeo</a>.</p><p>The YUI team spent some time with me to chat about the good stuff happening with YUI</p>\r\n', 'Video Interview with the Yahoo UI JavaScript Library Team', 0, '', 'publish', 'open', 'open', '', 'video-interview-with-the-yahoo-ui-javascript-library-team', '', '', '2010-04-30 14:56:42', '2010-04-30 18:56:42', '', 0, 'http://blog.reybango.com/?p=735', 0, 'post', '', 0),
(736, 3, '2010-04-30 14:53:57', '2010-04-30 18:53:57', 'Last Friday I got a chance to visit the <a href="http://yahoo.com">Yahoo!</a> campus and meet with the <a href="http://developer.yahoo.com/yui/">YUI</a> team. I have to say I felt pretty special because these guys usually work remotely on Friday''s and they took the time to come into the office to chat with me. I really appreciated that and I''m glad that this video will help put a face to the name of these JavaScript ninjas. A very special thanks to <a href="http://twitter.com/miraglia">Eric Miraglia</a> and Gonzalo Cordero for setting this up.\n\n<object width="640" height="360"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=11359775&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=11359775&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="640" height="360"></embed></object><p><a href="http://vimeo.com/11359775">Interview with the YUI Team</a> from <a href="http://vimeo.com/user290683">Rey Bango</a> on <a href="http://vimeo.com">Vimeo</a>.</p><p>The YUI team spent some time with me to chat about the good stuff happening with YUI</p>\n', 'Video Interview with the Yahoo UI Team', 0, '', 'inherit', 'open', 'open', '', '735-revision', '', '', '2010-04-30 14:53:57', '2010-04-30 18:53:57', '', 735, 'http://blog.reybango.com/2010/04/30/735-revision/', 0, 'revision', '', 0),
(737, 3, '2010-04-30 14:54:57', '2010-04-30 18:54:57', 'Last Friday I got a chance to visit the <a href="http://yahoo.com">Yahoo!</a> campus and meet with the <a href="http://developer.yahoo.com/yui/">YUI</a> team. I have to say I felt pretty special because these guys usually work remotely on Friday''s and they took the time to come into the office to chat with me. I really appreciated that and I''m glad that this video will help put a face to the name of these JavaScript ninjas. A very special thanks to <a href="http://twitter.com/miraglia">Eric Miraglia</a> and <a href="http://twitter.com/goonieiam">Gonzalo Cordero</a> for setting this up.\n\n** NOTE: If for any reason you can''t see the video via the embedded player, just click the link bel\n\n<object width="640" height="360"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=11359775&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=11359775&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="640" height="360"></embed></object><p><a href="http://vimeo.com/11359775">Interview with the YUI Team</a> from <a href="http://vimeo.com/user290683">Rey Bango</a> on <a href="http://vimeo.com">Vimeo</a>.</p><p>The YUI team spent some time with me to chat about the good stuff happening with YUI</p>\n', 'Video Interview with the Yahoo UI Team', 0, '', 'inherit', 'open', 'open', '', '735-revision-2', '', '', '2010-04-30 14:54:57', '2010-04-30 18:54:57', '', 735, 'http://blog.reybango.com/2010/04/30/735-revision-2/', 0, 'revision', '', 0),
(738, 3, '2010-04-30 14:55:20', '2010-04-30 18:55:20', 'Last Friday I got a chance to visit the <a href="http://yahoo.com">Yahoo!</a> campus and meet with the <a href="http://developer.yahoo.com/yui/">YUI</a> team. I have to say I felt pretty special because these guys usually work remotely on Friday''s and they took the time to come into the office to chat with me. I really appreciated that and I''m glad that this video will help put a face to the name of these JavaScript ninjas. A very special thanks to <a href="http://twitter.com/miraglia">Eric Miraglia</a> and <a href="http://twitter.com/goonieiam">Gonzalo Cordero</a> for setting this up.\r\n\r\n<em><strong>** NOTE: If for any reason you can''t see the video via the embedded player, just click the link below it to jump over to Vimeo.</strong></em>\r\n\r\n<object width="640" height="360"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=11359775&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=11359775&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="640" height="360"></embed></object><p><a href="http://vimeo.com/11359775">Interview with the YUI Team</a> from <a href="http://vimeo.com/user290683">Rey Bango</a> on <a href="http://vimeo.com">Vimeo</a>.</p><p>The YUI team spent some time with me to chat about the good stuff happening with YUI</p>\r\n', 'Video Interview with the Yahoo UI Team', 0, '', 'inherit', 'open', 'open', '', '735-revision-3', '', '', '2010-04-30 14:55:20', '2010-04-30 18:55:20', '', 735, 'http://blog.reybango.com/2010/04/30/735-revision-3/', 0, 'revision', '', 0),
(739, 3, '2010-04-30 14:55:42', '2010-04-30 18:55:42', 'Last Friday I got a chance to visit the <a href="http://yahoo.com">Yahoo!</a> campus and meet with the <a href="http://developer.yahoo.com/yui/">YUI</a> team. I have to say I felt pretty special because these guys usually work remotely on Friday''s and they took the time to come into the office to chat with me. I really appreciated that and I''m glad that this video will help put a face to the name of these JavaScript ninjas. A very special thanks to <a href="http://twitter.com/miraglia">Eric Miraglia</a> and <a href="http://twitter.com/goonieiam">Gonzalo Cordero</a> for setting this up.\r\n\r\n<em><strong>** NOTE: If for any reason you can''t see the video via the embedded player, just click the link below it to jump over to Vimeo.</strong></em>\r\n\r\n<object width="640" height="360"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=11359775&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=11359775&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="640" height="360"></embed></object><p><a href="http://vimeo.com/11359775">Interview with the YUI Team</a> from <a href="http://vimeo.com/user290683">Rey Bango</a> on <a href="http://vimeo.com">Vimeo</a>.</p><p>The YUI team spent some time with me to chat about the good stuff happening with YUI</p>\r\n', 'Video Interview with the Yahoo UI Team', 0, '', 'inherit', 'open', 'open', '', '735-revision-4', '', '', '2010-04-30 14:55:42', '2010-04-30 18:55:42', '', 735, 'http://blog.reybango.com/2010/04/30/735-revision-4/', 0, 'revision', '', 0),
(740, 3, '2010-04-30 14:55:58', '2010-04-30 18:55:58', 'Last Friday I got a chance to visit the <a href="http://yahoo.com">Yahoo!</a> campus and meet with the <a href="http://developer.yahoo.com/yui/">YUI</a> team. I have to say I felt pretty special because these guys usually work remotely on Friday''s and they took the time to come into the office to chat with me. I really appreciated that and I''m glad that this video will help put a face to the name of these JavaScript ninjas. A very special thanks to <a href="http://twitter.com/miraglia">Eric Miraglia</a> and <a href="http://twitter.com/goonieiam">Gonzalo Cordero</a> for setting this up.\r\n\r\n<em><strong>** NOTE: If for any reason you can''t see the video via the embedded player, just click the link below it to jump over to Vimeo.</strong></em>\r\n\r\n<object width="640" height="360"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=11359775&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=11359775&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="640" height="360"></embed></object><p><a href="http://vimeo.com/11359775">Interview with the YUI Team</a> from <a href="http://vimeo.com/user290683">Rey Bango</a> on <a href="http://vimeo.com">Vimeo</a>.</p><p>The YUI team spent some time with me to chat about the good stuff happening with YUI</p>\r\n', 'Video Interview with the Yahoo UI JavaScript Library Team', 0, '', 'inherit', 'open', 'open', '', '735-revision-5', '', '', '2010-04-30 14:55:58', '2010-04-30 18:55:58', '', 735, 'http://blog.reybango.com/2010/04/30/735-revision-5/', 0, 'revision', '', 0),
(741, 3, '2010-04-30 14:56:04', '2010-04-30 18:56:04', 'Last Friday I got a chance to visit the <a href="http://yahoo.com">Yahoo!</a> campus and meet with the <a href="http://developer.yahoo.com/yui/">YUI</a> team. I have to say I felt pretty special because these guys usually work remotely on Friday''s and they took the time to come into the office to chat with me. I really appreciated that and I''m glad that this video will help put a face to the name of these JavaScript ninjas. A very special thanks to <a href="http://twitter.com/miraglia">Eric Miraglia</a> and <a href="http://twitter.com/goonieiam">Gonzalo Cordero</a> for setting this up.\r\n\r\n<em><strong>** NOTE: If for any reason you can''t see the video via the embedded player, just click the link below it to jump over to Vimeo.</strong></em>\r\n\r\n<object width="640" height="360"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=11359775&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=11359775&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="640" height="360"></embed></object><p><a href="http://vimeo.com/11359775">Interview with the YUI Team</a> from <a href="http://vimeo.com/user290683">Rey Bango</a> on <a href="http://vimeo.com">Vimeo</a>.</p><p>The YUI team spent some time with me to chat about the good stuff happening with YUI</p>\r\n', 'Video Interview with the Yahoo UI JavaScript Library Team', 0, '', 'inherit', 'open', 'open', '', '735-revision-6', '', '', '2010-04-30 14:56:04', '2010-04-30 18:56:04', '', 735, 'http://blog.reybango.com/2010/04/30/735-revision-6/', 0, 'revision', '', 0),
(742, 3, '2010-04-30 14:56:28', '2010-04-30 18:56:28', 'Last Friday I got a chance to visit the <a href="http://yahoo.com">Yahoo!</a> campus and meet with the <a href="http://developer.yahoo.com/yui/">YUI</a> team. I have to say I felt pretty special because these guys usually work remotely on Friday''s and they took the time to come into the office to chat with me. I really appreciated that and I''m glad that this video will help put a face to the name of these JavaScript ninjas. A very special thanks to <a href="http://twitter.com/miraglia">Eric Miraglia</a> and <a href="http://twitter.com/goonieiam">Gonzalo Cordero</a> for setting this up.\r\n\r\n<em><strong>** NOTE: If for any reason you can''t see the video via the embedded player, just click the link below it to jump over to Vimeo.</strong></em>\r\n\r\n<object width="640" height="360"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=11359775&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=11359775&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="640" height="360"></embed></object><p><a href="http://vimeo.com/11359775">Interview with the YUI Team</a> from <a href="http://vimeo.com/user290683">Rey Bango</a> on <a href="http://vimeo.com">Vimeo</a>.</p><p>The YUI team spent some time with me to chat about the good stuff happening with YUI</p>\r\n', 'Video Interview with the Yahoo UI JavaScript Library Team', 0, '', 'inherit', 'open', 'open', '', '735-revision-7', '', '', '2010-04-30 14:56:28', '2010-04-30 18:56:28', '', 735, 'http://blog.reybango.com/2010/04/30/735-revision-7/', 0, 'revision', '', 0),
(848, 3, '2010-06-16 11:27:57', '2010-06-16 15:27:57', 'With all of the performance advances in JavaScript engines in modern browsers, it''s easy to forget that we still need to do some legwork ourselves. \n\nI used to use the but based on John Resig''s findings, I''ve switched to using Google''s <a href="http://code.google.com/closure/compiler/">Closure Compiler</a> which seems to get better compression.\n\nIt''s incredibly easy to compress files and I''m going to outline the steps. The first thing you need to do is download Java. Since the Closure Compiler comes in the form of a .jar binary file, you''ll need Java to run it. Also, I''d recommended ensuring that you make Java available via your OS path so that you don''t need some long, convoluted command line statement to get to it.\n\nNext, <a href="http://code.google.com/closure/compiler/">download the Closure Compiler .jar file</a> and drop it into a convenient place that''s easily accessible.\n\nFor this demo, I''m going to use the <a href="http://code.jquery.com/jquery-1.4.2.js">uncompressed version of jQuery</a> since it''s sizeable and will be a good sample to use to demonstrate the results. Uncompressed, that file comes in at 161kb.\n\n\n\n', 'Shrinking Your JavaScript Files for Improved Performance', 0, '', 'inherit', 'open', 'open', '', '847-revision', '', '', '2010-06-16 11:27:57', '2010-06-16 15:27:57', '', 847, 'http://blog.reybango.com/2010/06/16/847-revision/', 0, 'revision', '', 0);
INSERT INTO `wp_dyxkdh_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_category`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(746, 3, '2010-04-30 10:28:13', '2010-04-30 14:28:13', 'I''ve been meaning to do a roll-up of top JavaScript, CSS & HTML development tools that I use or have been recommended to me and after having lunch with my bud Brian Wilpon today, I realized I just needed to do it. He asked me what some of the newer tools are and I think this is the best way to help him (and the community in general). It''s definitely not an all-inclusive list so if you see some that you feel I should add or remove, let me know in the comments.\r\n\r\nHere they are by category:\r\n\r\n<strong>Debugging Tools That Make Life MUCH Easier:</strong>\r\n\r\nEffectively debugging JavaScript applications is a royal pain in the derriere and to compile that, the available tools just don''t stand up to those used by managed code developers. Luckily, we do have a decent set of tools that lessens the pain substantially. Firebug is definitely a must have since it incorporates so much DOM & XHR introspection as well as the Web Developer Toolbar. Both are simply awesome. I also love Charles for HTTP sniffing and it''s saved my butt when Firebug couldn''t handle it. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/library/dd565628%28VS.85%29.aspx">IE8 Developer Tools</a> - Microsoft''s browser debugger tools\r\n<a href="http://getfirebug.com/">Firebug</a> - Mozilla''s browser debugger add-on \r\n<a href="http://trac.webkit.org/wiki/WebInspector">WebKit Web Inspector</a> - Webkit''s browser debugger tools\r\n<a href="http://www.fiddler2.com/fiddler2/">Fiddler</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://www.charlesproxy.com/">Charles</a> - HTTP Sniffer. Great for seeing Ajax requests. (my personal fav)\r\n<a href="http://kevinlangdon.com/serviceCapture/">Service Capture</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://ajax.dynatrace.com/pages/">dynaTrace Ajax</a> - HTTP performance analyzer\r\n<a href="http://chrispederick.com/work/web-developer/">Web Developer’s Toolbar</a> - All purpose Firefox toolbar to inspect everything on a page\r\n<a href="http://developer.yahoo.com/yslow/">YSlow</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://code.google.com/speed/page-speed/">PageSpeed</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://www.debugbar.com/">DebugBar</a> - An IE plugin that brings advanced debugging features to IE including JS, DOM & HTTP inspection\r\n\r\n<strong>CSS Editors:</strong>\r\n\r\nI prefer to write my CSS code by hand. Call me old-school but many swear by the following CSS editors. CSSEdit by MacRabbit (Mac only) is especially loved by many designers.\r\n\r\n<a href="http://www.topstyle4.com/">TopStyle</a>\r\n<a href="http://www.blumentals.net/rapidcss/">Rapid CSS</a>\r\n<a href="http://www.culturedcode.com/xyle/">Xyle</a>\r\n<a href="http://www.skybound.ca/">Stylizer</a>\r\n<a href="http://www.macrabbit.com/cssedit/">CSSEdit</a>\r\n\r\n<strong>CSS Frameworks:</strong>\r\n\r\nThese frameworks have really taken off. Like their JavaScript brethren, they help to abstract much of the complexity of building consistent layouts in cross-browser fashion. They''re definitely something I need to look into more and from what I''ve read, 960 GS & Blueprint are the ones people are looking at.\r\n\r\n<a href="http://960.gs">960 Grid System</a>\r\n<a href="http://blueprintcss.org/">Blueprint CSS Framework</a>\r\n<a href="http://www.yaml.de/en/">YAML</a>\r\n<a href="http://developer.yahoo.com/yui/grids/">Yahoo YUI Grids CSS</a>\r\n<a href="http://devkick.com/lab/tripoli/">Tripoli</a>\r\n<a href="http://net.tutsplus.com/tutorials/html-css-techniques/object-oriented-css-what-how-and-why/">Object-Oriented CSS</a>\r\n\r\n<strong>CSS Resets:</strong>\r\n\r\nWant to minimize browser inconsistencies? Then use a CSS reset stylesheet to specify baseline CSS styles that make browser presentation defaults more consistent. \r\n\r\n<a href="http://meyerweb.com/eric/tools/css/reset/">Meyer Reset by Eric Meyer</a>\r\n<a href="http://developer.yahoo.com/yui/reset/">YUI2: Reset CSS</a>\r\n<a href="http://www.iecss.com/">IECSS</a>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n\r\nI definitely recommend everyone to learn JavaScript as you''ll need it to be a really effective client-side developer. With that said, a good JS library will go a long way to making your development faster and much more stable. These libraries are all very mature and dramatically help to abstract the complexities of cross-browser development. My personal favorite is <a href="http://jquery.com/">jQuery</a>, of which I''m a member of the project team.\r\n\r\n<a href="http://jquery.com/">jQuery</a>\r\n<a href="http://jqueryui.com">jQuery UI</a>\r\n<a href="http://prototypejs.org/">Prototype</a>\r\n<a href="http://mootools.net/">MooTools</a>\r\n<a href="http://dojotoolkit.org/">Dojo</a>\r\n<a href="http://developer.yahoo.com/yui/">YUI</a>\r\n<a href="http://javascriptmvc.com/">JavaScriptMVC</a>\r\n<a href="http://qooxdoo.org/">qooxdoo</a>\r\n<a href="http://extjs.com">Ext JS</a>\r\n<a href="http://labs.adobe.com/technologies/spry/">Adobe Spry</a>\r\n<a href="http://raphaeljs.com/">Raphael.js</a> - simplifies working with vector graphics on the web\r\n<a href="http://labjs.com/">LabJS Dynamic Script Loader</a> - Allows execution and load management of JavaScript files\r\n<a href="http://brianleroux.github.com/lawnchair/">Lawnchair</a> - A lightweight client-side JSON document store\r\n<a href="http://www.thomasfrank.se/sessionvars.html">Sessvars.js</a> - Client-side session data management solution\r\n<a href="http://codebetter.com/blogs/matthew.podwysocki/archive/2010/02/16/introduction-to-the-reactive-extensions-to-javascript.aspx">Reactive Extensions For JS</a>\r\n<a href="http://beebole.com/pure">PURE JS Templating Lib</a>\r\n<a href="http://documentcloud.github.com/underscore/">Underscore.js</a> - Utility lib for jQuery that provides a ton of extended functionality\r\n\r\n<strong>JavaScript Minifiers</strong>\r\n\r\nEvery byte counts when you''re sending files via HTTP and best practices dictate that on a production, you need to optimize all of your files to minimize page load times. Compressing JavaScript code is one of the easiest ways to do that and these tools will help. On the jQuery project, we''ve started using Google''s Closure compiler because it''s generated the best compression. Try all of them out to see which suits you best.\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://code.google.com/closure/compiler/">Closure compiler</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\r\n\r\n<strong>JavaScript Shells</strong>\r\n\r\nThere are times when you just want to test a snippet of code without actually going through the trouble of creating a full page. That''s where JavaScript shells shine. JSFiddle and JSBin both rock because apart from supporting plain ole JS, they also allow you to include a host of libraries including jQuery, MooTools, & Dojo. \r\n\r\n<a href="http://jsfiddle.net/">jsfiddle.net</a> \r\n<a href="http://jsbin.com/">JSBin</a>\r\n<a href="http://mootools.net/shell/">mootools.net/shell</a> <em>(MooTools-specific)</em>\r\n\r\n<strong>Color Management:</strong>\r\n\r\nAs a programmer, I''m insanely color scheme challenged. I''m inclined to mix yellow with mauve causing a concerted moan to occur across the design community. Luckily, these tools help you choose web safe color schemes that are not only consistent but won''t burn the eyeballs off your site visitors. :)\r\n\r\n<a href="http://www.colourlovers.com/">Colourlovers</a>\r\n<a href="http://kuler.adobe.com/">Kuler</a>\r\n\r\n<strong>Editors and IDEs:</strong>\r\n\r\nI work at Microsoft so you would expect me to be a Visual Studio whiz. Not so. Only recently starting at MS, I''ve only dipped my toe in the VS waters. What I''ve seen though has impressed me but I still have a long way to go before I understand it. If you''re on a Mac, though, I do highly recommend both TextMate and Coda. Both are truly awesome. I''ve used Coda a little more because I liked the UI of it a little better than TextMate''s but TM''s bundle system and ecosystem is amazing. You can get code-complete for just about anything via bundles. For Windows, Notepad++ has been just awesome. I wish it had built-in FTP support like UltraEdit. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/vstudio/default.aspx">Visual Studio</a>\r\n<a href="http://www.microsoft.com/expression/">Expression</a>\r\n<a href="http://macromates.com/">TextMate</a>\r\n<a href="http://panic.com/coda/">Coda</a>\r\n<a href="http://www.ultraedit.com/">UltraEdit</a>\r\n<a href="http://www.activestate.com/komodo/">Komodo IDE</a>\r\n<a href="http://notepad-plus.sourceforge.net/uk/site.htm">Notepad++</a>\r\n<a href="http://notepad2.com/">Notepad2</a>\r\n<a href="http://www.barebones.com/products/bbedit/">BBEdit</a>\r\n<a href="http://www.aptana.org/">Aptana</a>\r\n<a href="http://macrabbit.com/espresso/">Espresso</a>\r\n<a href="http://www.sublimetext.com/">Sublime Text</a>\r\n<a href="http://www.jetbrains.com/webstorm/index.html">WebStorm</a>\r\n<a href="http://www.vim.org/">VIM</a>\r\n<a href="http://www.eclipse.org/">Eclipse</a>\r\n<a href="http://netbeans.org/">Netbeans</a>\r\n\r\n<strong>Wireframing:</strong>\r\n\r\nI know some of you are cowboys (or cowgirls) and you just want to start hacking. Well, for the truly impatient, these tools at least let you wireframe your pages quickly and easily. I''ve used Balsamiq and FlairBuilder and both rock. It seems that FlairBuilder is really cranking it up with some nice features. Both are Adobe AIR apps which means they''re cross-platform.\r\n\r\n<a href="http://www.omnigroup.com/">Omnigraffle</a>\r\n<a href="http://www.balsamiq.com/">Balsamiq</a>\r\n<a href="http://www.flairbuilder.com/">FlairBuilder</a>\r\n<a href="http://office.microsoft.com/en-us/visio/default.aspx">Visio</a>\r\n<a href="http://www.axure.com/">Axure</a>\r\n\r\n<strong>Browser Testing:</strong>\r\n\r\nI''ve been fortunate to have multiple OS versions over the years. My wife would definitely prefer for me to have a couple of less PCs sitting around but it''s let me test out my web apps on a variety of platforms, browsers and OSes. Shoot, I even have a version of IE6! For those with less hardware, these services should definitely help. Note that services like BrowserCam & Gomez are subscription-based but worth the cash if you can afford it.\r\n\r\n<a href="http://www.browsercam.com/Default2.aspx">BrowserCam</a>\r\n<a href="https://browserlab.adobe.com/index.html">Adobe BrowserLab</a>\r\n<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en">Microsoft Expression Web SuperPreview for IE</a>\r\n<a href="http://www.gomez.com/products-solutions/products/cross-browser-testing/">Gomez</a>\r\n<a href="http://tredosoft.com/Multiple_IE">TredoSoft MultipleIE</a>\r\n<a href="http://crossbrowsertesting.com/">CrossBrowserTesting</a>\r\n<a href="http://michelf.com/projects/multi-safari/">Multi-Safari</a>\r\n<a href="http://www.browserscope.org/">Browserscope</a>\r\n<a href="http://stevesouders.com/cuzillion/help.php">Cuzillion</a>\r\n<a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a>\r\n\r\n<strong>Testing (based on the <a href="http://ejohn.org/blog/which-unit-testing-framework/">list by John Resig</a>):</strong>\r\n\r\nThis was a list I snagged from John Resig. Obviously, he''s done a boatload of testing so I know this list rocks. JSLint is the old mainstay created by Douglas Crockford but other have really become increasingly essential to good testing. jQuery developers should definitely be looking at QUnit & jQuery-Lint. The most complete tool is Selenium but it does have a bit of a learning curve. If you''re into determining JS performance, checkout SunSpider, Dromaeo, Google''s V8 Benchmark and JSLitmus. These measure the performance of the JS engine, not your apps.\r\n\r\n<a href="http://jslint.com/">JSLint</a>\r\n<a href="http://github.com/jamespadolsey/jQuery-Lint">jQuery Lint</a>\r\n<a href="http://www.jsunit.net/">JSUnit</a>\r\n<a href="http://seleniumhq.org/projects/core/">Selenium Core</a>\r\n<a href="http://jania.pe.kr/aw/moin.cgi/JSSpec">JSSpec (MooTools)</a>\r\n<a href="http://github.com/tobie/unittest_js/tree/master">UnitTestJS (Prototype)</a>\r\n<a href="http://docs.jquery.com/QUnit">QUnit (jQuery)</a>\r\n<a href="http://docs.dojocampus.org/quickstart/doh">DOH Unit Testing (Dojo)</a>\r\n<a href="http://developer.yahoo.com/yui/yuitest/">YUITest 2</a>\r\n<a href="http://developer.yahoo.com/yui/3/test/">YUITest 3</a>\r\n<a href="https://developer.mozilla.org/En/Mochitest">Mochitest</a>\r\n<a href="http://github.com/nkallen/screw-unit/tree/master">ScrewUnit</a>\r\n<a href="http://jsunittest.com/">JsUnitTest</a>\r\n<a href="http://jsunity.com/">jsUnity</a> \r\n<a href="http://code.google.com/p/js-test-driver/">JsTestDriver</a>\r\n<a href="http://www.thefrontside.net/crosscheck">Crosscheck</a>\r\n<a href="http://groups.google.com/group/envjs">Env.js</a> \r\n<a href="http://fireunit.org/">FireUnit</a>\r\n<a href="http://validator.w3.org/">W3C Markup Validation Service</a>\r\n<a href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a>\r\n<a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider.html">SunSpider</a>\r\n<a href="http://code.google.com/apis/v8/run.html">V8 Benchmark</a>\r\n<a href="http://v2.dromaeo.com/">Dromaeo</a>\r\n<a href="http://broofa.com/Tools/JSLitmus/">JSLitmus</a>\r\n<a href="http://users.skynet.be/mgueury/mozilla/">HTML Validator Firefox Add-on</a>\r\n\r\n<strong>Documentation:</strong>\r\n\r\n<a href="http://developer.yahoo.com/yui/">Yahoo UI Docs</a>\r\n<a href="http://www.programmableweb.com/">APIs</a> - Most comprehensive list of APIs on the web\r\n<a href="http://api.jquery.com/">jQuery Docs</a>\r\n<a href="http://jqueryui.com/demos/">jQuery UI Docs</a>\r\n<a href="http://mootools.net/docs/core">MooTools Docs</a>\r\n<a href="http://api.prototypejs.org/">Prototype Docs</a>\r\n<a href="http://dojotoolkit.org/documentation/">Dojo Docs</a>\r\n<a href="http://json.org/">JSON Reference</a>\r\n<a href="http://en.wikipedia.org/wiki/JSON#JSONP">JSONP</a>\r\n\r\n<h2>Server-Side JavaScript</h2>\r\n\r\n<a href="http://www.mozilla.org/rhino/">Rhino</a>\r\n<a href="http://nodejs.org/">Node.js</a>\r\n<a href="http://narwhaljs.org/">Narwhal.js</a>\r\n<a href="http://commonjs.org/">CommonJS Standards Project</a>\r\n<a href="http://o.sitepen.com/labs/persevere.php">Persevere</a>\r\n<a href="http://en.wikipedia.org/wiki/Comet_%28programming%29">Comet</a>\r\n\r\n<h2>Books</h2>\r\n\r\nThe books below are really a great selection. I have many in my own library and every so often re-read them I''m currently reading <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a> by Nicholas Zakas. Another great book is Stoyan Stefanov''s <a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a>. I also highly recommend Steve Souders performance book at the bottom of the list. They''re basically the definitive sources for optimizing your web apps.\r\n\r\n<strong>JavaScript/DOM:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596101996?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596101996">JavaScript: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596101996" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596517742?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596517742">JavaScript: The Good Parts</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596517742" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047022780X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047022780X">Professional JavaScript for Web Developers (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047022780X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590595335?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590595335">DOM Scripting: Web Design with JavaScript and the Document Object Model</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590595335" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590598563?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598563">AdvancED DOM Scripting: Dynamic Web Design Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598563" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590596803?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590596803">Beginning JavaScript with DOM Scripting and Ajax: From Novice to Professional (Beginning: from Novice to Professional)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590596803" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194141" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597273?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597273">Pro JavaScript Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597273" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/193398869X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=193398869X">Secrets of the JavaScript Ninja</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=193398869X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321491939?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321491939">Ajax Security</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321491939" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321423305?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321423305">ppk on JavaScript, 1/e</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321423305" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597648?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597648">Accelerated DOM Scripting with Ajax, APIs, and Libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597648" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript (Build Faster Web Application Interfaces)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n</ul>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596159773?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596159773">jQuery Cookbook: Solutions & Examples for jQuery Developers (Animal Guide)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596159773" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847196705?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847196705">Learning jQuery 1.3</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847196705" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1935182323?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182323">jQuery in Action, Second Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182323" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847199720?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847199720">jQuery UI 1.7: The User Interface Library for jQuery</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847199720" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356115?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356115">Mastering Dojo: JavaScript and Ajax Tools for Great Web Experiences (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356115" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430210664?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430210664">Practical Dojo Projects (Practical Projects)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430210664" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0470452021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0470452021">Concise Guide to Dojo (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0470452021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0596516487?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596516487">Dojo: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596516487" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321605128?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321605128">The Dojo Toolkit: Visual QuickStart Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321605128" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430225211?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430225211">Getting StartED with Dojo</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430225211" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847194583?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194583">MooTools 1.2 Beginner''s Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194583" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430209836?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430209836">MooTools Essentials: The Official MooTools Reference for JavaScript™ and Ajax Development (Firstpress)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430209836" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1590599195?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590599195">Practical Prototype and script.aculo.us (Expert''s Voice in Web Development)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590599195" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356018?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356018">Prototype and script.aculo.us: You Never Knew JavaScript Could Do This! (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356018" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1933988037?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1933988037">Prototype and Scriptaculous in Action [Ajax]</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1933988037" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847192327?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847192327">Learning the Yahoo! User Interface library: Develop your next generation web applications with the YUI JavaScript development library.</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847192327" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847195148?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847195148">Learning Ext JS</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847195148" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847198708?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847198708">Ext JS 3.0 Cookbook</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847198708" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1935182110?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182110">Ext JS in Action</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182110" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047038459X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047038459X">Professional JavaScript Frameworks: Prototype,YUI, ExtJS, Dojo and MooTools (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047038459X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n</ul>\r\n\r\n\r\n\r\n<strong>HTML & CSS:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/1590598040?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598040">Pro CSS and HTML Design Patterns</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598040" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1430219203?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430219203">Web Standards Solutions: The Markup and Style Handbook, Special Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430219203" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321509021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321509021">Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS (2nd Edition)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321509021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.sitepoint.com/books/cssdesign1/?SID=82b54f50488243b44b6b9c7acb10731a">The Art & Science Of CSS</a>\r\n<a href="http://www.sitepoint.com/books/css2/?SID=82b54f50488243b44b6b9c7acb10731a">HTML Utopia: Designing Without Tables Using CSS</a></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0980455278?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0980455278">Build Your Own Website The Right Way Using HTML & CSS, 2nd Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0980455278" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1600330045?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1600330045">Head First HTML with CSS & XHTML</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1600330045" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n\r\n<strong>Performance:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596529309?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596529309">High Performance Web Sites: Essential Knowledge for Front-End Engineers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596529309" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596522304?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596522304">Even Faster Web Sites: Performance Best Practices for Web Developers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596522304" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n', 'The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books', 0, '', 'inherit', 'open', 'open', '', '664-revision-58', '', '', '2010-04-30 10:28:13', '2010-04-30 14:28:13', '', 664, 'http://blog.reybango.com/2010/04/30/664-revision-58/', 0, 'revision', '', 0);
INSERT INTO `wp_dyxkdh_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_category`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(747, 3, '2010-05-03 11:37:24', '2010-05-03 15:37:24', 'I''ve been meaning to do a roll-up of top JavaScript, CSS & HTML development tools that I use or have been recommended to me and after having lunch with my bud Brian Wilpon today, I realized I just needed to do it. He asked me what some of the newer tools are and I think this is the best way to help him (and the community in general). It''s definitely not an all-inclusive list so if you see some that you feel I should add or remove, let me know in the comments.\r\n\r\nHere they are by category:\r\n\r\n<strong>Debugging Tools That Make Life MUCH Easier:</strong>\r\n\r\nEffectively debugging JavaScript applications is a royal pain in the derriere and to compile that, the available tools just don''t stand up to those used by managed code developers. Luckily, we do have a decent set of tools that lessens the pain substantially. Firebug is definitely a must have since it incorporates so much DOM & XHR introspection as well as the Web Developer Toolbar. Both are simply awesome. I also love Charles for HTTP sniffing and it''s saved my butt when Firebug couldn''t handle it. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/library/dd565628%28VS.85%29.aspx">IE8 Developer Tools</a> - Microsoft''s browser debugger tools\r\n<a href="http://getfirebug.com/">Firebug</a> - Mozilla''s browser debugger add-on \r\n<a href="http://trac.webkit.org/wiki/WebInspector">WebKit Web Inspector</a> - Webkit''s browser debugger tools\r\n<a href="http://www.fiddler2.com/fiddler2/">Fiddler</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://www.charlesproxy.com/">Charles</a> - HTTP Sniffer. Great for seeing Ajax requests. (my personal fav)\r\n<a href="http://kevinlangdon.com/serviceCapture/">Service Capture</a> - HTTP Sniffer. Great for seeing Ajax requests.\r\n<a href="http://ajax.dynatrace.com/pages/">dynaTrace Ajax</a> - HTTP performance analyzer\r\n<a href="http://chrispederick.com/work/web-developer/">Web Developer’s Toolbar</a> - All purpose Firefox toolbar to inspect everything on a page\r\n<a href="http://developer.yahoo.com/yslow/">YSlow</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://code.google.com/speed/page-speed/">PageSpeed</a> - Analyzes page performance based on accepted industry best practices.\r\n<a href="http://www.debugbar.com/">DebugBar</a> - An IE plugin that brings advanced debugging features to IE including JS, DOM & HTTP inspection\r\n\r\n<strong>CSS Editors:</strong>\r\n\r\nI prefer to write my CSS code by hand. Call me old-school but many swear by the following CSS editors. CSSEdit by MacRabbit (Mac only) is especially loved by many designers.\r\n\r\n<a href="http://www.topstyle4.com/">TopStyle</a>\r\n<a href="http://www.blumentals.net/rapidcss/">Rapid CSS</a>\r\n<a href="http://www.culturedcode.com/xyle/">Xyle</a>\r\n<a href="http://www.skybound.ca/">Stylizer</a>\r\n<a href="http://www.macrabbit.com/cssedit/">CSSEdit</a>\r\n\r\n<strong>CSS Frameworks:</strong>\r\n\r\nThese frameworks have really taken off. Like their JavaScript brethren, they help to abstract much of the complexity of building consistent layouts in cross-browser fashion. They''re definitely something I need to look into more and from what I''ve read, 960 GS & Blueprint are the ones people are looking at.\r\n\r\n<a href="http://960.gs">960 Grid System</a>\r\n<a href="http://blueprintcss.org/">Blueprint CSS Framework</a>\r\n<a href="http://www.yaml.de/en/">YAML</a>\r\n<a href="http://developer.yahoo.com/yui/grids/">Yahoo YUI Grids CSS</a>\r\n<a href="http://devkick.com/lab/tripoli/">Tripoli</a>\r\n<a href="http://net.tutsplus.com/tutorials/html-css-techniques/object-oriented-css-what-how-and-why/">Object-Oriented CSS</a>\r\n\r\n<strong>CSS Resets:</strong>\r\n\r\nWant to minimize browser inconsistencies? Then use a CSS reset stylesheet to specify baseline CSS styles that make browser presentation defaults more consistent. \r\n\r\n<a href="http://meyerweb.com/eric/tools/css/reset/">Meyer Reset by Eric Meyer</a>\r\n<a href="http://developer.yahoo.com/yui/reset/">YUI2: Reset CSS</a>\r\n<a href="http://www.iecss.com/">IECSS</a>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n\r\nI definitely recommend everyone to learn JavaScript as you''ll need it to be a really effective client-side developer. With that said, a good JS library will go a long way to making your development faster and much more stable. These libraries are all very mature and dramatically help to abstract the complexities of cross-browser development. My personal favorite is <a href="http://jquery.com/">jQuery</a>, of which I''m a member of the project team.\r\n\r\n<a href="http://jquery.com/">jQuery</a>\r\n<a href="http://jqueryui.com">jQuery UI</a>\r\n<a href="http://prototypejs.org/">Prototype</a>\r\n<a href="http://mootools.net/">MooTools</a>\r\n<a href="http://dojotoolkit.org/">Dojo</a>\r\n<a href="http://developer.yahoo.com/yui/">YUI</a>\r\n<a href="http://javascriptmvc.com/">JavaScriptMVC</a>\r\n<a href="http://qooxdoo.org/">qooxdoo</a>\r\n<a href="http://extjs.com">Ext JS</a>\r\n<a href="http://labs.adobe.com/technologies/spry/">Adobe Spry</a>\r\n<a href="http://raphaeljs.com/">Raphael.js</a> - simplifies working with vector graphics on the web\r\n<a href="http://labjs.com/">LabJS Dynamic Script Loader</a> - Allows execution and load management of JavaScript files\r\n<a href="http://brianleroux.github.com/lawnchair/">Lawnchair</a> - A lightweight client-side JSON document store\r\n<a href="http://www.thomasfrank.se/sessionvars.html">Sessvars.js</a> - Client-side session data management solution\r\n<a href="http://codebetter.com/blogs/matthew.podwysocki/archive/2010/02/16/introduction-to-the-reactive-extensions-to-javascript.aspx">Reactive Extensions For JS</a>\r\n<a href="http://beebole.com/pure">PURE JS Templating Lib</a>\r\n<a href="http://documentcloud.github.com/underscore/">Underscore.js</a> - Utility lib for jQuery that provides a ton of extended functionality\r\n\r\n<strong>JavaScript Minifiers</strong>\r\n\r\nEvery byte counts when you''re sending files via HTTP and best practices dictate that on a production, you need to optimize all of your files to minimize page load times. Compressing JavaScript code is one of the easiest ways to do that and these tools will help. On the jQuery project, we''ve started using Google''s Closure compiler because it''s generated the best compression. Try all of them out to see which suits you best.\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://code.google.com/closure/compiler/">Closure compiler</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\r\n\r\n<strong>JavaScript Shells</strong>\r\n\r\nThere are times when you just want to test a snippet of code without actually going through the trouble of creating a full page. That''s where JavaScript shells shine. JSFiddle and JSBin both rock because apart from supporting plain ole JS, they also allow you to include a host of libraries including jQuery, MooTools, & Dojo. \r\n\r\n<a href="http://jsfiddle.net/">jsfiddle.net</a> \r\n<a href="http://jsbin.com/">JSBin</a>\r\n<a href="http://mootools.net/shell/">mootools.net/shell</a> <em>(MooTools-specific)</em>\r\n\r\n<strong>Color Management:</strong>\r\n\r\nAs a programmer, I''m insanely color scheme challenged. I''m inclined to mix yellow with mauve causing a concerted moan to occur across the design community. Luckily, these tools help you choose web safe color schemes that are not only consistent but won''t burn the eyeballs off your site visitors. :)\r\n\r\n<a href="http://www.colourlovers.com/">Colourlovers</a>\r\n<a href="http://kuler.adobe.com/">Kuler</a>\r\n\r\n<strong>Editors and IDEs:</strong>\r\n\r\nI work at Microsoft so you would expect me to be a Visual Studio whiz. Not so. Only recently starting at MS, I''ve only dipped my toe in the VS waters. What I''ve seen though has impressed me but I still have a long way to go before I understand it. If you''re on a Mac, though, I do highly recommend both TextMate and Coda. Both are truly awesome. I''ve used Coda a little more because I liked the UI of it a little better than TextMate''s but TM''s bundle system and ecosystem is amazing. You can get code-complete for just about anything via bundles. For Windows, Notepad++ has been just awesome. I wish it had built-in FTP support like UltraEdit. \r\n\r\n<a href="http://msdn.microsoft.com/en-us/vstudio/default.aspx">Visual Studio</a>\r\n<a href="http://www.microsoft.com/expression/">Expression</a>\r\n<a href="http://macromates.com/">TextMate</a>\r\n<a href="http://panic.com/coda/">Coda</a>\r\n<a href="http://www.ultraedit.com/">UltraEdit</a>\r\n<a href="http://www.activestate.com/komodo/">Komodo IDE</a>\r\n<a href="http://notepad-plus.sourceforge.net/uk/site.htm">Notepad++</a>\r\n<a href="http://notepad2.com/">Notepad2</a>\r\n<a href="http://www.barebones.com/products/bbedit/">BBEdit</a>\r\n<a href="http://www.aptana.org/">Aptana</a>\r\n<a href="http://macrabbit.com/espresso/">Espresso</a>\r\n<a href="http://www.sublimetext.com/">Sublime Text</a>\r\n<a href="http://www.jetbrains.com/webstorm/index.html">WebStorm</a>\r\n<a href="http://www.vim.org/">VIM</a>\r\n<a href="http://www.eclipse.org/">Eclipse</a>\r\n<a href="http://netbeans.org/">Netbeans</a>\r\n<a href="http://www.geany.org/">Geany</a>\r\n\r\n<strong>Wireframing:</strong>\r\n\r\nI know some of you are cowboys (or cowgirls) and you just want to start hacking. Well, for the truly impatient, these tools at least let you wireframe your pages quickly and easily. I''ve used Balsamiq and FlairBuilder and both rock. It seems that FlairBuilder is really cranking it up with some nice features. Both are Adobe AIR apps which means they''re cross-platform.\r\n\r\n<a href="http://www.omnigroup.com/">Omnigraffle</a>\r\n<a href="http://www.balsamiq.com/">Balsamiq</a>\r\n<a href="http://www.flairbuilder.com/">FlairBuilder</a>\r\n<a href="http://office.microsoft.com/en-us/visio/default.aspx">Visio</a>\r\n<a href="http://www.axure.com/">Axure</a>\r\n\r\n<strong>Browser Testing:</strong>\r\n\r\nI''ve been fortunate to have multiple OS versions over the years. My wife would definitely prefer for me to have a couple of less PCs sitting around but it''s let me test out my web apps on a variety of platforms, browsers and OSes. Shoot, I even have a version of IE6! For those with less hardware, these services should definitely help. Note that services like BrowserCam & Gomez are subscription-based but worth the cash if you can afford it.\r\n\r\n<a href="http://www.browsercam.com/Default2.aspx">BrowserCam</a>\r\n<a href="https://browserlab.adobe.com/index.html">Adobe BrowserLab</a>\r\n<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en">Microsoft Expression Web SuperPreview for IE</a>\r\n<a href="http://www.gomez.com/products-solutions/products/cross-browser-testing/">Gomez</a>\r\n<a href="http://tredosoft.com/Multiple_IE">TredoSoft MultipleIE</a>\r\n<a href="http://crossbrowsertesting.com/">CrossBrowserTesting</a>\r\n<a href="http://michelf.com/projects/multi-safari/">Multi-Safari</a>\r\n<a href="http://www.browserscope.org/">Browserscope</a>\r\n<a href="http://stevesouders.com/cuzillion/help.php">Cuzillion</a>\r\n<a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a>\r\n\r\n<strong>Testing (based on the <a href="http://ejohn.org/blog/which-unit-testing-framework/">list by John Resig</a>):</strong>\r\n\r\nThis was a list I snagged from John Resig. Obviously, he''s done a boatload of testing so I know this list rocks. JSLint is the old mainstay created by Douglas Crockford but other have really become increasingly essential to good testing. jQuery developers should definitely be looking at QUnit & jQuery-Lint. The most complete tool is Selenium but it does have a bit of a learning curve. If you''re into determining JS performance, checkout SunSpider, Dromaeo, Google''s V8 Benchmark and JSLitmus. These measure the performance of the JS engine, not your apps.\r\n\r\n<a href="http://jslint.com/">JSLint</a>\r\n<a href="http://github.com/jamespadolsey/jQuery-Lint">jQuery Lint</a>\r\n<a href="http://www.jsunit.net/">JSUnit</a>\r\n<a href="http://seleniumhq.org/projects/core/">Selenium Core</a>\r\n<a href="http://jania.pe.kr/aw/moin.cgi/JSSpec">JSSpec (MooTools)</a>\r\n<a href="http://github.com/tobie/unittest_js/tree/master">UnitTestJS (Prototype)</a>\r\n<a href="http://docs.jquery.com/QUnit">QUnit (jQuery)</a>\r\n<a href="http://docs.dojocampus.org/quickstart/doh">DOH Unit Testing (Dojo)</a>\r\n<a href="http://developer.yahoo.com/yui/yuitest/">YUITest 2</a>\r\n<a href="http://developer.yahoo.com/yui/3/test/">YUITest 3</a>\r\n<a href="https://developer.mozilla.org/En/Mochitest">Mochitest</a>\r\n<a href="http://github.com/nkallen/screw-unit/tree/master">ScrewUnit</a>\r\n<a href="http://jsunittest.com/">JsUnitTest</a>\r\n<a href="http://jsunity.com/">jsUnity</a> \r\n<a href="http://code.google.com/p/js-test-driver/">JsTestDriver</a>\r\n<a href="http://www.thefrontside.net/crosscheck">Crosscheck</a>\r\n<a href="http://groups.google.com/group/envjs">Env.js</a> \r\n<a href="http://fireunit.org/">FireUnit</a>\r\n<a href="http://validator.w3.org/">W3C Markup Validation Service</a>\r\n<a href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Service</a>\r\n<a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider.html">SunSpider</a>\r\n<a href="http://code.google.com/apis/v8/run.html">V8 Benchmark</a>\r\n<a href="http://v2.dromaeo.com/">Dromaeo</a>\r\n<a href="http://broofa.com/Tools/JSLitmus/">JSLitmus</a>\r\n<a href="http://users.skynet.be/mgueury/mozilla/">HTML Validator Firefox Add-on</a>\r\n\r\n<strong>Documentation:</strong>\r\n\r\n<a href="http://developer.yahoo.com/yui/">Yahoo UI Docs</a>\r\n<a href="http://www.programmableweb.com/">APIs</a> - Most comprehensive list of APIs on the web\r\n<a href="http://api.jquery.com/">jQuery Docs</a>\r\n<a href="http://jqueryui.com/demos/">jQuery UI Docs</a>\r\n<a href="http://mootools.net/docs/core">MooTools Docs</a>\r\n<a href="http://api.prototypejs.org/">Prototype Docs</a>\r\n<a href="http://dojotoolkit.org/documentation/">Dojo Docs</a>\r\n<a href="http://json.org/">JSON Reference</a>\r\n<a href="http://en.wikipedia.org/wiki/JSON#JSONP">JSONP</a>\r\n\r\n<h2>Server-Side JavaScript</h2>\r\n\r\n<a href="http://www.mozilla.org/rhino/">Rhino</a>\r\n<a href="http://nodejs.org/">Node.js</a>\r\n<a href="http://narwhaljs.org/">Narwhal.js</a>\r\n<a href="http://commonjs.org/">CommonJS Standards Project</a>\r\n<a href="http://o.sitepen.com/labs/persevere.php">Persevere</a>\r\n<a href="http://en.wikipedia.org/wiki/Comet_%28programming%29">Comet</a>\r\n\r\n<h2>Books</h2>\r\n\r\nThe books below are really a great selection. I have many in my own library and every so often re-read them I''m currently reading <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a> by Nicholas Zakas. Another great book is Stoyan Stefanov''s <a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a>. I also highly recommend Steve Souders performance book at the bottom of the list. They''re basically the definitive sources for optimizing your web apps.\r\n\r\n<strong>JavaScript/DOM:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596101996?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596101996">JavaScript: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596101996" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596517742?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596517742">JavaScript: The Good Parts</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596517742" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047022780X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047022780X">Professional JavaScript for Web Developers (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047022780X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590595335?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590595335">DOM Scripting: Web Design with JavaScript and the Document Object Model</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590595335" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590598563?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598563">AdvancED DOM Scripting: Dynamic Web Design Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598563" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590596803?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590596803">Beginning JavaScript with DOM Scripting and Ajax: From Novice to Professional (Beginning: from Novice to Professional)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590596803" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847194141?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194141">Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194141" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597273?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597273">Pro JavaScript Techniques</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597273" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/193398869X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=193398869X">Secrets of the JavaScript Ninja</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=193398869X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321491939?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321491939">Ajax Security</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321491939" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321423305?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321423305">ppk on JavaScript, 1/e</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321423305" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1590597648?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590597648">Accelerated DOM Scripting with Ajax, APIs, and Libraries</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590597648" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript (Build Faster Web Application Interfaces)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n</ul>\r\n\r\n<strong>JavaScript Libraries:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596159773?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596159773">jQuery Cookbook: Solutions & Examples for jQuery Developers (Animal Guide)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596159773" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1847196705?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847196705">Learning jQuery 1.3</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847196705" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1935182323?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182323">jQuery in Action, Second Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182323" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847199720?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847199720">jQuery UI 1.7: The User Interface Library for jQuery</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847199720" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356115?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356115">Mastering Dojo: JavaScript and Ajax Tools for Great Web Experiences (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356115" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430210664?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430210664">Practical Dojo Projects (Practical Projects)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430210664" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0470452021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0470452021">Concise Guide to Dojo (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0470452021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0596516487?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596516487">Dojo: The Definitive Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596516487" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/0321605128?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321605128">The Dojo Toolkit: Visual QuickStart Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321605128" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430225211?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430225211">Getting StartED with Dojo</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430225211" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847194583?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847194583">MooTools 1.2 Beginner''s Guide</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847194583" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1430209836?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430209836">MooTools Essentials: The Official MooTools Reference for JavaScript™ and Ajax Development (Firstpress)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430209836" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1590599195?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590599195">Practical Prototype and script.aculo.us (Expert''s Voice in Web Development)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590599195" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1934356018?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1934356018">Prototype and script.aculo.us: You Never Knew JavaScript Could Do This! (Pragmatic Programmers)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1934356018" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1933988037?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1933988037">Prototype and Scriptaculous in Action [Ajax]</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1933988037" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847192327?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847192327">Learning the Yahoo! User Interface library: Develop your next generation web applications with the YUI JavaScript development library.</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847192327" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847195148?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847195148">Learning Ext JS</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847195148" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1847198708?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1847198708">Ext JS 3.0 Cookbook</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1847198708" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n	<li><a href="http://www.amazon.com/gp/product/1935182110?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1935182110">Ext JS in Action</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1935182110" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n</li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/047038459X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=047038459X">Professional JavaScript Frameworks: Prototype,YUI, ExtJS, Dojo and MooTools (Wrox Programmer to Programmer)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=047038459X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n</ul>\r\n\r\n\r\n\r\n<strong>HTML & CSS:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/1590598040?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1590598040">Pro CSS and HTML Design Patterns</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1590598040" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1430219203?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1430219203">Web Standards Solutions: The Markup and Style Handbook, Special Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1430219203" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0321509021?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0321509021">Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS (2nd Edition)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0321509021" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.sitepoint.com/books/cssdesign1/?SID=82b54f50488243b44b6b9c7acb10731a">The Art & Science Of CSS</a>\r\n<a href="http://www.sitepoint.com/books/css2/?SID=82b54f50488243b44b6b9c7acb10731a">HTML Utopia: Designing Without Tables Using CSS</a></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0980455278?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0980455278">Build Your Own Website The Right Way Using HTML & CSS, 2nd Edition</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0980455278" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/1600330045?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=1600330045">Head First HTML with CSS & XHTML</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=1600330045" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n\r\n<strong>Performance:</strong>\r\n<ul>\r\n<li><a href="http://www.amazon.com/gp/product/0596529309?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596529309">High Performance Web Sites: Essential Knowledge for Front-End Engineers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596529309" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n\r\n<li><a href="http://www.amazon.com/gp/product/0596522304?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596522304">Even Faster Web Sites: Performance Best Practices for Web Developers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596522304" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></li>\r\n</ul>\r\n', 'The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books', 0, '', 'inherit', 'open', 'open', '', '664-revision-59', '', '', '2010-05-03 11:37:24', '2010-05-03 15:37:24', '', 664, 'http://blog.reybango.com/2010/05/03/664-revision-59/', 0, 'revision', '', 0),
(748, 3, '2010-05-05 09:47:33', '2010-05-05 13:47:33', 'During the <a href="http://events.jquery.org/2010/sf-bay-area/">jQuery conference in Mountain View</a>, I got a chance to video interview a number of people. First up are Steve Souders, Google''s Performance Evangelist. Apart from Steve''s great comments on performance and mobile, what I truly appreciated was that I caught him just before sessions were about to start and without hesitation he took the time to speak with me. It''s a true testament to how great a guy Steve is and a lesson to all those that may be intimidated about approaching some of the stars of web development; just do it because they''re very approachable and cool!\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdrDcAA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nBe sure to pick up Steve''s book, <a href="http://www.amazon.com/gp/product/0596529309?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596529309">High Performance Web Sites: Essential Knowledge for Front-End Engineers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596529309" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /> and <a href="http://www.amazon.com/gp/product/0596522304?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596522304">Even Faster Web Sites: Performance Best Practices for Web Developers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596522304" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />, which have become <strong>THE</strong> books to read for improving your site''s performance.\r\n\r\n\r\nThen I spoke with Gonzalo Cordero of Yahoo! (who is also a contributor to YUI) about BayJax, the monthly meetup sponsored by Yahoo! which tackles some great front-end development discussions. Gonzalo coordinates the meetings and has made BayJax the envy of many developers with it''s great sessions. <a href="http://www.yuiblog.com/blog/2010/04/21/video-hpjs/">The most recent event</a> included presentations from the authors of the new book <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n.\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdrAJAA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>', 'Video Interviews Part 1 - Steve Souders, Google''s Performance Evangelist Talks Performance and Mobile & Yahoo!''s Gonzalo Cordero Discusses BayJax', 0, '', 'publish', 'open', 'open', '', 'video-interviews-part-1-steve-souders-googles-performance-evangelist-talks-performance-and-mobile-yahoos-gonzalo-cordero-discusses-bayjax', '', '', '2010-05-05 09:47:33', '2010-05-05 13:47:33', '', 0, 'http://blog.reybango.com/?p=748', 0, 'post', '', 1),
(749, 3, '2010-05-05 09:30:31', '2010-05-05 13:30:31', '', 'Video Interviews Part 1 - Steve Souders, Google''s Performance Evangelist & Yahoo!''s Gonzalo Cordero  ', 0, '', 'inherit', 'open', 'open', '', '748-revision', '', '', '2010-05-05 09:30:31', '2010-05-05 13:30:31', '', 748, 'http://blog.reybango.com/2010/05/05/748-revision/', 0, 'revision', '', 0),
(750, 3, '2010-05-05 09:39:54', '2010-05-05 13:39:54', 'During the jQuery conference in Mountain View, I got a chance to video interview a number of people. First up are Steve Souders, Google''s Performance Evangelist. Apart from Steve''s great comments on performance and mobile, what I truly appreciated was that I caught him just before sessions were about to start and without hesitation he took the time to speak with me. It''s a true testament to how great a guy Steve is and a lesson to all those that may be intimidated about approaching some of the stars of web development; just do it because they''re very approachable and cool!\n\n<embed src="http://blip.tv/play/hdB%2BgdrDcAA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\n\nThen I spoke with Gonzalo Cordero of Yahoo! (who is also a contributor to YUI) about BayJax, the monthly meetup sponsored by Yahoo! which tackles some great front-end development discussions. Gonzalo coordinates the meetings and has made BayJax the envy of many developers with it''s great sessions. <a href="http://www.yuiblog.com/blog/2010/04/21/video-hpjs/">The most recent event</a> included presentations from the authors of the new book High Performance JavaScript.\n\n<embed src="http://blip.tv/play/hdB%2BgdrAJAA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>', 'Video Interviews Part 1 - Steve Souders, Google''s Performance Evangelist Talks Performance and Mobile & Yahoo!''s Gonzalo Cordero Discusses BayJax', 0, '', 'inherit', 'open', 'open', '', '748-revision-2', '', '', '2010-05-05 09:39:54', '2010-05-05 13:39:54', '', 748, 'http://blog.reybango.com/2010/05/05/748-revision-2/', 0, 'revision', '', 0),
(751, 3, '2010-05-05 09:40:43', '2010-05-05 13:40:43', 'During the jQuery conference in Mountain View, I got a chance to video interview a number of people. First up are Steve Souders, Google''s Performance Evangelist. Apart from Steve''s great comments on performance and mobile, what I truly appreciated was that I caught him just before sessions were about to start and without hesitation he took the time to speak with me. It''s a true testament to how great a guy Steve is and a lesson to all those that may be intimidated about approaching some of the stars of web development; just do it because they''re very approachable and cool!\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdrDcAA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nThen I spoke with Gonzalo Cordero of Yahoo! (who is also a contributor to YUI) about BayJax, the monthly meetup sponsored by Yahoo! which tackles some great front-end development discussions. Gonzalo coordinates the meetings and has made BayJax the envy of many developers with it''s great sessions. <a href="http://www.yuiblog.com/blog/2010/04/21/video-hpjs/">The most recent event</a> included presentations from the authors of the new book <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript (Build Faster Web Application Interfaces)</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n.\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdrAJAA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>', 'Video Interviews Part 1 - Steve Souders, Google''s Performance Evangelist Talks Performance and Mobile & Yahoo!''s Gonzalo Cordero Discusses BayJax', 0, '', 'inherit', 'open', 'open', '', '748-revision-3', '', '', '2010-05-05 09:40:43', '2010-05-05 13:40:43', '', 748, 'http://blog.reybango.com/2010/05/05/748-revision-3/', 0, 'revision', '', 0),
(752, 3, '2010-05-05 09:40:59', '2010-05-05 13:40:59', 'During the jQuery conference in Mountain View, I got a chance to video interview a number of people. First up are Steve Souders, Google''s Performance Evangelist. Apart from Steve''s great comments on performance and mobile, what I truly appreciated was that I caught him just before sessions were about to start and without hesitation he took the time to speak with me. It''s a true testament to how great a guy Steve is and a lesson to all those that may be intimidated about approaching some of the stars of web development; just do it because they''re very approachable and cool!\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdrDcAA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nThen I spoke with Gonzalo Cordero of Yahoo! (who is also a contributor to YUI) about BayJax, the monthly meetup sponsored by Yahoo! which tackles some great front-end development discussions. Gonzalo coordinates the meetings and has made BayJax the envy of many developers with it''s great sessions. <a href="http://www.yuiblog.com/blog/2010/04/21/video-hpjs/">The most recent event</a> included presentations from the authors of the new book <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n.\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdrAJAA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>', 'Video Interviews Part 1 - Steve Souders, Google''s Performance Evangelist Talks Performance and Mobile & Yahoo!''s Gonzalo Cordero Discusses BayJax', 0, '', 'inherit', 'open', 'open', '', '748-revision-4', '', '', '2010-05-05 09:40:59', '2010-05-05 13:40:59', '', 748, 'http://blog.reybango.com/2010/05/05/748-revision-4/', 0, 'revision', '', 0),
(753, 3, '2010-05-05 09:41:09', '2010-05-05 13:41:09', 'During the jQuery conference in Mountain View, I got a chance to video interview a number of people. First up are Steve Souders, Google''s Performance Evangelist. Apart from Steve''s great comments on performance and mobile, what I truly appreciated was that I caught him just before sessions were about to start and without hesitation he took the time to speak with me. It''s a true testament to how great a guy Steve is and a lesson to all those that may be intimidated about approaching some of the stars of web development; just do it because they''re very approachable and cool!\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdrDcAA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nThen I spoke with Gonzalo Cordero of Yahoo! (who is also a contributor to YUI) about BayJax, the monthly meetup sponsored by Yahoo! which tackles some great front-end development discussions. Gonzalo coordinates the meetings and has made BayJax the envy of many developers with it''s great sessions. <a href="http://www.yuiblog.com/blog/2010/04/21/video-hpjs/">The most recent event</a> included presentations from the authors of the new book <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n.\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdrAJAA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>', 'Video Interviews Part 1 - Steve Souders, Google''s Performance Evangelist Talks Performance and Mobile & Yahoo!''s Gonzalo Cordero Discusses BayJax', 0, '', 'inherit', 'open', 'open', '', '748-revision-5', '', '', '2010-05-05 09:41:09', '2010-05-05 13:41:09', '', 748, 'http://blog.reybango.com/2010/05/05/748-revision-5/', 0, 'revision', '', 0),
(754, 3, '2010-05-05 09:44:03', '2010-05-05 13:44:03', 'During the jQuery conference in Mountain View, I got a chance to video interview a number of people. First up are Steve Souders, Google''s Performance Evangelist. Apart from Steve''s great comments on performance and mobile, what I truly appreciated was that I caught him just before sessions were about to start and without hesitation he took the time to speak with me. It''s a true testament to how great a guy Steve is and a lesson to all those that may be intimidated about approaching some of the stars of web development; just do it because they''re very approachable and cool!\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdrDcAA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nBe sure to pick up Steve''s book, <a href="http://www.amazon.com/gp/product/0596529309?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596529309">High Performance Web Sites: Essential Knowledge for Front-End Engineers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596529309" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /> and <a href="http://www.amazon.com/gp/product/0596522304?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596522304">Even Faster Web Sites: Performance Best Practices for Web Developers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596522304" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />, which have become <strong>THE</strong> books to read for improving your site''s performance.\r\n\r\n\r\nThen I spoke with Gonzalo Cordero of Yahoo! (who is also a contributor to YUI) about BayJax, the monthly meetup sponsored by Yahoo! which tackles some great front-end development discussions. Gonzalo coordinates the meetings and has made BayJax the envy of many developers with it''s great sessions. <a href="http://www.yuiblog.com/blog/2010/04/21/video-hpjs/">The most recent event</a> included presentations from the authors of the new book <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n.\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdrAJAA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>', 'Video Interviews Part 1 - Steve Souders, Google''s Performance Evangelist Talks Performance and Mobile & Yahoo!''s Gonzalo Cordero Discusses BayJax', 0, '', 'inherit', 'open', 'open', '', '748-revision-6', '', '', '2010-05-05 09:44:03', '2010-05-05 13:44:03', '', 748, 'http://blog.reybango.com/2010/05/05/748-revision-6/', 0, 'revision', '', 0);
INSERT INTO `wp_dyxkdh_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_category`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(755, 3, '2010-05-05 09:44:09', '2010-05-05 13:44:09', 'During the jQuery conference in Mountain View, I got a chance to video interview a number of people. First up are Steve Souders, Google''s Performance Evangelist. Apart from Steve''s great comments on performance and mobile, what I truly appreciated was that I caught him just before sessions were about to start and without hesitation he took the time to speak with me. It''s a true testament to how great a guy Steve is and a lesson to all those that may be intimidated about approaching some of the stars of web development; just do it because they''re very approachable and cool!\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdrDcAA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nBe sure to pick up Steve''s book, <a href="http://www.amazon.com/gp/product/0596529309?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596529309">High Performance Web Sites: Essential Knowledge for Front-End Engineers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596529309" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /> and <a href="http://www.amazon.com/gp/product/0596522304?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596522304">Even Faster Web Sites: Performance Best Practices for Web Developers</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=0596522304" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />, which have become <strong>THE</strong> books to read for improving your site''s performance.\r\n\r\n\r\nThen I spoke with Gonzalo Cordero of Yahoo! (who is also a contributor to YUI) about BayJax, the monthly meetup sponsored by Yahoo! which tackles some great front-end development discussions. Gonzalo coordinates the meetings and has made BayJax the envy of many developers with it''s great sessions. <a href="http://www.yuiblog.com/blog/2010/04/21/video-hpjs/">The most recent event</a> included presentations from the authors of the new book <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">High Performance JavaScript</a><img src="http://www.assoc-amazon.com/e/ir?t=rebasbl-20&l=as2&o=1&a=059680279X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />\r\n.\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdrAJAA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>', 'Video Interviews Part 1 - Steve Souders, Google''s Performance Evangelist Talks Performance and Mobile & Yahoo!''s Gonzalo Cordero Discusses BayJax', 0, '', 'inherit', 'open', 'open', '', '748-revision-7', '', '', '2010-05-05 09:44:09', '2010-05-05 13:44:09', '', 748, 'http://blog.reybango.com/2010/05/05/748-revision-7/', 0, 'revision', '', 0),
(756, 3, '2010-05-10 20:26:40', '2010-05-11 00:26:40', 'One of the things I hate about using CDNs is remembering the path for the latest version of my favorite JavaScript library. I end up having to pull a search engine, search for the site, find my library, copy & paste the link and then drop it into my app. I know, it sounds trivial, but it''s just one of those "trivial annoyances" that bugs me.\r\n\r\nI stumbled onto a site that makes all of that much easier. <a href="http://scriptsrc.net/">Scriptsrc.net</a> provides a dead simple way to bypass all of that because it clearly lists the most popular libraries on one page along with a copy & info button. You click on the "copy" button and you now have the full path to the most recent version on Google''s Ajax API CDN.\r\n\r\nHere''s a screenshot:\r\n\r\n<a href="http://scriptsrc.net/"><img src="http://blog.reybango.com/wp-content/uploads/2010/05/scriptsrc.png" alt="" title="scriptsrc" width="355" height="217" class="alignright size-full wp-image-757" /></a>\r\n\r\nClicking on the copy button will provide this:\r\n\r\n[code lang="js"]&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&quot;&gt;&lt;/script&gt;[/code]\r\n\r\nIt''s a neat tool to add to your arsenal and a time saver, at least for me. It supports:\r\n\r\n<a href="http://jquery.com">jQuery</a>\r\n<a href="http://jqueryui.com">jQuery UI</a>\r\n<a href="http://developer.yahoo.com/yui/">YUI</a>\r\n<a href="http://dojotoolkit.org">Dojo</a>\r\n<a href="http://prototypejs.org/">Prototype</a>\r\n<a href="http://script.aculo.us/">Script.aculo.us</a>\r\n<a href="http://mootools.net">MooTools</a>\r\n<a href="http://extjs.com">Ext JS</a>\r\n\r\n', 'Use ScriptSrc.net to Copy and Paste the Script tag for Your Favorite JavaScript Library', 0, '', 'publish', 'open', 'open', '', 'use-scriptsrc-net-to-copy-and-paste-the-script-tag-for-your-favorite-javascript-library', '', '', '2010-05-10 20:26:40', '2010-05-11 00:26:40', '', 0, 'http://blog.reybango.com/?p=756', 0, 'post', '', 5),
(757, 3, '2010-05-10 20:16:32', '2010-05-11 00:16:32', '', 'scriptsrc', 0, '', 'inherit', 'open', 'open', '', 'scriptsrc', '', '', '2010-05-10 20:16:32', '2010-05-11 00:16:32', '', 756, 'http://blog.reybango.com/wp-content/uploads/2010/05/scriptsrc.png', 0, 'attachment', 'image/png', 0),
(758, 3, '2010-05-10 20:17:14', '2010-05-11 00:17:14', 'One of the things I hate about using CDNs is remembering the path for the latest version of my favorite JavaScript library. I end up having to pull a search engine, search for the site, find my library, copy & paste the link and then drop it into my app. I know, it sounds trivial, but it''s just one of those "trivial annoyances" that bugs me.\n\nI stumbled onto a site that makes all of that much easier. <a href="http://scriptsrc.net/">Scriptsrc.net</a> provides a dead simple way to bypass all of that because it clearly lists the most popular libraries on one page along with a copy & info button. You click on the "copy" button and you now have the full path to the most recent version on Google''s Ajax API CDN.\n\nHere''s a screenshot:\n\n<a href="http://blog.reybango.com/wp-content/uploads/2010/05/scriptsrc.png"><img src="http://blog.reybango.com/wp-content/uploads/2010/05/scriptsrc.png" alt="" title="scriptsrc" width="355" height="217" class="alignright size-full wp-image-757" /></a>\n\nClicking on the copy button will provide this:\n\n\n<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>\n\n', '', 0, '', 'inherit', 'open', 'open', '', '756-revision', '', '', '2010-05-10 20:17:14', '2010-05-11 00:17:14', '', 756, 'http://blog.reybango.com/2010/05/10/756-revision/', 0, 'revision', '', 0),
(759, 3, '2010-05-10 20:17:14', '2010-05-11 00:17:14', 'One of the things I hate about using CDNs is remembering the path for the latest version of my favorite JavaScript library. I end up having to pull a search engine, search for the site, find my library, copy & paste the link and then drop it into my app. I know, it sounds trivial, but it''s just one of those "trivial annoyances" that bugs me.\n\nI stumbled onto a site that makes all of that much easier. <a href="http://scriptsrc.net/">Scriptsrc.net</a> provides a dead simple way to bypass all of that because it clearly lists the most popular libraries on one page along with a copy & info button. You click on the "copy" button and you now have the full path to the most recent version on Google''s Ajax API CDN.\n\nHere''s a screenshot:\n\n<a href="http://blog.reybango.com/wp-content/uploads/2010/05/scriptsrc.png"><img src="http://blog.reybango.com/wp-content/uploads/2010/05/scriptsrc.png" alt="" title="scriptsrc" width="355" height="217" class="alignright size-full wp-image-757" /></a>\n\nClicking on the copy button will provide this:\n\n\n<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>\n\n', '', 0, '', 'inherit', 'open', 'open', '', '756-revision', '', '', '2010-05-10 20:17:14', '2010-05-11 00:17:14', '', 756, 'http://blog.reybango.com/2010/05/10/756-revision/', 0, 'revision', '', 0),
(760, 3, '2010-05-10 20:18:55', '2010-05-11 00:18:55', 'One of the things I hate about using CDNs is remembering the path for the latest version of my favorite JavaScript library. I end up having to pull a search engine, search for the site, find my library, copy & paste the link and then drop it into my app. I know, it sounds trivial, but it''s just one of those "trivial annoyances" that bugs me.\n\nI stumbled onto a site that makes all of that much easier. <a href="http://scriptsrc.net/">Scriptsrc.net</a> provides a dead simple way to bypass all of that because it clearly lists the most popular libraries on one page along with a copy & info button. You click on the "copy" button and you now have the full path to the most recent version on Google''s Ajax API CDN.\n\nHere''s a screenshot:\n\n<a href="http://blog.reybango.com/wp-content/uploads/2010/05/scriptsrc.png"><img src="http://blog.reybango.com/wp-content/uploads/2010/05/scriptsrc.png" alt="" title="scriptsrc" width="355" height="217" class="alignright size-full wp-image-757" /></a>\n\nClicking on the copy button will provide this:\n\n[code lang="js"]&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&quot;&gt;&lt;/script&gt;[/code]\n\nIt''s a neat tool to add to your arsenal and a time saver, at least for me.\n\n', 'Use ScriptSrc.net to Copy and Paste S', 0, '', 'inherit', 'open', 'open', '', '756-revision-2', '', '', '2010-05-10 20:18:55', '2010-05-11 00:18:55', '', 756, 'http://blog.reybango.com/2010/05/10/756-revision-2/', 0, 'revision', '', 0),
(761, 3, '2010-05-10 20:19:30', '2010-05-11 00:19:30', 'One of the things I hate about using CDNs is remembering the path for the latest version of my favorite JavaScript library. I end up having to pull a search engine, search for the site, find my library, copy & paste the link and then drop it into my app. I know, it sounds trivial, but it''s just one of those "trivial annoyances" that bugs me.\r\n\r\nI stumbled onto a site that makes all of that much easier. <a href="http://scriptsrc.net/">Scriptsrc.net</a> provides a dead simple way to bypass all of that because it clearly lists the most popular libraries on one page along with a copy & info button. You click on the "copy" button and you now have the full path to the most recent version on Google''s Ajax API CDN.\r\n\r\nHere''s a screenshot:\r\n\r\n<a href="http://blog.reybango.com/wp-content/uploads/2010/05/scriptsrc.png"><img src="http://blog.reybango.com/wp-content/uploads/2010/05/scriptsrc.png" alt="" title="scriptsrc" width="355" height="217" class="alignright size-full wp-image-757" /></a>\r\n\r\nClicking on the copy button will provide this:\r\n\r\n[code lang="js"]&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&quot;&gt;&lt;/script&gt;[/code]\r\n\r\nIt''s a neat tool to add to your arsenal and a time saver, at least for me.\r\n\r\n', 'Use ScriptSrc.net to Copy and Paste the Script tag for Your Favorite JavaScript Library', 0, '', 'inherit', 'open', 'open', '', '756-revision-3', '', '', '2010-05-10 20:19:30', '2010-05-11 00:19:30', '', 756, 'http://blog.reybango.com/2010/05/10/756-revision-3/', 0, 'revision', '', 0),
(762, 3, '2010-05-10 20:19:41', '2010-05-11 00:19:41', 'One of the things I hate about using CDNs is remembering the path for the latest version of my favorite JavaScript library. I end up having to pull a search engine, search for the site, find my library, copy & paste the link and then drop it into my app. I know, it sounds trivial, but it''s just one of those "trivial annoyances" that bugs me.\r\n\r\nI stumbled onto a site that makes all of that much easier. <a href="http://scriptsrc.net/">Scriptsrc.net</a> provides a dead simple way to bypass all of that because it clearly lists the most popular libraries on one page along with a copy & info button. You click on the "copy" button and you now have the full path to the most recent version on Google''s Ajax API CDN.\r\n\r\nHere''s a screenshot:\r\n\r\n<a href="http://blog.reybango.com/wp-content/uploads/2010/05/scriptsrc.png"><img src="http://blog.reybango.com/wp-content/uploads/2010/05/scriptsrc.png" alt="" title="scriptsrc" width="355" height="217" class="alignright size-full wp-image-757" /></a>\r\n\r\nClicking on the copy button will provide this:\r\n\r\n[code lang="js"]&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&quot;&gt;&lt;/script&gt;[/code]\r\n\r\nIt''s a neat tool to add to your arsenal and a time saver, at least for me.\r\n\r\n', 'Use ScriptSrc.net to Copy and Paste the Script tag for Your Favorite JavaScript Library', 0, '', 'inherit', 'open', 'open', '', '756-revision-4', '', '', '2010-05-10 20:19:41', '2010-05-11 00:19:41', '', 756, 'http://blog.reybango.com/2010/05/10/756-revision-4/', 0, 'revision', '', 0),
(766, 3, '2010-05-10 20:26:26', '2010-05-11 00:26:26', 'One of the things I hate about using CDNs is remembering the path for the latest version of my favorite JavaScript library. I end up having to pull a search engine, search for the site, find my library, copy & paste the link and then drop it into my app. I know, it sounds trivial, but it''s just one of those "trivial annoyances" that bugs me.\r\n\r\nI stumbled onto a site that makes all of that much easier. <a href="http://scriptsrc.net/">Scriptsrc.net</a> provides a dead simple way to bypass all of that because it clearly lists the most popular libraries on one page along with a copy & info button. You click on the "copy" button and you now have the full path to the most recent version on Google''s Ajax API CDN.\r\n\r\nHere''s a screenshot:\r\n\r\n<a href="http://scriptsrc.net/"><img src="http://blog.reybango.com/wp-content/uploads/2010/05/scriptsrc.png" alt="" title="scriptsrc" width="355" height="217" class="alignright size-full wp-image-757" /></a>\r\n\r\nClicking on the copy button will provide this:\r\n\r\n[code lang="js"]&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&quot;&gt;&lt;/script&gt;[/code]\r\n\r\nIt''s a neat tool to add to your arsenal and a time saver, at least for me. It supports:\r\n\r\n<a href="http://jquery.com">jQuery</a>\r\n<a href="http://jqueryui.com">jQuery UI</a>\r\n<a href="http://developer.yahoo.com/yui/">YUI</a>\r\n<a href="http://dojotoolkit.org">Dojo</a>\r\n<a href="http://prototypejs.org/">Prototype</a>\r\n<a href="http://script.aculo.us/">Script.aculo.us</a>\r\n<a href="http://mootools.net">MooTools</a>\r\n<a href="http://extjs.com">Ext JS</a>\r\n\r\n', 'Use ScriptSrc.net to Copy and Paste the Script tag for Your Favorite JavaScript Library', 0, '', 'inherit', 'open', 'open', '', '756-revision-8', '', '', '2010-05-10 20:26:26', '2010-05-11 00:26:26', '', 756, 'http://blog.reybango.com/2010/05/10/756-revision-8/', 0, 'revision', '', 0),
(763, 3, '2010-05-10 20:24:24', '2010-05-11 00:24:24', 'One of the things I hate about using CDNs is remembering the path for the latest version of my favorite JavaScript library. I end up having to pull a search engine, search for the site, find my library, copy & paste the link and then drop it into my app. I know, it sounds trivial, but it''s just one of those "trivial annoyances" that bugs me.\r\n\r\nI stumbled onto a site that makes all of that much easier. <a href="http://scriptsrc.net/">Scriptsrc.net</a> provides a dead simple way to bypass all of that because it clearly lists the most popular libraries on one page along with a copy & info button. You click on the "copy" button and you now have the full path to the most recent version on Google''s Ajax API CDN.\r\n\r\nHere''s a screenshot:\r\n\r\n<a href="http://blog.reybango.com/wp-content/uploads/2010/05/scriptsrc.png"><img src="http://blog.reybango.com/wp-content/uploads/2010/05/scriptsrc.png" alt="" title="scriptsrc" width="355" height="217" class="alignright size-full wp-image-757" /></a>\r\n\r\nClicking on the copy button will provide this:\r\n\r\n[code lang="js"]&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&quot;&gt;&lt;/script&gt;[/code]\r\n\r\nIt''s a neat tool to add to your arsenal and a time saver, at least for me. It supports:\r\n\r\n<a href="http://jquery.com">jQuery</a>\r\n<a href="http://jqueryui.com">jQuery UI</a>\r\n<a href="http://developer.yahoo.com/yui/">YUI</a>\r\n<a href="http://dojotoolkit.org">Dojo</a>\r\n<a href="http://prototypejs.org/">Prototype</a>\r\n<a href="http://script.aculo.us/">Script.aculo.us</a>\r\n<a href="http://mootools.net">MooTools</a>\r\n<a href="http://extjs.com">Ext JS</a>\r\n\r\n', 'Use ScriptSrc.net to Copy and Paste the Script tag for Your Favorite JavaScript Library', 0, '', 'inherit', 'open', 'open', '', '756-revision-5', '', '', '2010-05-10 20:24:24', '2010-05-11 00:24:24', '', 756, 'http://blog.reybango.com/2010/05/10/756-revision-5/', 0, 'revision', '', 0),
(764, 3, '2010-05-10 20:25:12', '2010-05-11 00:25:12', 'One of the things I hate about using CDNs is remembering the path for the latest version of my favorite JavaScript library. I end up having to pull a search engine, search for the site, find my library, copy & paste the link and then drop it into my app. I know, it sounds trivial, but it''s just one of those "trivial annoyances" that bugs me.\r\n\r\nI stumbled onto a site that makes all of that much easier. <a href="http://scriptsrc.net/">Scriptsrc.net</a> provides a dead simple way to bypass all of that because it clearly lists the most popular libraries on one page along with a copy & info button. You click on the "copy" button and you now have the full path to the most recent version on Google''s Ajax API CDN.\r\n\r\nHere''s a screenshot:\r\n\r\n<a href="http://blog.reybango.com/wp-content/uploads/2010/05/scriptsrc.png"><img src="http://blog.reybango.com/wp-content/uploads/2010/05/scriptsrc.png" alt="" title="scriptsrc" width="355" height="217" class="alignright size-full wp-image-757" /></a>\r\n\r\nClicking on the copy button will provide this:\r\n\r\n[code lang="js"]&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&quot;&gt;&lt;/script&gt;[/code]\r\n\r\nIt''s a neat tool to add to your arsenal and a time saver, at least for me. It supports:\r\n\r\n<a href="http://jquery.com">jQuery</a>\r\n<a href="http://jqueryui.com">jQuery UI</a>\r\n<a href="http://developer.yahoo.com/yui/">YUI</a>\r\n<a href="http://dojotoolkit.org">Dojo</a>\r\n<a href="http://prototypejs.org/">Prototype</a>\r\n<a href="http://script.aculo.us/">Script.aculo.us</a>\r\n<a href="http://mootools.net">MooTools</a>\r\n<a href="http://extjs.com">Ext JS</a>\r\n\r\n', 'Use ScriptSrc.net to Copy and Paste the Script tag for Your Favorite JavaScript Library', 0, '', 'inherit', 'open', 'open', '', '756-revision-6', '', '', '2010-05-10 20:25:12', '2010-05-11 00:25:12', '', 756, 'http://blog.reybango.com/2010/05/10/756-revision-6/', 0, 'revision', '', 0),
(765, 3, '2010-05-10 20:25:18', '2010-05-11 00:25:18', 'One of the things I hate about using CDNs is remembering the path for the latest version of my favorite JavaScript library. I end up having to pull a search engine, search for the site, find my library, copy & paste the link and then drop it into my app. I know, it sounds trivial, but it''s just one of those "trivial annoyances" that bugs me.\r\n\r\nI stumbled onto a site that makes all of that much easier. <a href="http://scriptsrc.net/">Scriptsrc.net</a> provides a dead simple way to bypass all of that because it clearly lists the most popular libraries on one page along with a copy & info button. You click on the "copy" button and you now have the full path to the most recent version on Google''s Ajax API CDN.\r\n\r\nHere''s a screenshot:\r\n\r\n<a href="http://blog.reybango.com/wp-content/uploads/2010/05/scriptsrc.png"><img src="http://blog.reybango.com/wp-content/uploads/2010/05/scriptsrc.png" alt="" title="scriptsrc" width="355" height="217" class="alignright size-full wp-image-757" /></a>\r\n\r\nClicking on the copy button will provide this:\r\n\r\n[code lang="js"]&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&quot;&gt;&lt;/script&gt;[/code]\r\n\r\nIt''s a neat tool to add to your arsenal and a time saver, at least for me. It supports:\r\n\r\n<a href="http://jquery.com">jQuery</a>\r\n<a href="http://jqueryui.com">jQuery UI</a>\r\n<a href="http://developer.yahoo.com/yui/">YUI</a>\r\n<a href="http://dojotoolkit.org">Dojo</a>\r\n<a href="http://prototypejs.org/">Prototype</a>\r\n<a href="http://script.aculo.us/">Script.aculo.us</a>\r\n<a href="http://mootools.net">MooTools</a>\r\n<a href="http://extjs.com">Ext JS</a>\r\n\r\n', 'Use ScriptSrc.net to Copy and Paste the Script tag for Your Favorite JavaScript Library', 0, '', 'inherit', 'open', 'open', '', '756-revision-7', '', '', '2010-05-10 20:25:18', '2010-05-11 00:25:18', '', 756, 'http://blog.reybango.com/2010/05/10/756-revision-7/', 0, 'revision', '', 0),
(767, 3, '2010-05-11 08:30:37', '2010-05-11 12:30:37', 'I got some more videos edited and uploaded for you guys to check out. If you''re really into JavaScript, then you need to stay aware of what <a href="http://www.nczonline.net/">Nicholas Zakas</a> of Yahoo! is doing. He wrote <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">the book (literally) on JavaScript performance</a> and he gave a presentation at the jQuery conference about that topic.\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdyxCgA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nWith testing becoming increasingly important for complex web apps, <a href="http://www.mennovanslooten.nl/">Menno van Slooten</a>''s automated UI testing framework for jQuery projects was a hit and he presented to a packed room. <a href="http://ralphwhitbeck.com/">Ralph Whitbeck</a> and I teamed up to do both a <a href="http://twitter.com/jquerypodcast">jQuery podcast</a> and video interview of Menno:\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdvWYwA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nAfter the conference and due to popular demand, <a href="http://github.com/mennovanslooten/UITest">Menno put his UI test framework up on GitHub</a>.', 'Video Interviews Part 2 - Nicholas Zakas, Principal Front-end Engineer at Yahoo! on jQuery Performance and Menno van Slooten on his Automated UI Testing Framework for jQuery', 0, '', 'publish', 'open', 'open', '', 'video-interviews-part-2-nicholas-zakas-principal-front-end-engineer-at-yahoo-on-jquery-performance-and-menno-van-slooten-on-his-automated-ui-testing-framework-for-jquery', '', '', '2010-05-10 21:13:37', '2010-05-11 01:13:37', '', 0, 'http://blog.reybango.com/?p=767', 0, 'post', '', 0),
(768, 3, '2010-05-10 21:06:01', '2010-05-11 01:06:01', 'I got some more videos edited and uploaded for you guys to check out. If you''re really into JavaScript, then you need to stay aware of what Nicholas Zakas of Yahoo! is doing. He wrote the book (literally) on JavaScript performance and he gave a presentation at the jQuery conference about that topic.\n\n<embed src="http://blip.tv/play/hdB%2BgdyxCgA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\n\nWith testing becoming increasingly important for complex web apps, <a href="http://www.mennovanslooten.nl/">Menno van Slooten</a>''s automated UI testing tool was a hit and he presented to a packed room. <a href="http://ralphwhitbeck.com/">Ralph Whitbeck</a> and I teamed up to do both a <a href="http://twitter.com/jquerypodcast">jQuery podcast</a> and video interview of Menno:\n\n<embed src="http://blip.tv/play/hdB%2BgdvWYwA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\n\nAfter the conference and due to popular demand, Menno put his UI test suite', 'Video Interviews Pt 2 - Nicholas Zakas, Principal Front-end Engineer at Yahoo! and Menno van Slooten on Automated UI testing', 0, '', 'inherit', 'open', 'open', '', '767-revision', '', '', '2010-05-10 21:06:01', '2010-05-11 01:06:01', '', 767, 'http://blog.reybango.com/2010/05/10/767-revision/', 0, 'revision', '', 0),
(769, 3, '2010-05-10 21:06:37', '2010-05-11 01:06:37', 'I got some more videos edited and uploaded for you guys to check out. If you''re really into JavaScript, then you need to stay aware of what Nicholas Zakas of Yahoo! is doing. He wrote the book (literally) on JavaScript performance and he gave a presentation at the jQuery conference about that topic.\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdyxCgA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nWith testing becoming increasingly important for complex web apps, <a href="http://www.mennovanslooten.nl/">Menno van Slooten</a>''s automated UI testing tool was a hit and he presented to a packed room. <a href="http://ralphwhitbeck.com/">Ralph Whitbeck</a> and I teamed up to do both a <a href="http://twitter.com/jquerypodcast">jQuery podcast</a> and video interview of Menno:\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdvWYwA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nAfter the conference and due to popular demand, <a href="http://github.com/mennovanslooten/UITest">Menno put his UI test suite up on GitHub</a>.', 'Video Interviews Pt 2 - Nicholas Zakas, Principal Front-end Engineer at Yahoo! and Menno van Slooten on Automated UI testing', 0, '', 'inherit', 'open', 'open', '', '767-revision-2', '', '', '2010-05-10 21:06:37', '2010-05-11 01:06:37', '', 767, 'http://blog.reybango.com/2010/05/10/767-revision-2/', 0, 'revision', '', 0),
(770, 3, '2010-05-10 21:06:45', '2010-05-11 01:06:45', 'I got some more videos edited and uploaded for you guys to check out. If you''re really into JavaScript, then you need to stay aware of what Nicholas Zakas of Yahoo! is doing. He wrote the book (literally) on JavaScript performance and he gave a presentation at the jQuery conference about that topic.\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdyxCgA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nWith testing becoming increasingly important for complex web apps, <a href="http://www.mennovanslooten.nl/">Menno van Slooten</a>''s automated UI testing tool was a hit and he presented to a packed room. <a href="http://ralphwhitbeck.com/">Ralph Whitbeck</a> and I teamed up to do both a <a href="http://twitter.com/jquerypodcast">jQuery podcast</a> and video interview of Menno:\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdvWYwA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nAfter the conference and due to popular demand, <a href="http://github.com/mennovanslooten/UITest">Menno put his UI test suite up on GitHub</a>.', 'Video Interviews Pt 2 - Nicholas Zakas, Principal Front-end Engineer at Yahoo! and Menno van Slooten on Automated UI testing', 0, '', 'inherit', 'open', 'open', '', '767-revision-3', '', '', '2010-05-10 21:06:45', '2010-05-11 01:06:45', '', 767, 'http://blog.reybango.com/2010/05/10/767-revision-3/', 0, 'revision', '', 0),
(771, 3, '2010-05-10 21:08:17', '2010-05-11 01:08:17', 'I got some more videos edited and uploaded for you guys to check out. If you''re really into JavaScript, then you need to stay aware of what <a href="http://www.nczonline.net/">Nicholas Zakas</a> of Yahoo! is doing. He wrote <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">the book (literally) on JavaScript performance</a> and he gave a presentation at the jQuery conference about that topic.\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdyxCgA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nWith testing becoming increasingly important for complex web apps, <a href="http://www.mennovanslooten.nl/">Menno van Slooten</a>''s automated UI testing tool was a hit and he presented to a packed room. <a href="http://ralphwhitbeck.com/">Ralph Whitbeck</a> and I teamed up to do both a <a href="http://twitter.com/jquerypodcast">jQuery podcast</a> and video interview of Menno:\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdvWYwA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nAfter the conference and due to popular demand, <a href="http://github.com/mennovanslooten/UITest">Menno put his UI test suite up on GitHub</a>.', 'Video Interviews Pt 2 - Nicholas Zakas, Principal Front-end Engineer at Yahoo! and Menno van Slooten on Automated UI testing', 0, '', 'inherit', 'open', 'open', '', '767-revision-4', '', '', '2010-05-10 21:08:17', '2010-05-11 01:08:17', '', 767, 'http://blog.reybango.com/2010/05/10/767-revision-4/', 0, 'revision', '', 0),
(772, 3, '2010-05-10 21:08:24', '2010-05-11 01:08:24', 'I got some more videos edited and uploaded for you guys to check out. If you''re really into JavaScript, then you need to stay aware of what <a href="http://www.nczonline.net/">Nicholas Zakas</a> of Yahoo! is doing. He wrote <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">the book (literally) on JavaScript performance</a> and he gave a presentation at the jQuery conference about that topic.\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdyxCgA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nWith testing becoming increasingly important for complex web apps, <a href="http://www.mennovanslooten.nl/">Menno van Slooten</a>''s automated UI testing tool was a hit and he presented to a packed room. <a href="http://ralphwhitbeck.com/">Ralph Whitbeck</a> and I teamed up to do both a <a href="http://twitter.com/jquerypodcast">jQuery podcast</a> and video interview of Menno:\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdvWYwA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nAfter the conference and due to popular demand, <a href="http://github.com/mennovanslooten/UITest">Menno put his UI test suite up on GitHub</a>.', 'Video Interviews Pt 2 - Nicholas Zakas, Principal Front-end Engineer at Yahoo! and Menno van Slooten on Automated UI testing', 0, '', 'inherit', 'open', 'open', '', '767-revision-5', '', '', '2010-05-10 21:08:24', '2010-05-11 01:08:24', '', 767, 'http://blog.reybango.com/2010/05/10/767-revision-5/', 0, 'revision', '', 0),
(773, 3, '2010-05-10 21:09:42', '2010-05-11 01:09:42', 'I got some more videos edited and uploaded for you guys to check out. If you''re really into JavaScript, then you need to stay aware of what <a href="http://www.nczonline.net/">Nicholas Zakas</a> of Yahoo! is doing. He wrote <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">the book (literally) on JavaScript performance</a> and he gave a presentation at the jQuery conference about that topic.\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdyxCgA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nWith testing becoming increasingly important for complex web apps, <a href="http://www.mennovanslooten.nl/">Menno van Slooten</a>''s automated UI testing tool was a hit and he presented to a packed room. <a href="http://ralphwhitbeck.com/">Ralph Whitbeck</a> and I teamed up to do both a <a href="http://twitter.com/jquerypodcast">jQuery podcast</a> and video interview of Menno:\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdvWYwA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nAfter the conference and due to popular demand, <a href="http://github.com/mennovanslooten/UITest">Menno put his UI test suite up on GitHub</a>.', 'Video Interviews Part 2 - Nicholas Zakas, Principal Front-end Engineer at Yahoo! on jQuery Performance and Menno van Slooten on Automated UI testing', 0, '', 'inherit', 'open', 'open', '', '767-revision-6', '', '', '2010-05-10 21:09:42', '2010-05-11 01:09:42', '', 767, 'http://blog.reybango.com/2010/05/10/767-revision-6/', 0, 'revision', '', 0),
(774, 3, '2010-05-10 21:09:54', '2010-05-11 01:09:54', 'I got some more videos edited and uploaded for you guys to check out. If you''re really into JavaScript, then you need to stay aware of what <a href="http://www.nczonline.net/">Nicholas Zakas</a> of Yahoo! is doing. He wrote <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">the book (literally) on JavaScript performance</a> and he gave a presentation at the jQuery conference about that topic.\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdyxCgA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nWith testing becoming increasingly important for complex web apps, <a href="http://www.mennovanslooten.nl/">Menno van Slooten</a>''s automated UI testing tool was a hit and he presented to a packed room. <a href="http://ralphwhitbeck.com/">Ralph Whitbeck</a> and I teamed up to do both a <a href="http://twitter.com/jquerypodcast">jQuery podcast</a> and video interview of Menno:\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdvWYwA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nAfter the conference and due to popular demand, <a href="http://github.com/mennovanslooten/UITest">Menno put his UI test suite up on GitHub</a>.', 'Video Interviews Part 2 - Nicholas Zakas, Principal Front-end Engineer at Yahoo! on jQuery Performance and Menno van Slooten on Automated UI testing', 0, '', 'inherit', 'open', 'open', '', '767-revision-7', '', '', '2010-05-10 21:09:54', '2010-05-11 01:09:54', '', 767, 'http://blog.reybango.com/2010/05/10/767-revision-7/', 0, 'revision', '', 0),
(775, 3, '2010-05-10 21:12:05', '2010-05-11 01:12:05', 'I got some more videos edited and uploaded for you guys to check out. If you''re really into JavaScript, then you need to stay aware of what <a href="http://www.nczonline.net/">Nicholas Zakas</a> of Yahoo! is doing. He wrote <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">the book (literally) on JavaScript performance</a> and he gave a presentation at the jQuery conference about that topic.\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdyxCgA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nWith testing becoming increasingly important for complex web apps, <a href="http://www.mennovanslooten.nl/">Menno van Slooten</a>''s automated UI testing framework for jQuery projects was a hit and he presented to a packed room. <a href="http://ralphwhitbeck.com/">Ralph Whitbeck</a> and I teamed up to do both a <a href="http://twitter.com/jquerypodcast">jQuery podcast</a> and video interview of Menno:\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdvWYwA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nAfter the conference and due to popular demand, <a href="http://github.com/mennovanslooten/UITest">Menno put his UI test framework up on GitHub</a>.', 'Video Interviews Part 2 - Nicholas Zakas, Principal Front-end Engineer at Yahoo! on jQuery Performance and Menno van Slooten on his Automated UI Testing for jQuery', 0, '', 'inherit', 'open', 'open', '', '767-revision-8', '', '', '2010-05-10 21:12:05', '2010-05-11 01:12:05', '', 767, 'http://blog.reybango.com/2010/05/10/767-revision-8/', 0, 'revision', '', 0),
(776, 3, '2010-05-10 21:12:10', '2010-05-11 01:12:10', 'I got some more videos edited and uploaded for you guys to check out. If you''re really into JavaScript, then you need to stay aware of what <a href="http://www.nczonline.net/">Nicholas Zakas</a> of Yahoo! is doing. He wrote <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">the book (literally) on JavaScript performance</a> and he gave a presentation at the jQuery conference about that topic.\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdyxCgA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nWith testing becoming increasingly important for complex web apps, <a href="http://www.mennovanslooten.nl/">Menno van Slooten</a>''s automated UI testing framework for jQuery projects was a hit and he presented to a packed room. <a href="http://ralphwhitbeck.com/">Ralph Whitbeck</a> and I teamed up to do both a <a href="http://twitter.com/jquerypodcast">jQuery podcast</a> and video interview of Menno:\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdvWYwA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nAfter the conference and due to popular demand, <a href="http://github.com/mennovanslooten/UITest">Menno put his UI test framework up on GitHub</a>.', 'Video Interviews Part 2 - Nicholas Zakas, Principal Front-end Engineer at Yahoo! on jQuery Performance and Menno van Slooten on his Automated UI Testing for jQuery', 0, '', 'inherit', 'open', 'open', '', '767-revision-9', '', '', '2010-05-10 21:12:10', '2010-05-11 01:12:10', '', 767, 'http://blog.reybango.com/2010/05/10/767-revision-9/', 0, 'revision', '', 0),
(777, 3, '2010-05-10 21:12:36', '2010-05-11 01:12:36', 'I got some more videos edited and uploaded for you guys to check out. If you''re really into JavaScript, then you need to stay aware of what <a href="http://www.nczonline.net/">Nicholas Zakas</a> of Yahoo! is doing. He wrote <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">the book (literally) on JavaScript performance</a> and he gave a presentation at the jQuery conference about that topic.\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdyxCgA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nWith testing becoming increasingly important for complex web apps, <a href="http://www.mennovanslooten.nl/">Menno van Slooten</a>''s automated UI testing framework for jQuery projects was a hit and he presented to a packed room. <a href="http://ralphwhitbeck.com/">Ralph Whitbeck</a> and I teamed up to do both a <a href="http://twitter.com/jquerypodcast">jQuery podcast</a> and video interview of Menno:\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdvWYwA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nAfter the conference and due to popular demand, <a href="http://github.com/mennovanslooten/UITest">Menno put his UI test framework up on GitHub</a>.', 'Video Interviews Part 2 - Nicholas Zakas, Principal Front-end Engineer at Yahoo! on jQuery Performance and Menno van Slooten on his Automated UI Testing Framework for jQuery', 0, '', 'inherit', 'open', 'open', '', '767-revision-10', '', '', '2010-05-10 21:12:36', '2010-05-11 01:12:36', '', 767, 'http://blog.reybango.com/2010/05/10/767-revision-10/', 0, 'revision', '', 0),
(778, 3, '2010-05-10 21:12:41', '2010-05-11 01:12:41', 'I got some more videos edited and uploaded for you guys to check out. If you''re really into JavaScript, then you need to stay aware of what <a href="http://www.nczonline.net/">Nicholas Zakas</a> of Yahoo! is doing. He wrote <a href="http://www.amazon.com/gp/product/059680279X?ie=UTF8&tag=rebasbl-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=059680279X">the book (literally) on JavaScript performance</a> and he gave a presentation at the jQuery conference about that topic.\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdyxCgA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nWith testing becoming increasingly important for complex web apps, <a href="http://www.mennovanslooten.nl/">Menno van Slooten</a>''s automated UI testing framework for jQuery projects was a hit and he presented to a packed room. <a href="http://ralphwhitbeck.com/">Ralph Whitbeck</a> and I teamed up to do both a <a href="http://twitter.com/jquerypodcast">jQuery podcast</a> and video interview of Menno:\r\n\r\n<embed src="http://blip.tv/play/hdB%2BgdvWYwA" type="application/x-shockwave-flash" width="640" height="360" allowscriptaccess="always" allowfullscreen="true"></embed>\r\n\r\nAfter the conference and due to popular demand, <a href="http://github.com/mennovanslooten/UITest">Menno put his UI test framework up on GitHub</a>.', 'Video Interviews Part 2 - Nicholas Zakas, Principal Front-end Engineer at Yahoo! on jQuery Performance and Menno van Slooten on his Automated UI Testing Framework for jQuery', 0, '', 'inherit', 'open', 'open', '', '767-revision-11', '', '', '2010-05-10 21:12:41', '2010-05-11 01:12:41', '', 767, 'http://blog.reybango.com/2010/05/10/767-revision-11/', 0, 'revision', '', 0),
(847, 3, '2010-06-16 12:28:20', '2010-06-16 16:28:20', 'With all of the performance advances in JavaScript engines in modern browsers, it''s easy to forget that we still need to do some legwork ourselves, especially considering how many users are still on older browsers. Compressing JavaScript files is an oft forgotten task which could have a dramatic & positive impact and something that will make our apps perform better (as well as make <a href="http://stevesouders.com/">Steve Souders</a>, <a href="http://getify.com/">Kyle Simpson</a> & <a href="http://www.nczonline.net/">Nicholas Zakas</a> very happy). :)\r\n\r\nI used to use the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> but based on John Resig''s findings during the release of jQuery 1.4, I''ve switched to using Google''s <a href="http://code.google.com/closure/compiler/">Closure Compiler</a> which seems to get better compression.\r\n\r\n<h2>Setting Things Up</h2>\r\n\r\nIt''s incredibly easy to compress files and I''m going to outline the steps. The first thing you need to do is <a href="http://java.com/">download Java</a>. Since the Closure Compiler comes in the form of a .jar binary file, you''ll need Java to run it. Also, I''d recommended ensuring that you make Java available via your OS path so that you don''t need some long, convoluted command line statement to get to it.\r\n\r\nNext, <a href="http://code.google.com/closure/compiler/">download the Closure Compiler .jar file</a> and drop it into a convenient place that''s easily accessible.\r\n\r\n<a href="http://code.google.com/closure/compiler/"><img src="http://blog.reybango.com/wp-content/uploads/2010/06/closure.png" alt="" title="closure" width="575" height="272" class="alignright size-full wp-image-852" /></a>\r\n\r\nFor this tutorial, I''m going to use the <a href="http://code.jquery.com/jquery-1.4.2.js">uncompressed version of jQuery</a> since it''s sizeable and will be a good sample to use to demonstrate the results. Uncompressed, that file comes in at 161kb. Note, though, that jQuery already comes packaged in a <a href="http://code.jquery.com/jquery-1.4.2.min.js">compressed, ready-to-use form</a> via the jQuery website and I''m only using the file for demonstrating file compression.\r\n\r\n<h2>Compressing the Code</h2>\r\n\r\nActually compressing the code is incredibly easy. Note that I''m using Windows so the steps will differ a little if you''re using OSX with terminal.\r\n\r\nGo ahead and click on Start->Run and open a command prompt window by typing in "CMD" and hitting Enter. From there, change directories to the directory where you''ve saved your uncompressed jQuery JavaScript file. If you can''t remember the DOS command for it, <a href="http://www.computerhope.com/msdos.htm">look up "CD"</a> which is the command to allow you to change directories. For example, I need to enter the following to go to my directory:\r\n\r\n<code>cd \\rey\\closure</code>\r\n\r\nNext, run the following command to run the Closure Compiler:\r\n\r\njava -jar compiler.jar --js=jquery-1.4.2.js --js_output_file=jquery-1.4.2-compressed.js\r\n\r\nThis will run the compiler and create a new, compressed version of the .js file. The results are immediately obvious:\r\n\r\n<strong>jQuery Uncompressed: 161kb\r\njQuery Compresse: 71kb</strong>\r\n\r\nShaving off more than 50% of the file size is a REALLY big savings when your users initially come to the site and you want them to get snappy pages.\r\n\r\n<h2>Other Choices</h2>\r\n\r\nI would highly encourage you to check out the other compressors available to determine which one works for you. In a recent post I made <a href="http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/">outlining a list of tools I think are really important to client-side development</a>, I mentioned the following:\r\n\r\n<a href="http://developer.yahoo.com/yui/compressor/">YUI compressor</a>\r\n<a href="http://www.crockford.com/javascript/jsmin.html">JSMIN</a>\r\n<a href="http://dean.edwards.name/packer/">Dean Edward''s Packer</a>\r\n<a href="http://aspnet.codeplex.com/releases/view/40584">Microsoft Ajax Minifer</a> \r\n<a href="http://shrinksafe.dojotoolkit.org/">Dojo Shrinksafe</a>\r\n\r\nFor example, when I ran those tools on the same uncompressed jQuery file, here''s what I got:\r\n\r\nYUI Compressor: 78kb\r\nMicrosoft''s Ajax Minifier: 72kb\r\nDojo Shrinksafe: 86kb\r\n\r\nI tried using Packer and an online version of JSMin but I think the size of the file caused them both to timeout so I don''t have figures for you.\r\n\r\nAgain, it''s important that you do your own homework as there may settings that I''m not leveraging and could offer even better compression. If you find better performance, let me know. I''d love to hear about it. \r\n', 'Shrinking Your JavaScript Files for Improved Page Performance', 0, '', 'publish', 'open', 'open', '', 'shrinking-your-javascript-files-for-improved-page-performance', '', '', '2010-06-16 12:49:45', '2010-06-16 16:49:45', '', 0, 'http://blog.reybango.com/?p=847', 0, 'post', '', 5);
