Lynda.COM CSS3 First Look

Author:
James Williamson

Duration:
06h 34m

Released on:
11/29/2010

Exercise files:
Yes

Software works on:
Windows only


In CSS3 First Look, staff author James Williamson provides an in-depth introduction to the newest CSS standard, detailing its modular format, history, and current level of browser support, while also demonstrating its capabilities and applications. The course includes tutorials on using new selectors, modifying typography and color, working with the box model, and understanding media queries. Exercise files accompany the course.
Topics include:

    Understanding the history of CSS3
    Working with the new selectors
    Adding transparency and gradients
    Specifying web fonts with @font-face
    Understanding the advances to page layout
    Looking at CSS3 box model capabilities
    Using 2D and 3D transforms
    Understanding media queries





Introduction
Welcome           01m 20s
Using the exercise files           01m 45s

1. Introducing CSS3
What is CSS3?           05m 26s
The current status of CSS3           03m 35s
An overview of CSS3 capabilities           02m 24s
Can you use CSS3 now?           05m 31s
Detecting support for CSS3           09m 00s
Understanding vendor prefixes           05m 34s

2. CSS3 Selectors
An overview of child and sibling selectors           03m 11s
Using child and sibling selectors           07m 17s
An overview of attribute selectors           03m 19s
Using attribute selectors           08m 32s
Pseudo-class UI selectors           05m 56s
Negation pseudo-class selectors           06m 48s
Target pseudo-class selectors           05m 39s
Structural selectors           03m 58s
Nth-child selector syntax           10m 00s
First, last, and only structural selectors           05m 39s
Using structural selectors to write more efficient code           08m 52s

3. Working with Color in CSS3
Color formats in CSS3           07m 09s
Transparency in CSS3           09m 10s
CSS3 gradients           04m 11s
Creating linear gradients           13m 57s
Creating radial gradients           11m 01s

4. CSS3 Typography
Working with web fonts           06m 38s
@font-face syntax           04m 52s
Downloading sample fonts           06m 05s
Writing @font-face declarations           07m 57s
Using web fonts           06m 42s
Using text shadows           07m 14s
Creating multi-column text           09m 40s

5. CSS3 and Page Layout
An overview of the flexible box model           04m 42s
Controlling box orientation           05m 02s
Setting element flexibility           12m 59s
Distributing boxes           07m 54s
Controlling box alignment           12m 38s
Working with box-sizing           07m 40s

6. The CSS3 Box Model
Using border-radius           06m 20s
Creating custom rounded corners           10m 21s
Understanding border images           05m 15s
Using border images           08m 52s
Creating box shadows           08m 58s
CSS3 backgrounds           04m 55s
Controlling background size           08m 46s
Creating multiple background images           06m 04s
Using background-origin           03m 18s
Clipping background content           03m 02s

7. CSS3 Transitions and Transforms
An overview of CSS3 2D transforms           04m 26s
Using 2D transforms           08m 16s
Setting transform origins           05m 24s
An overview of CSS3 transitions           05m 00s
Animating CSS properties           06m 12s
Using easing in animations           05m 41s
An overview of 3D transforms           05m 09s

8. Media Queries
Understanding media queries           06m 18s
Strategies for targeting multiple devices           06m 04s
Writing styles for target screen sizes           12m 11s
Deploying styles through media queries           03m 55s
Basing media queries on page orientation           02m 24s
Targeting media queries for iOS devices           07m 04s

Conclusion
Goodbye           01m 06s