The Colour Contrast Check Tool allows to specify a foreground and a background colour and determine if they provide enough of a contrast "when viewed by someone having color deficits or when viewed on a black and white screen"
How to go from 15kb to a file of 11kb without even changing one single line in a CSS file? Without ruining the looks and comments of our page. How to keep them intact for editing and highly parsed, optimized for speed and compressed but only for the visitors? How to do that without the stress of updating something when you change your code?
Improve your document styling process, Try to control browser defaults, When possible, avoid Box model inconsistencies, Comment your style sheets properly, Organize your style sheets by section, Use a color glossary, Name only that which needs naming, Don’t stop reading...
Finally! A solution for creating square corners on your website. You've probably read countless tutorials on how to make rounded corners, but a simple, elegant solution for creating square corners has yet to emerge.
In CSS2, the page properties are defined by the @page rule, while several new properties help control page breaking. John Allsopp explains in detail, which guidelines you should keep in mind designing print layouts and how you use @page-rules such as page-break-before, Widows, Orphans etc. efficiently.
Slimbox is a 7kb visual clone of the popular Lightbox JS v2.0 by Lokesh Dhakar, written using the ultra compact mootools framework. It was designed to be small, efficient, more convenient and 100% compatible with the original Lightbox v2.
Vertical bar graphs, unlike their easy-sleezy cousins (horizontal bar graphs) are hard to create. They require a bit of CSS trickery and some relaxing of the "no style within my body tags, thank you" mentality.