Use javascript and CSS to add gradients to any text

How to use JavaScript and CSS to apply a two-color gradient to any text. Shadows and highlights can also be applied…

How to Style an A to Z Index with CSS

Learn how to style an A-Z index using a simple list and CSS. The index expands when you resize the text so it won’t break…

An amazing CSS puzzle

A simple maze puzzle written entirely in css (no javascript etc). The object of the puzzle is to navigate from the start arrow to the star without touching the maze walls, if you do then you will have to start again…

Better Font Families in CSS

font-family is one of the most widely used CSS properties, and with good reason: sometimes you can change the entire feel of a design with this one property. But selecting fonts for your stack also greatly influences your design’s readability and accessibility – which, ultimately, is what’s most important in any web design. That is, […]

Don’t forget about :active in your CSS declarations

We have had the ability to style a links :active pseudo selector since CSS1, yet when was the last time you actually used it? The value of such a subtle detail can have large benefits to a users experience of the site. Not to mention it does give another avenue to enrich the interactivity of […]

Improve your web typography with baseline shift

The baseline is an invisible line onto which all type characters sit, although of course some characters (including ‘j’, ‘p’, ‘g’ and ‘y’) have descenders that hang below the baseline. Baseline shift involves moving characters up or down in relation to the baseline and using it effectively can make a huge difference to the professional […]

Rapid IE6 CSS Debugging

Practical methods for rapidly debugging problems with CSS in IE6…

CSS Drop Caps, the @font-face tag, sIFR and Cufon

Article about font rendering in html pages. Covering CSS “Drop Caps”, @font-face, sIFR and Cufon…

Crash Course: YUI Grids CSS

The Yahoo User Interface Library is an extensive set of JavaScript tools for developers. Often left unnoticed are a few other useful components of the library that will speed up your coding: some CSS libraries…

Override Inline Styles with CSS

Inline CSS styles can be difficult to remove from HTML markup that’s generated by a CMS. Here’s a trick to override the those pesky inline styles…

« Previous PageNext Page »