WebPagetest »
September 7, 2010 -
An excellent resource for testing and optimizing Web site performance. The information contained in the results is the most thorough of any I've seen.
Adobe BrowserLab »
August 30, 2010 -
Adobe's service that provides a nice array of browser screenshots of any URL entered, significantly easing cross-browser tests.
Gitbox »
August 26, 2010 -
"a Mac OS X graphical interface for Git version control system. In a single window you see branches, history and working directory status."
jQuery.Html5form »
August 25, 2010 -
HTML5 includes form validation as part of the spec, so once it's fully supported we won't need to use JavaScript to validate form input. Sadly, this is only supported by Webkit browsers at the moment (Safari & Chrome). This plugin addresses the gap for the other major browsers with a single line of code.
Getting to Work with CSS3 Power Tools »
August 24, 2010 -
A compilation of the more interesting attributes available in CSS3 and how they can be used in modern browsers.
CSS Media Queries: Bees Knees Or Spawn of Satan? »
August 24, 2010 -
A straightforward breakdown of the state and usefulness of CSS Media Queries that pulls together the various points of contention.
PaintbrushJS »
August 18, 2010 -
"A lightweight browser-based image processing library".
JavaScript's come a long way. This library provides a wealth of image manipulation capabilities, including tints, blur, noise, sepia and grayscale - all handled by the browser. What a sweet way to ensure you don't have to reprocess your images the next time you redesign your site.
JavaScript's come a long way. This library provides a wealth of image manipulation capabilities, including tints, blur, noise, sepia and grayscale - all handled by the browser. What a sweet way to ensure you don't have to reprocess your images the next time you redesign your site.
HTML5 Boilerplate »
August 12, 2010 -
As noted on the site, this is "the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site" While I likely won't use this whole, there are some very interesting pieces to this worth using, especially in the style sheet and .htaccess files. I'll likely appropriate many of the concepts for my work.
This is an outstanding contribution to the Web development community by Paul Irish and Divya Manian as well as all of the people whose work they built upon.
This is an outstanding contribution to the Web development community by Paul Irish and Divya Manian as well as all of the people whose work they built upon.
Compass »
August 6, 2010 -
"Compass is a stylesheet authoring framework that makes your stylesheets and markup easier to build and maintain. With compass, you write your stylesheets in Sass instead of CSS. Using the power of Sass Mixins and the Compass community, you can apply battle-tested styles from frameworks like Blueprint to your stylesheets instead of your markup."
Ruby must be on the system in order for the style sheets to be compiled, but the output doesn't require it.
Ruby must be on the system in order for the style sheets to be compiled, but the output doesn't require it.
Style Guides Using Sass @extend »
August 6, 2010 -
via @pengwynn. This is a smart use of Sass to define a separate style guide file for key presentation elements like fonts and colors that the designer can easily modify, while ensuring that the main style sheet can inherit all of those values.
This warms my front-end developer heart as I'm not fond of breaking up a site into separate style sheets for colors, spacing, fonts and the like as it becomes unmanageable or very cumbersome as everyone has to be aware of which files reference any given element, and should a significant change need to be made to the structure of the markup, it must be reflect throughout the site.
This warms my front-end developer heart as I'm not fond of breaking up a site into separate style sheets for colors, spacing, fonts and the like as it becomes unmanageable or very cumbersome as everyone has to be aware of which files reference any given element, and should a significant change need to be made to the structure of the markup, it must be reflect throughout the site.
jQuery each2 plugin vs jQuery core .each method »
August 3, 2010 -
via @getify. A jQuery plugin optimized to handle the use of $(this) inside an .each loop.
The HTML5 test »
August 1, 2010 -
This site provides "an indication of how well your browser supports the upcoming HTML5 standard and related specifications."
How FuncUnit works »
July 27, 2010 -
An open source JavaScript web application testing framework that combines Selenium, jQuery, QUnit and Envjs and your debugger of choice (such as Firebug). Looks interesting.
html5shiv »
July 20, 2010 -
I didn't realize Google hosts the HTML 5 Shiv in addition to the other JavaScript frameworks that it's kind enough to provide the community. Nice!
If you want to use HTML 5, the shiv is pretty well a requirement as Internet Explorer (up to and including IE 8) doesn't support the new elements in the spec. Plus it's easy to implement and will only be downloaded by the browsers that need it.
If you want to use HTML 5, the shiv is pretty well a requirement as Internet Explorer (up to and including IE 8) doesn't support the new elements in the spec. Plus it's easy to implement and will only be downloaded by the browsers that need it.
Web Performant WordPress »
July 19, 2010 -
Dave Rupert provides an excellent breakdown of how to speed up your WordPress-powered site. There's no excuse to not spend the time implementing these changes. Even if you're like me, and have already done a lot of the work, I'm willing to bet there's a step or two that will make your site even better. For me, it's the super-duper-easy cut-and-paste improvements to the htacess file to enable gzip and browser caching.
jQuery Infinite Carousel – Version 2 »
July 19, 2010 -
This carousel plugin is extremely easy to implement and given the great set of options, very flexible
Genesis Theme Framework – Hook Reference »
July 18, 2010 -
Genesis Theme Download & Tutorials »
July 18, 2010 -
Font metrics and vertical space in CSS »
July 14, 2010 -
"If you’ve ever wondered why some fonts look smaller than others at the same typeset size, or why the vertical space between lines of text is such a guessing game, this post is for you."