Links

• Yahoo! User Interface Library

• 53 CSS-Techniques You Couldn’t Live Without

• Cascading Style Sheets, level 2 revision 1

• Compose to a Vertical Rhythm by Richard Rutter.

Blog

• CSS for Programmers (and anyone else who appreciates clean, approachable CSS)

• Web-Based Tools for Optimizing, Formatting and Checking CSS

• Powerful CSS-Techniques For Effective Coding

Colours

• http://www.colourlovers.com/

• http://www.colourlovers.com/palettes/search?query=django

Columns

• Top reasons your CSS columns are messed up

Conference

• Doug Bowman - No More Tables: CSS Layout Techniques

• Doug Bowman - Creating Beautiful Interfaces with CSS

• Doug Bowman - Sample Code

Documentation

• StyleDocco generates documentation and style guide documents from your stylesheets.

Editors

• Free CSS Editors

email

• Using CSS in HTML Emails: The Real Story

Forms

• Tips For Creating Great Web Forms

• Improved Current Field Highlighting in Forms

• CSS-Based Forms: Modern Solutions

• http://sprawsm.com/uni-form/ Uni-Form is an attempt to standardize form markup (xhtml) and css, “modularize” it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms.

• http://formalize.me/ Break the cycle of inconsistent form defaults, style forms with impunity!

Framework

• http://twitter.github.com/bootstrap/ Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.

  • http://fortawesome.github.com/Font-Awesome/

• http://www.yaml.de/en/home.html “Yet Another Multicolumn Layout” (YAML) is an (X)HTML/CSS framework for creating modern and flexible floated layouts.

• ZURB Playground, CSS Grid Builder

• Blueprint: A CSS Framework

• Weaving a better Web page - Blueprint and YUI Grids.

  • CleverCSS the pythonic way of webdesign

  • css-boilerplate - A simple CSS framework.

  • http://960.gs/ 960 Grid System.

Icons

• Icons

Layout

• One clean HTML markup, many layouts…

Learning

• Write better CSS with best practices

• Most Practical CSS Cheat Sheet Yet

Message Boxes

• CSS Message Boxes for different message types

Reference

• http://code.google.com/doctype/ Google Doctype is an open encyclopedia and reference library.

Responsive

• http://foundation.zurb.com/ Foundation 3

Snippets

• 10 CSS Snippets to Save Precious Time

Standards

• https://github.com/necolas/idiomatic-css

Stylesheet

• http://astuteo.com/slickmap/ SlickMap CSS is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation.

Tables

• http://cssglobe.com/lab/tablecloth/

• Top 10 CSS Table Designs

Templates

• Open Source Web Design is a site to download free web design templates.

• The Open Design Community (TODC) is a group of Open Source Website Designers providing free web design templates helping to make the global internet a prettier place.

• 12 Basic CSS Templates

• cssBeauty

• cssvault

• CSS Design Templates

• Solucija - Free Templates

• open source templates

• Six Shooter Media - Free CSS Templates, for your viewing, downloading and using pleasure.

Favourite

• Aqueous - Light - 2 Columns

Style Guidelines

• Improving Code Readability With CSS Styleguides

Tools

• http://csslint.net/

  • Should You Start Using CSSLint?

Tutorial

• Creating a CSS layout from scratch

• The 6 Most Important CSS Techniques You Need To Know

• Why Programmers Suck at CSS Design