Design Resources

CSS Gradient Text Effect Jan 17, 2008

A simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash). All you need is an empty tag in the heading and apply the background image overlay using the CSS position:absolute property.



CSS Text Wrapper Jan 17, 2008

The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want.



Maximum and Minimum Height and Width in Internet Explorer Dec 17, 2007

by taking advantage of IE’s proprietary CSS attribute, expression, you too can whip IE widths and heights into desirable proportions,The CSS expression attribute enables JavaScript commands to be executed within Internet Explorer.



SitePoint CSS Reference Dec 06, 2007

the most detailed and up-to-date reference on the subject available: – What Is CSS? – General Syntax and Nomenclature – At-Rules – Selectors – Workarounds, Filters and Hacks – The Cascade, Specificity, and Inheritance – CSS Layout and Formatting – Box Properties – Layout Properties – List Properties – Table Properties – Color and Backgrounds – Typographical Properties – Generated Content – User Interface Properties – Vendor-Specific Properties – Paged Media Properties – Differences Between HTML and XHTML – Alphabetic Property Index



Blueprint CSS Cheat Sheet Nov 26, 2007

A reference page with all the important class names that you can print out and keep on your desk about Blueprint CSS freamework



Creating a table with dynamically highlighted columns like Crazy Egg's pricing table Sep 28, 2007

Creating a table with dynamically highlighted columns like Crazy Egg’s pricing table . Step by step tutorial using CSS, JavaScript, and images in clever ways.



6 Keys to Understanding Modern CSS-based Layouts Aug 27, 2007

Key elements need to come together to create a solid CSS-based layout that is consistent cross-browser. Box Model, Floated Columns, Sizing Using Ems, Image Replacement, Floated Navigation, Sprites



CSS: List Boxes Aug 21, 2007

Using a simple unordered list this experiment aligns the boxes across the page with the end result being to showcase items like services, products, or specials. One of cool thing about this — if you turn off styles — is the extractable semantics with the headings and paragraphs used.



Blueprint, a CSS framework Aug 04, 2007

Blueprint is a CSS framework, which aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing.



CSS Redundancy Checker Jul 31, 2007

Use this tool to find CSS selectors that aren’t used by any of your HTML files and may be redundant.