CSS for Designers

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
Setting up for exercise files
Chapter intro
Web standards and CSS
CSS goes mainstream
The evolution of CSS design
Into the future

2. Beginning with Markup
Chapter intro
Creating an XHTML document
Adding semantic elements
Validating and error correction

3. How CSS Is Applied
Chapter intro
Browser style
User style
Author style: inline
Author style: embedded
Author style: linked
Author style: imported
Inheritance

4. Conflict Resolution in CSS
Chapter intro
Origin and source order
The important declaration
Specificity (weight)

5. CSS Typography
Chapter intro
Using CSS to create great-looking type
Combining graphics and CSS
Examining image replacement

6. Working with Color and Contrast
Chapter intro
CSS color values
Applying color to page elements
Applying color to links
Managing multiple link styles (descendent selectors)
Creating depth of field
Testing your design for color blind users
Ensuring sufficient contrast

7. Background Graphics
Chapter intro
Adding a background image to an element
Background repeat
Background position
Fixed or scroll background

8. CSS for Navigation
Chapter intro
Removing bullets or numbers from lists
Using images for list markers
Creating vertical navigation
Designing a text-based horizontal navigation bar
Creating a tabbed horizontal navigation bar

9. CSS Floats
Chapter intro
Floating columns
Floating page elements
Clearing floats
Multi-column floated layout with header and footer

10. CSS Positioning
Chapter intro
Normal flow
Relative positioning
Absolute positioning
Relative positioning to create a positioning context
Fixed positioning

11. CSS for Design Details
Chapter intro
Making panels
Creating grids
Laying out products

12. Designing Beautiful Data Tables
Chapter intro
Creating table structures
Adding table borders
Using backgrounds in tables
Special effects

13. Styling Forms
Chapter intro
Accessible form markup
Basic fieldset styling
Fieldset grid layout
Styling labels and form controls
Styling form buttons

14. CSS and Design Workflow
Chapter intro
Creating symbols for wireframes in Fireworks
Naming conventions for class and ID
Organizing your CSS document
Working with multiple CSS files

[This hidden content is only available for our VIP member]. Become VIP Member NOW