CSS Head

Display your client testimonials in a creative way, something a little more interesting than just a paragraph of text with their name. Display the testimonial copy within large quotes, and then a picture of the client below the copy. In effect, there are 3 columns, two thin sides with the quotes in them, and the center column with the testimonial copy…

CSS Prism, a CSS color spectrum inspector. Input the path to any .css file, and it’ll output an easy to scan display of all hex colors from the file. Unwanted colors can be edited via a Photoshop-like color picker (using the jQuery color picker) and the resulting CSS file can be downloaded for your convenience…

We’ve had a number of people asking about templates, boilerplates and styling for HTML 5 so to give you all a helping hand and continue on from those basic building blocks that Remy talked about last week, here’s a HTML 5 reset stylesheet for you to take away and use, edit, amend and update in your projects. It’s based on Eric Meyers CSS reset, with a few adjustments from Erics work that we’ll get to later but first here’s the file in full and we’ll then break it down step by step…

How to display an absolutely positioned transparent caption over an image using just CSS and HTML…

From Nicole’s presentation at the CSS Summit. This is brand new research regarding efficient CSS selector design. Practicing the rules outlined here will make your CSS lean, your site fast, and your maintenance minimal. A beautiful combination for people concerned with building performance into their sites…

Learning how to write CSS is an essential lesson in any web design classroom. For you who are just starting out, here’s a beginner’s guide to help you learn the basics in proper CSS execution. Performing even the most basic CSS task requires an eye for details. Code is poetry and not something for the restless. In this beginner’s guide tutorial we will show an example of how to create an html web page using div tag markup and later defining them in an external stylesheet.

13 Styles is all about CSS menus. The menus are list based, very light-weight, easy to implement, and cross-browser compliant…

The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated…

So there you have it. A pure CSS text gradient with no PNG images necessary. Of course, it only works in Safari. Get your mind into techniques like this now, and you’ll know the logic when other browsers catch up…

For years, Internet Explorer 6 IE6 has been the bane of existence for web designers around the world. Designers and users alike have come to enjoy the increasingly predictable, standards-compliant behavior of great modern browsers like Firefox, Opera, and Safari. Meanwhile, IE6 continues to haunt our designs, lurking in dark places while dying a painfully slow, agonizing death. As we await that grand and glorious day when IE6 is as dead as Netscape 4, let us be mindful of the endagered species of users who, for whatever sad reason, continue to torture themselves with that terrible beast of a browser. So come now, let us celebrate these last days of IE6 with this definitive guide to taming the IE6 beast…