Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Standard view
Full view
of .
Look up keyword or section
Like this

Table Of Contents

1.1 Before We Get Started
1.2 The Design Process in Action
1.3 YourFoodbox.com
1.4 Ready to Go?
1.5 Acknowledgments
The Basics of Design
2.1 The Existing Site
2.2 Gathering Requirements
2.3 Know Your Purpose
2.4 Where to Go from Here
2.5 Sketching Your Ideas
2.6 Sketch Selection
2.7 Summary
Choosing Colors
3.1 The Basics of Color
3.2 Color Context
3.3 Evoking Emotion with Color
3.4 Color Schemes
3.5 The Web-Safe Color Palette
3.6 Building Color Schemes
3.7 Choosing Your Scheme
3.8 Summary
Fonts and Typography
4.1 Font Anatomy
4.2 Font Types
4.3 Dealing with Font Limitations
4.4 Selecting Our Fonts
4.5 Using the Baseline Grid
4.6 Summary
Adding Graphics
Designing the Foodbox Logo
5.1 Setting Up a Working Folder
5.2 The Foodbox Logo
5.3 What If We Need to Create Our Own Logo?
5.4 Summary
Design Mock-up: The Structure
6.1 A Bit About Layers
6.2 The Basic Structure
6.3 Placing the Logo
6.4 Organizing Our Composition with Layer Groups
6.5 Adding a Reflection to Our Logo
6.6 The Footer
6.7 Wrapping Up
Design Mock-up: The Content
7.1 Creating the Search Box
7.5 Main Content
7.6 Simulating the Browser
7.7 Summary
8.1 Creating the Search Icon
8.2 Creating the Sign-up and Login Buttons
8.3 You’ve Got Content!
8.4 Summary
Building the Site
9.1 Working with Web Standards
9.2 The Home-Page Structure
9.3 Semantic Markup
9.4 The Home-Page Skeleton
9.5 The Header
9.6 The Sidebar
9.7 The Main Content
9.8 The Footer
9.9 Validating Your Markup
9.10 HTML 5
9.11 Summary
10.1 Graphics Optimization
10.2 Dealing with Different Graphics Formats
10.3 Slicing Up Our Document
10.4 Creating Slices
11.1 Browsers Are Awful
11.2 The Basics of CSS
11.3 How Browsers Use CSS
11.4 Creating and Linking a New CSS Style Sheet
11.5 Defining the Basic Structure, Header, and Footer
11.6 Turning One Column into Two
11.7 Applying Margins to Content
11.8 Main Content
11.9 Revisiting the Footer
11.10 Summary
12.1 The Cover-up Method Explained
12.2 Preparing the HTML to Be Replaced
12.3 Covering the Text
12.4 Replacing the Other Headings
12.5 Replacing Links
12.6 Downsides of This Method
12.7 Summary
13.1 Setting Up the Colors and Fonts
13.2 The Tag Clouds
13.3 The Search Form
13.4 The Footer
13.5 Cleaning Up Some Loose Ends
13.6 Summary
Making a Printer-Friendly Page
14.1 Preparing for Print
14.2 Linking a Print Style Sheet
14.3 Removing Unnecessary Elements
14.4 Setting Margins, Widths, and Fonts
14.5 Fixing Links
14.6 Dealing with Surprised Users
14.7 Summary
Preparing for Launch
15.1 Deciding What to Support
15.2 Browser Statistics
15.3 Internet Explorer: The Evil You Can’t Ignore
15.4 Internet Explorer 7
15.5 Internet Explorer 6
15.6 Internet Explorer 8
15.7 Other Browsers
15.8 Summary
Accessibility and Usability
16.1 What Does Accessibility Mean to You?
16.2 Basic Accessibility Issues
16.3 Being All-Inclusive!
16.4 Critical Business Issues
16.5 Improving Our Site’s Accessibility
16.6 Tabbing
16.7 Accessibility Testing Checklist
16.8 Summary
Building a Favicon
17.1 Creating a Simple Icon
17.2 Creating the Favicon
18.3 Reconciling Our Content
18.4 Don’t Optimize Your Users Away!
18.5 Links and You
18.6 It All Comes Down to Common Sense
18.7 Summary
Designing for Mobile Devices
19.1 Mobile Users
19.2 Thinking About the (Very) Small Screen
19.3 JavaScript
19.4 Serving Mobile Content
19.5 Deciding What to Support
19.6 Restructuring for Mobile Users
19.7 Summary
20.1 Strategies for Improving Performance
20.2 Determining Performance Issues
20.3 Addressing Performance
20.5 Summary
0 of .
Results for:
No results containing your search query
P. 1
Pragmatic - Web Design for Developers

Pragmatic - Web Design for Developers

Ratings: (0)|Views: 170|Likes:
Published by mkrtin

More info:

Published by: mkrtin on Oct 26, 2010
Copyright:Attribution Non-commercial


Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less





You're Reading a Free Preview
Pages 7 to 94 are not shown in this preview.
You're Reading a Free Preview
Pages 101 to 159 are not shown in this preview.
You're Reading a Free Preview
Pages 166 to 250 are not shown in this preview.
You're Reading a Free Preview
Pages 257 to 278 are not shown in this preview.
You're Reading a Free Preview
Pages 285 to 324 are not shown in this preview.

Activity (20)

You've already reviewed this. Edit your review.
Mkgt Hemaautomation added this note
1 hundred reads
Serkan Gündüz liked this
Man Netrider liked this
Barry Hilll liked this
Barry Hilll liked this
Barry Hilll liked this
Midhat Krilic liked this
Midhat Krilic liked this

You're Reading a Free Preview

/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->