Creatively Display Client Testimonials Using CSS

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 […]

CSS Prism – Analyze Colors in any CSS File

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…

HTML 5 Reset Stylesheet

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 […]

Display Text Blocks Over Image

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

Taming CSS Selectors

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…

Getting Started with CSS: A Practical Exercise

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 […]

Free CSS Menus for Website Navigation

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

Typetester – Compare fonts for the screen

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…

Nice Web Type – Pure CSS text gradient no PNGs

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…

Definitive Guide to Taming the IE6 Beast

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 […]

« Previous PageNext Page »