Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

Overview

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.

Subscriber Reviews

Average Rating: 4.615384615384615 out of 5 rating Based on 13 Ratings

"Great presentation!" - by Dionel Segura on 25-JAN-2013
Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
Well presented! I enjoyed watching this video.

Report as Inappropriate

"Brilliant" - by Axon on 30-DEC-2011
Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
Very simple, straight forward and powerful ideas, tools and information.  
Report as Inappropriate

"Great video series" - by edsilva on 10-JUN-2011
Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
I especially liked the technique of using RGBa (transparency) for colour harmony.
Report as Inappropriate

"Good Job Ol' Chap" - by John on 27-FEB-2011
Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
Very well done video with Andy Clarke. He explains CSS very well and presents excellent details for implementation. Andy is an excellent teacher. I am new to CSS and just watched the video all the way through. I will be watching it again doing the examples along with Andy. His putting it all together segment was the best.
Report as Inappropriate

Table of Contents

Chapter/Selection

Time

Section 1: Introduction

Section 1: Introduction

Preview

00:04:16

Section 2: CSS Design Tools

Section 2: CSS Design Tools

Preview

00:09:50

Section 3: CSS Frameworks

Section 3: CSS Frameworks

Preview

00:03:03

Section 4: Design Foundations with HTML

Section 4: Design Foundations with HTML

Preview

00:05:19

Section 5: CSS Fundamental: Styles and Selectors

Working from the Content Out

Preview

00:05:38

Applying CSS Styles

Preview

00:03:13

Understanding Styles

Preview

00:03:43

CSS Selectors

Preview

00:02:38

Section 6: Typography Using CSS

Section 6: Typography Using CSS

Preview

00:14:03

Section 7: Applying Color

Section 7: Applying Color

Preview

00:07:47

Section 8: Working with Images

Section 8: Working with Images

Preview

00:06:57

Section 9: CSS Layout

CSS Box Model

Preview

00:04:40

CSS Floats

Preview

00:03:43

CSS Positioning

Preview

00:01:08

Relative Positioning

Preview

00:04:47

Absolute Positioning

Preview

00:01:50

CSS Columns

Preview

00:02:15

Designing Boxes

Preview

00:02:49

Section 10: Putting It All Together

Section 10: Putting It All Together

Preview

00:20:26

Section 11: Designing in the Browser

Section 11: Designing in the Browser

Preview

00:08:36

Section 11: Tools for Designing in the Browser

Section 11: Tools for Designing in the Browser

Preview

00:08:36

Section 12: Conclusion

Section 12: Conclusion

Preview

00:02:54

Extras

The publisher has provided additional content related to this title.


Description
Content

Exercise file

  • examples.zip

Exercise file

  • examples.zip