“Save your *.less file and, BOOOM, SimpLESS generates a 100% valid standard CSS document out of it. No further steps, it’s that simple.”
Prefix free »
October 31, 2011 -
“lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed.”
The Multi-Size Web »
September 11, 2011 -
Awesome collection of responsive, multi-size Web layout resources, tools and articles.
Scout »
August 24, 2011 -
“Compass and Sass without all the hassle… a cross-platform app that delivers the power of Sass and Compass to the hands of web designers.”
spin.js »
August 18, 2011 -
A configurable loading spinner that’s smaller than an animated gif, built purely with JavaScript and CSS.
LESS.app For Mac OS X »
August 17, 2011 -
An app that autocompiles .less files into CSS. I like this idea much more than having JS do the work on the front-end, or for that matter, having the server-side scripting language like PHP or Python compile it.
Golden Grid System »
August 17, 2011 -
A “folding” grid for responsive design. An interesting solution to accomodate the use of grids within responsive Web designs. Now to think up a new project to try it out…
Re-tabulate »
August 16, 2011 -
A great breakdown on how to switch the order that the content and navigation is displayed based on the browser size, using CSS. A key component to truly responsive Web sites and apps.
39 Ridiculous Things To Do With CSS3 Box Shadows »
August 12, 2011 -
Some are silly, but others spark some great ideas.
Prefixr »
August 3, 2011 -
Paste your CSS into Prefixr and it will automatically add vendor prefixes for CSS3 properties. Even better, there’s an API available, so you can automate the change or hook into it from your favorite IDE.
Smoosh »
July 18, 2011 -
via @joemccann
A command line tool “for packaging your CSS & JavaScript projects. It will lint your JavaScript with JSHint, then build and minify your files (if you’d like) with UglifyJS for JavaScript, and Sqwish for CSS.”
Sprite Cow »
June 21, 2011 -
Makes it easy to generate the CSS for the background-position, width and height of images within a sprite.
CSS Lint »
June 16, 2011 -
We’ve gone too long without a good lint tool for CSS. This one provides syntax checking and applies “a set of rules to the code that look for problematic patterns or signs of inefficiency. The rules are all pluggable, so you can easily write your own or omit ones you don’t want.”
A Whole Bunch of Amazing Stuff Pseudo Elements Can Do »
June 14, 2011 -
I tend to avoid ’roundup’ posts as they’re usually just link-bait, but this one has managed to present several techniques that I want to dig in and experiment with.
Styling ordered list numbers »
May 27, 2011 -
Why has it taken us so long to have a solution for this? It’s such a basic design requirement. Thanks to Roger Johansson for sharing his method.
CSS Mask-Image & Text »
May 19, 2011 -
“we’ll soon be all out of reasons to resort to image replacement for beautiful type on the web” Amen.