Welcome to Scribd. Sign in or start your free trial to enjoy unlimited e-books, audiobooks & documents.Find out 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
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
7.4 Mocking Up a Tasty Masthead
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
10.5 Extracting the Banner as a Transparent PNG
10.6 Exporting the Rest of the Elements
10.7 Summary
Defining Your Layout with CSS
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.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
17.3 Summary
Search Engine Optimization
18.1 Content Is King
18.2 Choosing Keywords
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.4 Image Optimization
20.5 Summary
Where to Go Next
21.1 Additional Pages and Templates
21.2 Advanced Templating
21.3 Grid Systems and CSS Frameworks
21.4 CSS Alternatives
21.5 Don’t Forget to Buy the Stock Images!
21.6 Visual Effects
21.7 Experiment and Practice!
Recommended Reading
22.1 Color Resources
22.2 Books on Fonts and Typography
22.3 Technical Books
22.4 Web sites
0 of .
Results for:
No results containing your search query
P. 1
Web Design for Developers - A Programmer’s Guide to Design Tools and Techniques Dec 2009

Web Design for Developers - A Programmer’s Guide to Design Tools and Techniques Dec 2009

|Views: 44|Likes:
Published by Jyoti Ranjan

More info:

Published by: Jyoti Ranjan on Jan 11, 2011
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 60 are not shown in this preview.
You're Reading a Free Preview
Pages 67 to 94 are not shown in this preview.
You're Reading a Free Preview
Pages 101 to 126 are not shown in this preview.
You're Reading a Free Preview
Pages 133 to 187 are not shown in this preview.
You're Reading a Free Preview
Pages 194 to 327 are not shown in this preview.

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)//-->