by Andy Clarke | Publisher: New Riders | Release Date: September 2009 | ISBN: 9780321668660

In Transcending CSS: The Fine Art Of Web Design (New Riders), renowned designer and author Andy Clarke set the stage for the development of progressive Web site design using XHTML, CSS and other Web-standards technologies. In this new video, he takes a step back and teaches some fundamental concepts about designing using CSS and working with a range of browser tools to open up the creative opportunities. Viewers will learn how to design for the web by using the browser and how to lay the foundations for their designs using meaningful and accessible markup. You'll learn about the fundamentals of CSS typography and color, and how to lay out pages using CSS floats, positioning, and columns. The design workflow becomes faster and more efficient, and more accurately representative of how designs will be viewed in the final result. Andy demonstrates these concepts using examples from a fictitious social networking site he created.

1. Section 1: Introduction
   • Section 1: Introduction 00:04:17
2. Section 2: CSS Design Tools
   • Section 2: CSS Design Tools 00:09:50
3. Section 3: CSS Frameworks
   • Section 3: CSS Frameworks 00:03:03
4. Section 4: Design Foundations with HTML
   • Section 4: Design Foundations with HTML 00:05:20
5. Section 5: CSS Fundamental: Styles and Selectors
   • Working from the Content Out 00:05:38
   • Applying CSS Styles 00:03:14
   • Understanding Styles 00:03:43
   • CSS Selectors 00:02:38
6. Section 6: Typography Using CSS
   • Section 6: Typography Using CSS 00:14:04
7. Section 7: Applying Color
   • Section 7: Applying Color 00:07:48
8. Section 8: Working with Images
   • Section 8: Working with Images 00:06:58
9. Section 9: CSS Layout
   • CSS Box Model 00:04:41
   • CSS Floats 00:03:43
   • CSS Positioning 00:01:09
   • Relative Positioning 00:04:47
   • Absolute Positioning 00:01:51
   • CSS Columns 00:02:15
   • Designing Boxes 00:02:50
10. Section 10: Putting It All Together
    • Section 10: Putting It All Together 00:20:26
11. Section 11: Designing in the Browser
    • Section 11: Designing in the Browser 00:08:36
12. Section 11: Tools for Designing in the Browser
    • Section 11: Tools for Designing in the Browser 00:08:36
13. Section 12: Conclusion
    • Section 12: Conclusion 00:02:55