product iamge

Web Standards Solutions: The Markup and Style Handbook, Special Edition

This document was uploaded by one of our users. The uploader already confirmed that they had the permission to publish it. If you are author/publisher or own the copyright of this documents, please report to us by using this DMCA report form.

Download
Search on Amazon

Simply click on the Download Book button.

Yes, Book downloads on Ebookily are 100% Free.

Sometimes the book is free on Amazon As well, so go ahead and hit "Search on Amazon"

Welcome to the second edition of Web Standards Solutions. Why do we need an updated book?
Well, while the rules have remained the same, the game has changed. We’ve had a full suite of
new browsers since the first edition of this book (Internet Explorer 7 and 8, Chrome, Firefox 3,
Safari 4, Opera 9), and their adoption of present (and evolving) standards is moving ahead at a
rapid pace. The good news is that all of the main browser vendors have focused on standards
compliance, so things are getting easier. The bad news is that there are still a lot of legacy brows-
ers in the wild to account for, and many of the hoops we’ve had to jump through remain.
This book is designed to give you ammunition—ammunition to bring web standards solutions
to your own projects and the ability to make better choices with markup and style. Throughout
each chapter, we’ll be comparing common web design methods, trying to answer why one way
may be better than the other. By examining that comparison, we’ll be able to apply the best tool
for the job in our own projects.
But first, let’s make sure we’re all on the same page—this book is filled with acronyms, blocks of
code, and concepts that might be foreign. First, let’s talk about web standards.

Author(s): Dan Cederholm
Edition: 2
Publisher: friends of ED
Year: 2009

Language: English
Pages: 298

Prelims
......Page 1
GET DOWN WITH MARKUP......Page 6
Unknown......Page 0
147......Page 7
1......Page 9
147......Page 14
FOREWORD......Page 19
ABOUT THE AUTHOR......Page 20
ABOUT THE TECHNICAL REVIEWER......Page 21
ACKNOWLEDGMENTS......Page 22
What are web standards?......Page 23
Why web standards?......Page 24
Structured markup......Page 25
About the format......Page 26
GET DOWN WITH MARKUP......Page 27
LISTS......Page 29
Method A: The
breakdown......Page 30
It’s a wrap......Page 31
Method C: Getting closer......Page 32
1......Page 33
Summary......Page 34
Bite the bullet......Page 35
Getting fancier with custom bullets......Page 36
Lists that navigate......Page 37
1......Page 39
Mini-tab shapes......Page 40
1......Page 41
HEADINGS......Page 43
Method A: Meaningful?......Page 44
Method C: Style and substance......Page 45
Summary......Page 47
Simple styling......Page 48
Adding backgrounds......Page 49
Easy updates......Page 51
The chameleon effect......Page 52
Wrapping up......Page 53
TABLES ARE EVIL?......Page 55
A table that everyone can sit at......Page 56
3......Page 57
The head(s) of the table......Page 59
3......Page 61
Using the abbr attribute......Page 62
, , and ......Page 63
Creating a grid......Page 65
Collapsing the gaps......Page 66
3......Page 67
Customizing the headers......Page 68
Headers with background images......Page 69
Assigning icons to IDs......Page 70
3......Page 71
Wrapping up......Page 73
QUOTATIONS......Page 75
Method B: A class act?......Page 76
Using a screwdriver to hammer a nail......Page 77
A cite for curious eyes......Page 78
Inline quotations......Page 79
Styling
......Page 80
4......Page 81
Wrapping up......Page 85
FORMS......Page 87
Method A: Using a table......Page 88
5 Method B: Tableless, but cramped......Page 89
Method C: Simple and more accessible......Page 90
5......Page 91
Method D: Defining a form......Page 92
5......Page 93
Summary......Page 94
The fabulous tabindex......Page 95
accesskey for frequented forms......Page 96
5 Styling forms......Page 97
5......Page 99
Wrapping up......Page 106
, , and other Phrase elements......Page 109
Why are and better than and ?......Page 110
What about ?......Page 111
Just bold or italic, please......Page 112
Both bold and italic......Page 113
the phrase elements......Page 115
design......Page 116
6......Page 117
and ......Page 118
6......Page 119
......Page 120
......Page 121
a simple explanation......Page 122
an hCard example......Page 123
6......Page 125
6......Page 127
Anchors......Page 129
Method A: An empty name......Page 130
7 Method B: It’s all in a name......Page 131
Method c: Lose the name......Page 132
7......Page 133
summary......Page 134
Extra credit......Page 135
The title attribute......Page 136
7......Page 137
7......Page 143
More Lists......Page 145
Method A: Unordered order......Page 146
8 Method B: An ordered list......Page 147
What is the best way to mark up a set of terms and descriptions?......Page 149
Method B......Page 150
8......Page 151
identify the parts......Page 153
Adding the numbers to the Css......Page 154
8......Page 155
Wrapping up......Page 156
MiniMizing Markup......Page 159
Method a: Class happy......Page 160
Method B: natural selection......Page 161
9......Page 163
Method a:
happy......Page 164
Other examples 9......Page 165
The raw markup......Page 166
9......Page 167
Custom bullets......Page 168
adding a border......Page 169
Conclusion......Page 171
SimpleBitS of Style......Page 173
Applying CSS......Page 175
method A: the