Class 3 - Problem Solving With CSS

Thursday, June 25, 2009

Class Outline

In this class we are presented with a few common design problems (or scenarios) and work out the best CSS solutions, making sure to justify our decisions as well as understand the technical implementation. 

Resources

• PowerPoint for this week
• Examples from Class
  • Example CSS Sprite Implementation from class
  • CSS3 rounded corners example from class
• Book: Transcending CSS: The Fine Art of Web Design
• Book: CSS Pocket Reference
• Book: The Ultimate CSS Reference
• Wikipedia Article on Progressive Enhancement
• CSS Sprites
  • A List Apart Article on CSS Sprites
  • CSS Tricks Tutorial on CSS Sprites
• Icons
  • Icons used for the CSS Sprites exercise
  • The ever famous Silk Icons from Fam Fam Fam
  • Fugue, an alternative to the Silk icon set (need to give attribution)
• Rounded Corners
  • 2003 tutorial on rounded corners with CSS and four images
  • CSS3 Rounded Border-Radius property for rounded corners
  • 24 Ways Article on Rounded Corners with CSS using border-radius and 4 values for background-image property
• 10 Tutorials and Options for Sexy CSS Buttons