Holmes is stand-alone diagnostic CSS stylesheet that can highlight potentially invalid, inaccessible or erroneous HTML5 markup by adding one class…
Archive for April, 2011
-
holmes.css – CSS Markup Detective
Posted: 10 months ago in Tools
Read More: holmes.css – CSS Markup Detective
-
inuit.css – a cool CSS framework
Posted: 10 months ago in Tools
Read More: inuit.css – a cool CSS framework
-
CSS3 Progress Bars
Posted: 10 months ago in Tutorials
CSS3 progress bars using no images, just CSS3 fancies. They fall back to an acceptable experience in browsers that don’t support CSS3…
Read More: CSS3 Progress Bars
-
39 Ridiculous Things To Do With CSS3 Box Shadows
Posted: 10 months ago in Code
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…
-
CSS3 vs. CSS: A Speed Benchmark
Posted: 10 months ago in Articles
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…
Read More: CSS3 vs. CSS: A Speed Benchmark
-
CSS3 Patterns Gallery
Posted: 10 months ago in Tools
An impressive gallery of CSS3 patterns that are created without using any images. You’ll need a modern browser to see them…
Read More: CSS3 Patterns Gallery
-
A new micro clearfix hack
Posted: 10 months ago in Code
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…
Read More: A new micro clearfix hack
-
Controlling width with CSS3 box-sizing
Posted: 10 months ago in Tutorials
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…
Read More: Controlling width with CSS3 box-sizing
-
Absolutely Positioned Textareas
Posted: 11 months ago in Code
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…
Read More: Absolutely Positioned Textareas