Holmes is stand-alone diagnostic CSS stylesheet that can highlight potentially invalid, inaccessible or erroneous HTML5 markup by adding one class…
Direct link: holmes.css – CSS Markup Detective
Monthly Archives: April 2011
inuit.css – a cool CSS framework
A minimal and extensible CSS framework supporting mobile devices, HTML5 and more…
Direct link: inuit.css – a cool CSS framework
CSS3 Progress Bars
CSS3 progress bars using no images, just CSS3 fancies. They fall back to an acceptable experience in browsers that don’t support CSS3…
Direct link: CSS3 Progress Bars
39 Ridiculous Things To Do With CSS3 Box Shadows
Box-shadow is a pretty powerful property in modern browsers. With just six little values, you can make some really neat stuff. How much neat stuff, you ask? To find out, I set a little time aside each day to play with it. The result is 39 ridiculous little experiments that, due to whatever issues, can only be viewed in Chrome 11 or better…
Direct link: 39 Ridiculous Things To Do With CSS3 Box Shadows
CSS3 vs. CSS: A Speed Benchmark
Compares the speed of the same design coded twice: once with CSS3, and a second time using CSS background images sliced directly from the PSD…
Direct link: CSS3 vs. CSS: A Speed Benchmark
CSS3 Patterns Gallery
An impressive gallery of CSS3 patterns that are created without using any images. You’ll need a modern browser to see them…
Direct link: CSS3 Patterns Gallery
A new micro clearfix hack
The clearfix hack is a popular way to clear floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required…
Direct link: A new micro clearfix hack
Controlling width with CSS3 box-sizing
An incredibly useful CSS3 feature when you’re creating columns with floats is box-sizing. It lets you choose which box sizing model to use – whether or not an element’s width and height include padding and border or not.This is useful since it makes it much easier to define flexible widths where you also need padding and/or borders. A typical example is laying out forms, which can be a real pain when you want flexible widths…
Direct link: Controlling width with CSS3 box-sizing
Absolutely Positioned Textareas
A handy technique for absolutely positioning textareas using left, right, top and bottom values to lock inner elements relative to an outer container. This avoids any issues with padding in various browsers…
Direct link: Absolutely Positioned Textareas