Video Description
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.
Table of Contents
-
Section 1: Introduction
- Section 1: Introduction 00:04:17
-
Section 2: CSS Design Tools
- Section 2: CSS Design Tools 00:09:50
-
Section 3: CSS Frameworks
- Section 3: CSS Frameworks 00:03:03
- Section 4: Design Foundations with HTML
-
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
-
Section 6: Typography Using CSS
- Section 6: Typography Using CSS 00:14:04
-
Section 7: Applying Color
- Section 7: Applying Color 00:07:48
-
Section 8: Working with Images
- Section 8: Working with Images 00:06:58
-
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
-
Section 10: Putting It All Together
- Section 10: Putting It All Together 00:20:26
-
Section 11: Designing in the Browser
- Section 11: Designing in the Browser 00:08:36
- Section 11: Tools for Designing in the Browser
-
Section 12: Conclusion
- Section 12: Conclusion 00:02:55