links - howtos
Sources of practical for css as it
Who decides what CSS does?
The W3 Consortium at
is the home of CSS and creates the standards for it.
The W3C is made up of many companies and organisations around the world.
Do you have more to add? Please let us know at the contact form
40 essential CSS templates, resources and downloads
Code and how-tos for forms, rounded corners, lists, pagination, etc; Tools for making CSS; Page templates; Tools for cross-browser compatibility.
Paul Andrew - SpeckyBoy
: November 2010
50 useful coding techniques (CSS layouts, visual effects and forms)
"An overview of useful CSS/jQuery coding tips, tricks and techniques for visual effects, layouts and web form design."
: February 2010
CSS code from MaxDesign
Again useful! code and examples: lists, floats, much more.
CSS3 demos and tools
Some cool visual designs with CSS3, and useful tools like PIE and Modernizr to make your CSS work better.
Mirko - Designer Daily
: July 2010
Very useful! Summary of tags and properties - code and examples
Stories in Flight
: September 2010
Equal height columns with cross-browser CSS
"This tutorial highlights the display problems that occur with multiple column layouts, and then shows a simple solution that works in all common web browsers."
Matthew James Taylor
: October 2008
Perfect multi-column CSS liquid layouts.
Code for website layouts, using percentage widths and relative positioning. They work with all the common web browsers including Safari on the iPhone and iPod touch."
Matthew James Taylor
: October 2007
Rock Solid CSS Layout
"Start with the creation of a simple two-column layout. Along the way, we'll discover how to use absolute and relative positioning, and see how margins, padding, and borders work together. Then, we'll get an understanding of how all these tools can be used together in practice by creating a two-column layout that uses many of the techniques we have discussed already in this book." (A chapter excerpted from SitePoint's HTML Utopia: Designing Without Tables Using CSS, Second Edition.)
Dan Shafer and Rachel Andrew
: April 2006
Tables are for data: the problems with tables for layout
"The use of tables is now actually interfering with building a better, more accessible, flexible, and functional Web. Find out where the problems stem from, and learn solutions to create transitional or completely table-less layout." A presentation at a Seybold conference.
Merikallio and Pratt
"One of the most common operations performed in a Web page is to detect the browser type and version. Browser detection is performed to ensure that the content presented to the browser is compatible and renders correctly. The browser type can be detected using many different techniques. Most methods of browser detection make use of either server- or client-side script, and each have advantages and disadvantages. This article focuses on conditional comments, which offer an alternative to scripted browser detection. Conditional comments offer certain advantages over scripted browser detection techniques and are also easier to use."
Swearing Off Hacks with Conditional Comments
"conditional comments were a proprietary feature introduced in IE5 for Windows — which has thus far not been adopted by any other browser — allowing developers to easily delineate segments of HTML to be delivered only to certain browsers." So can also be used to deliver MSIE-only stylesheets.
Fancy Form Design Using CSS
"Form elements are derived from native operating system widgets, which makes them particularly difficult to style. Forms are often critical to the function of a web site ..." How to use
fieldset and why. Has some answers to general float problems. Read online, download print version, or download full article as PDF
Cameron Adams at SitePoint
: May 2007
Prettier Accessible Forms
Making forms without tables, with css - portable, accessible.
: 20 June 2006
Less Framework 2
(This is *not* LESS the CSS extender.) Yet another CSS framework. "A CSS framework for cross-device layouts." Uses inline CSS3 media-queries to switch between three layouts. Useful to see how the code is done; can set options and see code change.
: September 2010
Responsive Web Design
A bit long and rambling, but good once he gets to the point! How to use CSS media-queries to change your design for iPods, phones, etc..
Ethan Marcotte - A List Apart
: May 2010
menus and tabs
position and floats
pretties: rounded corners
Saving bandwidth and improving site speed using CSS sprites
Good explanation of how to do css sprites (many images in one) on rollovers, and why they are better than using multiple single images. Good comments.
Peter Richards - Six Revisions
: July 2010
Spritegen CSS Sprites Generator
Generates one image from your uploaded images, with the CSS code to make it work. Many options. Explains about sprites. Can get source code and use on your own computer.
Showing and hiding content with pure CSS3
How it works: expanding/collapsing or shown/hidden box, whether this is a tabbed interface, a content "tray" on the side that can be slid out and then put away again, or a complex tree menu with expanding/collapsing sub-menus.
Corey Mwamba - Opera
: October 2010
show/hide: hover popups (tooltips)
show/hide: nav menus - dropdowns
More css info on this site