aol.com
Featured Bloggers
Peter Rivera
SVP, Interactive Design
& Development
Rachel Been
Photo Editor, AOL Living
Allison Bucchere
VP, AOL Lifestyle Design
Michael Costantino
Principal UI Designer & Information Architect
Jason Cranford-Teague
Director, Web Design Standards
Rich Foster
Creative Director,
Key Experiences
John Kilpatrick
VP, AOL Entertainment Design Studio
Bill Knight
Creative Director,
Experience Design
Milissa Tarquini
Director, UI Design
Feb 20th 2009 2:59PM
Over the past year, I've had the honor of teaching the CSS Basics classes to dozens of AOL designers and programmers. The class takes students from the basics of what makes a Web page through to the fundamentals of the CSS Language and finishing with best practices.

After the class, I get a lot of good feedback and questions from the students, but the most frequently asked question is "What's next?"

I'm pleased to announce that I'm working on an advanced class for AOL, but I need your help. Below is the outline for what I want to cover in the advanced class. Tell me what you think. Does this cover what you want to know? Have I left anything out? Do you want more practice? Less practice and more instruction? Help me to make the best class I can for you!

I'll be taking feedback over the next few weeks, and hope to be able to hold the first classes sometime in March.

CSS Advanced: Using CSS to Describe Your Designs

CSS Review

  • Syntax
  • Semantics
  • Vocabulary
  • CSS Tools
  • CSS Best Practices

Layout

  • The Grid
    • Fluid or Fixed
    • Columns
    • Rows
  • Free Form Design
    • Order out of Chaos
  • Modules
    • Header/Footer
    • Content
    • Contextual layout
    • Scrollable module

User Interface Design

  • Forms
      • Labels
      • Input Fields
      • Checks and radios
      • Buttons
      • Tables
      • Lists
      • Cursors

Buttons and Controls

  • CSS Sprites
      • Hypertext Links
      • Menus
      • Horizontal
      • Vertical

Graphic Design

  • Skinning Your Design
    • Backgrounds
    • Borders
    • Cutting Chrome
  • Writing your Design Specs in CSS
    • Creating a CSS Test Page

Typography

  • Choosing Fonts
  • Headers
  • Copy
    • Body
    • Block-quotes
    • Captions

Images

  • Branding
  • Frames
  • Photos
  • Figures and illustrations


Related Links:

© Copyright 2008 AOL, LLC All Rights Reserved