Lynda.com – CSS for Designers with Andy Clarke and Molly E. Holzschlag

 

In CSS for Designers, Molly E. Holzschlag and Andy Clarke expertly guide you through some of the most complex and useful techniques used in progressive Web design. Molly and Andy consider the topics from the point of view of creative, visual people rather than developers or programmers. Their unique approach helps give designers all the tools they need to create accessible, manageable, and beautiful websites.


Table of contents:

1. Introduction
Welcome 0:23
Setting up for exercise files 4:59
Chapter intro 6:09
Web standards and CSS 10:53
CSS goes mainstream 7:38
The evolution of CSS design 8:45
Into the future 9:45

2. Beginning with Markup
Chapter intro 4:18
Creating an XHTML document 8:51
Adding semantic elements 9:06
Validating and error correction 8:28

3. How CSS Is Applied
Chapter intro 4:05
Browser style 4:43
User style 4:57
Author style: inline 5:35
Author style: embedded 5:48
Author style: linked 3:52
Author style: imported 6:41
Inheritance 5:16

4. Conflict Resolution in CSS
Chapter intro 2:19
Origin and source order 8:57
The important declaration 5:22
Specificity (weight) 5:56

5. CSS Typography
Chapter intro 2:29
Using CSS to create great-looking type 20:29
Combining graphics and CSS 9:40
Examining image replacement 19:35

6. Working with Color and Contrast
Chapter intro 2:14
CSS color values 5:52
Applying color to page elements 3:21
Applying color to links 5:04
Managing multiple link styles (descendent selectors) 4:18
Creating depth of field 4:59
Testing your design for color blind users 6:44
Ensuring sufficient contrast 6:15

7. Background Graphics
Chapter intro 1:58
Adding a background image to an element 9:29
Background repeat 7:44
Background position 5:09
Fixed or scroll background 4:40

8. CSS for Navigation
Chapter intro 1:22
Removing bullets or numbers from lists 6:46
Using images for list markers 6:01
Creating vertical navigation 5:08
Designing a text-based horizontal navigation bar 5:10
Creating a tabbed horizontal navigation bar 11:59

9. CSS Floats
Chapter intro 2:06
Floating columns 5:24
Floating page elements 4:28
Clearing floats 7:22
Multi-column floated layout with header and footer 6:44

10. CSS Positioning
Chapter intro 2:45
Normal flow 3:05
Relative positioning 4:32
Absolute positioning 2:56
Relative positioning to create a positioning context 5:00
Fixed positioning 4:40

11. CSS for Design Details
Chapter intro 1:02
Making panels 8:16
Creating grids 12:00
Laying out products 4:45

12. Designing Beautiful Data Tables
Chapter intro 2:00
Creating table structures 5:45
Adding table borders 5:02
Using backgrounds in tables 4:43
Special effects 7:01

13. Styling Forms
Chapter intro 0:35
Accessible form markup 5:22
Basic fieldset styling 4:38
Fieldset grid layout 2:57
Styling labels and form controls 3:16
Styling form buttons 5:12

14. CSS and Design Workflow
Chapter intro 1:02
Creating symbols for wireframes in Fireworks 14:57
Naming conventions for class and ID 8:47
Organizing your CSS document 8:11
Working with multiple CSS files 5:58