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`_ .. _`10 CSS Snippets to Save Precious Time`: http://www.blogohblog.com/10-css-snippets-to-save-precious-time/ .. _`12 Basic CSS Templates`: http://www.mitchbryson.com/css-templates/ .. _`53 CSS-Techniques You Couldn't Live Without`: http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/ .. _`Aqueous - Light - 2 Columns`: http://www.sixshootermedia.com/ostemplates/aqueous_light/twocolumns.html .. _`Blueprint: A CSS Framework`: http://code.google.com/p/blueprintcss/ .. _`Cascading Style Sheets, level 2 revision 1`: http://www.w3.org/TR/CSS21/ .. _`CleverCSS`: http://sandbox.pocoo.org/clevercss/ .. _`Compose to a Vertical Rhythm`: http://24ways.org/2006/compose-to-a-vertical-rhythm .. _`Creating a CSS layout from scratch`: http://www.subcide.com/tutorials/csslayout/index.aspx .. _`CSS Design Templates`: http://templates.arcsin.se/ .. _`CSS for Programmers (and anyone else who appreciates clean, approachable CSS)`: http://www.niqos.com/posts/2007/11/09/css-for-programmers-and-anyone-else-who-appreciat/ .. _`CSS Message Boxes for different message types`: http://www.jankoatwarpspeed.com/post/2008/05/22/CSS-Message-Boxes-for-different-message-types.aspx .. _`CSS-Based Forms: Modern Solutions`: http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/ .. _`css-boilerplate - A simple CSS framework`: http://code.google.com/p/css-boilerplate/ .. _`Doug Bowman - Creating Beautiful Interfaces with CSS`: http://video.google.com/videoplay?docid=-988708193861222512&pr=goog-sl .. _`Doug Bowman - No More Tables: CSS Layout Techniques`: http://video.google.com/videoplay?docid=-7403771606765531020&pr=goog-sl .. _`Doug Bowman - Sample Code`: http://stopdesign.com/present/2006/wdwsf/ .. _`Free CSS Editors`: http://blog.lxpages.com/2007/03/29/free-css-editors/ .. _`Improved Current Field Highlighting in Forms`: http://css-tricks.com/improved-current-field-highlighting-in-forms/ .. _`Improving Code Readability With CSS Styleguides`: http://www.smashingmagazine.com/2008/05/02/improving-code-readability-with-css-styleguides/ .. _`Most Practical CSS Cheat Sheet Yet`: http://www.pxleyes.com/blog/2010/03/most-practical-css-cheat-sheet-yet/ .. _`One clean HTML markup, many layouts...`: http://www.tjkdesign.com/articles/one_html_markup_many_css_layouts.asp .. _`open source templates`: http://opensourcetemplates.org/ .. _`Open Source Web Design`: http://www.oswd.org/ .. _`Powerful CSS-Techniques For Effective Coding`: http://www.smashingmagazine.com/2008/02/21/powerful-css-techniques-for-effective-coding/ .. _`Should You Start Using CSSLint?`: http://net.tutsplus.com/articles/should-you-start-using-csslint/ .. _`Six Shooter Media - Free CSS Templates`: http://www.sixshootermedia.com/free-templates/ .. _`Solucija - Free Templates`: http://www.solucija.com/home/css-templates/ .. _`The 6 Most Important CSS Techniques You Need To Know`: http://trevordavis.net/blog/tutorial/the-6-most-important-css-techniques-you-need-to-know/ .. _`The Open Design Community`: http://www.opendesigns.org/ .. _`Tips For Creating Great Web Forms`: http://css-tricks.com/tips-for-creating-great-web-forms/ .. _`Top 10 CSS Table Designs`: http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/ .. _`Top reasons your CSS columns are messed up`: http://warpspire.com/tipsresources/web-production/css-column-tricks/ .. _`Using CSS in HTML Emails: The Real Story`: http://css-tricks.com/using-css-in-html-emails-the-real-story/ .. _`Weaving a better Web page`: http://www.ibm.com/developerworks/opensource/library/wa-htmlcss/index.html .. _`Web-Based Tools for Optimizing, Formatting and Checking CSS`: http://sixrevisions.com/css/css_code_optimization_formatting_validation/ .. _`Why Programmers Suck at CSS Design`: http://www.betaversion.org/~stefano/linotype/news/169/ .. _`Write better CSS with best practices`: http://www.problogdesign.com/design/write-better-css-with-best-practices/ .. _`Yahoo! User Interface Library`: http://developer.yahoo.com/yui/ .. _`ZURB Playground, CSS Grid Builder`: http://www.zurb.com/playground/css-grid-builder .. _cssBeauty: http://www.cssbeauty.com/ .. _cssvault: http://cssvault.com/ .. _Icons: ../design/links.html .. _StyleDocco: http://jacobrask.github.com/styledocco/