I Love CSS

The following is a set of resources to accompany the lectures 'Practical CSS3' and 'CSS and WordPress'.

All links were checked and live as of March 7th, 2012.

CSS3 Property References and Generators

CSS3 Specification
http://www.w3.org/TR/CSS/
CSS Tricks
http://css-tricks.com/
CSS3 Please!
http://css3please.com/
CSS3 Generator
http://css3generator.com/
The 30 CSS Selectors you Must Memorize
http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/
CSS3.info
http://www.css3.info
Border Radius generator
http://border-radius.com/
Ultimate CSS3 Gradient Generator
http://www.colorzilla.com/gradient-editor/
Back to top

Web Typography

Font Squirrel
http://www.fontsquirrel.com/
Google Web Fonts
http://www.google.com/webfonts
League of Moveable Type
http://www.theleagueofmoveabletype.com/
'On Web Typography' - Jason Santa Maria at Build 2011
http://vimeo.com/34178417
'On Web Typography' - Jason Santa Maria writing for A List Apart
http://www.alistapart.com/articles/on-web-typography/
Review of Popular Web Font Embedding Services - Smashing Magazine
http://www.smashingmagazine.com/2010/10/20/review-of-popular-web-font-embedding-services/
Revised Font Stacks
http://www.awayback.com/revised-font-stack/
Back to top

CSS3 Media Queries

W3C Specification
http://www.w3.org/TR/css3-mediaqueries/
How To Use CSS3 Media Queries To Create a Mobile Version of Your Website
http://coding.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/
Mediaqueri.es
http://www.mediaqueri.es
Screenfly
http://quirktools.com/screenfly/
Targeting the iPhone 4 Retina Display with CSS3 Media Queries
http://blog.iwalt.com/2010/06/targeting-the-iphone-4-retina-display-with-css3-media-queries.html
Designing for the Retina Display
http://www.lukew.com/ff/entry.asp?1142
Responsive Web Design - Ethan Marcotte
http://www.abookapart.com/products/responsive-web-design
Designing for iPhone 4 Retina Display: Techniques and Workflow
http://www.smashingmagazine.com/2010/11/17/designing-for-iphone-4-retina-display-techniques-and-workflow/
Enabling media query support in old versions of Internet Explorer
http://code.google.com/p/css3-mediaqueries-js/
Back to top

CSS3 Animation

CSS3 for Web Designers by Dan Cederholm
http://www.abookapart.com/products/css3-for-web-designers
.net magazine masterclass
http://www.netmagazine.com/tutorials/masterclass-css-animations
Keyframe Animation Syntax
http://css-tricks.com/snippets/css/webkit-keyframe-animation-syntax/
Back to top

CSS3 Selectors

Sitepoint CSS3 Selectors Reference
http://reference.sitepoint.com/css/selectorref
How to use CSS3 Pseudo-Classes - Smashing Magazine
http://coding.smashingmagazine.com/2011/03/30/how-to-use-css3-pseudo-classes/
CSS3 selector browser support
http://www.quirksmode.org/css/contents.html
Back to top

CSS and WordPress

Anatomy of a WordPress Theme
http://yoast.com/wordpress-theme-anatomy/
Starkers Theme
http://starkerstheme.com/
Boilerplate Theme
http://wordpress.org/extend/themes/boilerplate
Roots Theme
http://www.rootstheme.com/
Conditional Classes for Internet Explorer
http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
Conditional Classes syntax for WordPress
Conditional classes in WordPress
Back to top

List compiled by Stephanie Francis, March 2012.