Lawnchair – A lightweight client-side JSON document store LabJS Dynamic Script Loader – Allows execution and load management of JavaScript files Raphael.js – simplifies working with vector graphics on the web My personal favorite is jQuery, of which I’m a member of the project team.
These libraries are all very mature and dramatically help to abstract the complexities of cross-browser development. With that said, a good JS library will go a long way to making your development faster and much more stable. I definitely recommend everyone to learn JavaScript as you’ll need it to be a really effective client-side developer. Want to minimize browser inconsistencies? Then use a CSS reset stylesheet to specify baseline CSS styles that make browser presentation defaults more consistent. 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. Like their JavaScript brethren, they help to abstract much of the complexity of building consistent layouts in cross-browser fashion. CSSEdit by MacRabbit (Mac only) is especially loved by many designers. Call me old-school but many swear by the following CSS editors. PageSpeed – Analyzes page performance based on accepted industry best practices.ĭebugBar – An IE plugin that brings advanced debugging features to IE including JS, DOM & HTTP inspection YSlow – Analyzes page performance based on accepted industry best practices. Web Developer’s Toolbar – All purpose Firefox toolbar to inspect everything on a page Great for seeing Ajax requests.ĭynaTrace Ajax – HTTP performance analyzer Great for seeing Ajax requests.Ĭharles – HTTP Sniffer. WebKit Web Inspector – Webkit’s browser debugger toolsįiddler – HTTP Sniffer. IE8 Developer Tools – Microsoft’s browser debugger toolsįirebug – Mozilla’s browser debugger add-on I also love Charles for HTTP sniffing and it’s saved my butt when Firebug couldn’t handle it. Firebug is definitely a must have since it incorporates so much DOM & XHR introspection as well as the Web Developer Toolbar. Luckily, we do have a decent set of tools that lessens the pain substantially. 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.ĭebugging Tools That Make Life MUCH Easier:Įffectively 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. 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). 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.
NOTE: I’ve moved the list to it’s own dedicated page so that I can manage it a little easier so for the most up-to-date list, go to the following page.
0 kommentar(er)
