Web standards solutions: the markup and style handbook
Saved in:
| Main Author: | |
|---|---|
| Format: | Book |
| Language: | English |
| Published: |
Berkeley, CA
Friendsof
2004
|
| Subjects: | |
| Online Access: | Inhaltsverzeichnis |
| Physical Description: | XXIV, 253 S. Ill. |
| ISBN: | 1590593812 |
Staff View
MARC
| LEADER | 00000nam a2200000 c 4500 | ||
|---|---|---|---|
| 001 | BV019993424 | ||
| 003 | DE-604 | ||
| 005 | 20050926 | ||
| 007 | t | ||
| 008 | 050809s2004 a||| |||| 00||| eng d | ||
| 020 | |a 1590593812 |9 1-59059-381-2 | ||
| 035 | |a (OCoLC)55748399 | ||
| 035 | |a (DE-599)BVBBV019993424 | ||
| 040 | |a DE-604 |b ger |e rakwb | ||
| 041 | 0 | |a eng | |
| 049 | |a DE-355 |a DE-20 |a DE-525 | ||
| 050 | 0 | |a TK5105.888 | |
| 082 | 0 | |a 005.7/2 |2 22 | |
| 084 | |a ST 252 |0 (DE-625)143627: |2 rvk | ||
| 100 | 1 | |a Cederholm, Dan |e Verfasser |4 aut | |
| 245 | 1 | 0 | |a Web standards solutions |b the markup and style handbook |c Dan Cederholm |
| 264 | 1 | |a Berkeley, CA |b Friendsof |c 2004 | |
| 300 | |a XXIV, 253 S. |b Ill. | ||
| 336 | |b txt |2 rdacontent | ||
| 337 | |b n |2 rdamedia | ||
| 338 | |b nc |2 rdacarrier | ||
| 650 | 4 | |a Sites Web - Conception - Normes | |
| 650 | 7 | |a Web sites (projeto) |2 larpcal | |
| 650 | 7 | |a Websites |2 gtt | |
| 650 | 4 | |a Web sites |x Design |x Standards | |
| 650 | 0 | 7 | |a XHTML |0 (DE-588)4600114-1 |2 gnd |9 rswk-swf |
| 650 | 0 | 7 | |a Cascading Style Sheets |0 (DE-588)4467617-7 |2 gnd |9 rswk-swf |
| 689 | 0 | 0 | |a Cascading Style Sheets |0 (DE-588)4467617-7 |D s |
| 689 | 0 | 1 | |a XHTML |0 (DE-588)4600114-1 |D s |
| 689 | 0 | |5 DE-604 | |
| 856 | 4 | 2 | |m HBZ Datenaustausch |q application/pdf |u http://bvbr.bib-bvb.de:8991/F?func=service&doc_library=BVB01&local_base=BVB01&doc_number=013315275&sequence=000002&line_number=0001&func_code=DB_RECORDS&service_type=MEDIA |3 Inhaltsverzeichnis |
| 999 | |a oai:aleph.bib-bvb.de:BVB01-013315275 | ||
Record in the Search Index
| _version_ | 1804133540646879232 |
|---|---|
| adam_text | CONTENTS AT A GLANCE
Foreword xv
About the Author xvi
About the Technical Reviewer xvii
Acknowledgments xix
Introduction xxi
PART ONE: GET DOWN WITH MARKUP
Chapter 1: Lists 1
Chapter 2: Headings 15
Chapter 3: Tables Are Evil? 29
Chapter 4: Quotations 51
Chapter 5: Forms 63
Chapter 6: strong , em , and Other Phrase Elements 81
Chapter 7: Anchors 95
Chapter 8: More Lists 109
Chapter 9: Minimizing Markup 123
PART TWO: SIMPLEBITS OF STYLE
Chapter 10: Applying CSS 137
Chapter 11: Print Styles 153
Chapter 12: CSS Layouts 165
Chapter 13: Styling Text 191
Chapter 14: Image Replacement 203
Chapter 15: Styling body 223
Chapter 16: Next Steps 233
Index 241
CONTENTS
Foreword xv
About the Author xvi
About the Technical Reviewer xvii
Acknowledgments xix
Introduction xxi
PART ONE: GET DOWN WITH MARKUP
Chapter 1: Lists 1
Let s go Shopping 2
Quiz time 2
Method A: The br / breakdown 2
It s a wrap 3
Method B: The bullet that bites 4
Vatidation, please 4
Method C: Getting closer 5
Method D: Wrapper s delight 6
Summary 7
Extra credit 7
Bite the bullet 8
Getting fancier with custom bullets 9
Lists that navigate 10
Mini-tab shapes 12
Chapter 2: Headings 15
What is the best way to mark up the title of a document? 16
Method A: Meaningful? 16
Method B: The p and b combo 17
Difficult to style 17
Method C: Style and substance 17
Easily styled 17
Default distaste 18
Search engine friendly 19
An aside on heading order 19
Summary 20
Extra credit 20
Simple Styling 20
Adding backgrounds 22
Backgrounds and borders 22
Tiled backgrounds 23
Swappable icons 23
Easy Updates 24
The chameleon effect 24
Aligningthe img tag 25
Wrapping up 26
Chapter 3: Tables Are Evil? 29
Totally tabular 30
A table that everyone can sit at 30
Adding a summary 33
The head(s) of the table 33
Header and data relationships 35
Using the abbr attribute 36
thead , tfoot , and tbody 37
Are tables evil? 39
Extra credit 39
Creating a grid 39
Collapse the gaps 40
lE/Mac-less Version 41
Spaced out 41
Customize those headers 42
Headers with background images 43
Tiny tile 44
The CSS 44
Assigning icons to IDs 45
The icons 45
The CSS 45
Combining rules for simpler bits 47
Wrapping up 48
Chapter 4: Quotations 51
Method A: Lacks meaning 52
Method B: A class act? 52
Method C: blockquote is best 53
Using a screwdriver to hammer a nail 53
Summary 54
Extra credit . .. . . .. . . . . . . . . 54
A cite for curious eyes 54
Inline quotations 55
No need for marks 5b
Nesting inline quotations 56
Styling btockquote 56
Background quote marks 56
Three images 56
Tagging the elements 57
Three elements, three backgrounds 57
The results 59
Calling out Special words 60
How does it degrade? 61
Wrapping up 61
Chapter 5: Forms 63
What are our options when marking up a form? 64
Method A: Using a table 64
Method B: Tableless, but cramped 65
Method C: Simple and more accessible 66
The label element 67
Why label ? 67
Method D: Defining a form 68
Defining style 69
Summary 70
Extra credit 71
The fabulous tabindex 71
Whytabindex? 72
accessk*y for frequented forms 72
Easily accessed search 73
Styling forms 73
Setting the width of text inputs 73
Using label to customize fonts 74
No need to be redundant 76
Use fieldset to group form sections 76
Adding style to fieldset and legend 77
Three-dimensional legend 78
Wrapping up 79
Chapter 6: strong , em , and Other Phrase Elements 81
Presentational vs. structural 82
Why are strong and em better than b and i ? 82
Check in with the experts 82
Method A 83
Method B 83
Bold and beautiful 83
What about em ? 83
Method A 83
Method B 84
Emphasis mine 84
Just bold or italic, please M
Worth its (font-)weight in bold . . . 85
That s italic! 85
Both bold and italic . . . 85
Generic span 86
Emphasis with class 86
Summary
Extra credit
The phrase elements 87
cite design 87
The specification OQ
. , . öo
A change in cite style 88
Leveraging the structure 89
abbr and acronym 90
Define once
The presentation 91
Compatibility issues. . Q1
« de ;;;;;; ¦ *l
samp ¦ ;;
var ^
kbd . 92
qo
Final phrase
Chapter 7: Anchors 95
When pointing to a specific portion of a page, what is the best way
to mark up an anchor?
Method A: An empty name . . jL
Method B: Its all in a name ... „
Beware of global a styling ... 07
Richer name attribute *
Method C: Lose the name [[[ q
Two birds with one stone L
Older browsers and the id attribute oq
Method D.The all-in-one ,11
Sharing names. . .
Summary ... 00
Extra credit • • 10°
The title attribute 101
Title in action ... 101
Tooltip titles ¦ 102
Titles are spoken . . }°l
Styling links 103
Backgrounds. 103
Dotted borders ] JJ
Where you been? . . }°Z
Hovering [ 105
Active state . 105
LoVe/HAteyour links . .[ . ]J!
Anchors aweigh 1Ob
0 IA7
Chapter 8: More Liste 109
What is the best way to mark up a numbered list of items? 110
Method A: Unordered order 110
The numbers game 110
Rendered butlets 111
Method B: An ordered list 111
Automatic numbering 111
Wrapper s delight II 112
Listtypes 112
What is the best way to mark up a set of terms and descriptions? 113
Method A 113
Method B 114
Structure leads to style 115
Adding icons 115
Other applications 116
Summary 116
Extra credit 117
Identify the parts 117
Custom numbers 118
Adding the numbers to the CSS 118
The resutts 119
Wrapping up 120
Chapter 9: Minimizing Markup 123
How can we minimize markup when building sites with web Standards? 124
Descendant selectors 124
Method A: Class happy 124
Classified CSS 125
Method B: Natural selection 125
Contextual CSS 126
Not just for sidebars 126
Less class means easier maintenance 127
The unnecessary div 128
Method A: div happy 128
Method B: Lose the div 129
Other examples 129
Summary 130
Extra credit 130
The raw markup 130
Adding style 131
Custom bullets 132
Adding a border 133
Conclusion 135
PART TWO: SIMPLEBITS OF STYLE
Chapter 10: Applying CSS 137
How do I apply CSS to a document? 138
Method A: The style element 138
Partial understanding 139
Uncached 139
Multiple changes 139
Good for development 139
Method B: External style sheets 139
Separate file = easy maintenance 140
Download once 140
Still not completely hidden 140
Method C: @import 140
Hide and seek 141
Styles on, styles off 141
Combining B and C for multiple style sheets 142
The chameleon effect 142
How it s done 142
Lo-fi and hi-fi styles 143
Order is important . . . .. . ... 144
Embrace the cascade 144
Method D: Inline styles . . . . 145
Style tied to markup WS
Use with caution 146
Summary .. ... . 146
Extra credit 147
Alternate styles 147
Three fönt sizes ^4g
Still cascading 14g
Getting alternate styles to work ............. 149
More than just fönt sizing j50
Courtesy of DOM 150
Conclusion
Chapter 11: Print Styles 153
How can we specify styles for print? ... ! 54
Media types 154
Two ways to target 155
Method A: The media attribute . . . . . 155
Partial support 155
Method B: @media or @import 155
In the head or externally !56
Multiple values allowed . . . . . 156
Separating screen and print styles 157
Building a print style sheet 157
Make a point 158
Save ink by hiding unnecessary elements 158
Expose links 159
Linktext 160
Save ink with print preview 160
How it looks 160
Summary 162
Chapter 12: CSS Layouts 165
How can I use CSS to build a two-column layout? 166
Method A: Floating the sidebar 167
Styling the header and footer 168
Floating the sidebar 169
True columns 169
Method B: The double float 172
Clear both 173
Method C: Floating the content 173
The CSS 173
Background woes 174
Piain and simple 175
Method D: Positioning 176
Predictable height 177
Space for the column 177
Drop in the sidebar 178
The footer issue 178
Three s Company 180
Summary 183
Extra credit 183
The box model problem 183
Seeing is believing 184
Wavering widths 185
The Box Model Hack 185
Code by example 185
Be nice to Opera 186
Not just for widths 186
Faux columns 187
Vertical Stretch 187
The cheat 188
The CSS 188
Positioned columns 188
Whatever floats your boat 189
Wrapping up 189
Chapter 13: Styling Text 191
How can I make hypertext look cool? 192
Times they are a-changing 192
Changing line height 193
All in the family 194
Font names with Spaces 1 g^
Kerning (a.k.a. letter-spacing) 195
Drop caps 1g5
Text alignment 197
Transforming text lgg
Small caps 19g
Paragraph indentation 200
Summary ¦ . . . . . . . . . . . . . . . . . . . . 2 H
Chapter 14: Image Replacement 203
How can I use CSS to replace text with images? 204
No perfect solution 204
Use, but with caution [ 204
Method A: Fahrner Image Replacement (F1R) 204
The markup -__
The extra tag ,n,
The«s :::::::::::: lll
Hide the text 206
Assign a background 2o6
Advantages
Drawbacks . . .[[ . 207
Weigh the pros and cons 208
Method B: Leahy/Langridge Image Replacement (UR) 208
The markup and CSS
Box model woes...
Drawbacks *
Method C: The Phark Method .....[[ 209
The markup and CSS .. .
Still not perfect l
Summary
Extra credit .. ... 211
Logo swapping *]*
Hi-fi and lo-fi l l
The example ~[*
A pair of logos .... ^],
The CSS 213
Regain the hyperlink. ... V.]
The results * *
Accessible image-tab rollovers zlz
The problem tb
The solution . . . . . l
The markup: One listto rule them all ,1fi
One image, three states 217
TheCSS:Thisiswherethemagichappens ,17
The results ..
Why use it?. . [ [ [, . ] [ [ [ [ 218
But wait, the text doesn t scale! ...........[ 219
Compatibility 220
Wrapping up 220
Chapter 15: Styling body 223
Two and sometimes three columns 224
Markup and style structure 225
Article page 226
Index page 226
This body has class 227
Not just for columns 227
You are here 228
The navigation list 228
Identify the parts 229
The magic CSS 230
Summary 231
Chapter 16: Next Steps 233
Where do you go from here? 234
Organizations and publications 234
W3C 234
Web Standards Project 234
A List Apart 234
CSS Zen Garden 235
Dive Into Accessibility 235
css-discuss 235
Web-Graphics 235
Digital Web Magazine 235
The Weekly Standards 236
Influential and inspirational weblogs 236
Jeffrey Zeldman Presents: The Daily Report 236
Stopdesign 236
mezzoblue 236
meyerweb.com 236
TantekCelik 237
What Do I Know? 237
Asterisk* 237
superfluousbanter 237
Simon Willison s Weblog 237
Brainstorms and Raves 237
Living Can Kill You 237
Books 238
Designing With Web Standards 238
Cascading Style Sheets: The Definitive Guide 238
Speed Up Your Site: Web Site Optimization 238
Partingwords 238
Index 241
|
| any_adam_object | 1 |
| author | Cederholm, Dan |
| author_facet | Cederholm, Dan |
| author_role | aut |
| author_sort | Cederholm, Dan |
| author_variant | d c dc |
| building | Verbundindex |
| bvnumber | BV019993424 |
| callnumber-first | T - Technology |
| callnumber-label | TK5105 |
| callnumber-raw | TK5105.888 |
| callnumber-search | TK5105.888 |
| callnumber-sort | TK 45105.888 |
| callnumber-subject | TK - Electrical and Nuclear Engineering |
| classification_rvk | ST 252 |
| ctrlnum | (OCoLC)55748399 (DE-599)BVBBV019993424 |
| dewey-full | 005.7/2 |
| dewey-hundreds | 000 - Computer science, information, general works |
| dewey-ones | 005 - Computer programming, programs, data, security |
| dewey-raw | 005.7/2 |
| dewey-search | 005.7/2 |
| dewey-sort | 15.7 12 |
| dewey-tens | 000 - Computer science, information, general works |
| discipline | Informatik |
| format | Book |
| fullrecord | <?xml version="1.0" encoding="UTF-8"?><collection xmlns="http://www.loc.gov/MARC21/slim"><record><leader>01499nam a2200409 c 4500</leader><controlfield tag="001">BV019993424</controlfield><controlfield tag="003">DE-604</controlfield><controlfield tag="005">20050926 </controlfield><controlfield tag="007">t</controlfield><controlfield tag="008">050809s2004 a||| |||| 00||| eng d</controlfield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">1590593812</subfield><subfield code="9">1-59059-381-2</subfield></datafield><datafield tag="035" ind1=" " ind2=" "><subfield code="a">(OCoLC)55748399</subfield></datafield><datafield tag="035" ind1=" " ind2=" "><subfield code="a">(DE-599)BVBBV019993424</subfield></datafield><datafield tag="040" ind1=" " ind2=" "><subfield code="a">DE-604</subfield><subfield code="b">ger</subfield><subfield code="e">rakwb</subfield></datafield><datafield tag="041" ind1="0" ind2=" "><subfield code="a">eng</subfield></datafield><datafield tag="049" ind1=" " ind2=" "><subfield code="a">DE-355</subfield><subfield code="a">DE-20</subfield><subfield code="a">DE-525</subfield></datafield><datafield tag="050" ind1=" " ind2="0"><subfield code="a">TK5105.888</subfield></datafield><datafield tag="082" ind1="0" ind2=" "><subfield code="a">005.7/2</subfield><subfield code="2">22</subfield></datafield><datafield tag="084" ind1=" " ind2=" "><subfield code="a">ST 252</subfield><subfield code="0">(DE-625)143627:</subfield><subfield code="2">rvk</subfield></datafield><datafield tag="100" ind1="1" ind2=" "><subfield code="a">Cederholm, Dan</subfield><subfield code="e">Verfasser</subfield><subfield code="4">aut</subfield></datafield><datafield tag="245" ind1="1" ind2="0"><subfield code="a">Web standards solutions</subfield><subfield code="b">the markup and style handbook</subfield><subfield code="c">Dan Cederholm</subfield></datafield><datafield tag="264" ind1=" " ind2="1"><subfield code="a">Berkeley, CA</subfield><subfield code="b">Friendsof</subfield><subfield code="c">2004</subfield></datafield><datafield tag="300" ind1=" " ind2=" "><subfield code="a">XXIV, 253 S.</subfield><subfield code="b">Ill.</subfield></datafield><datafield tag="336" ind1=" " ind2=" "><subfield code="b">txt</subfield><subfield code="2">rdacontent</subfield></datafield><datafield tag="337" ind1=" " ind2=" "><subfield code="b">n</subfield><subfield code="2">rdamedia</subfield></datafield><datafield tag="338" ind1=" " ind2=" "><subfield code="b">nc</subfield><subfield code="2">rdacarrier</subfield></datafield><datafield tag="650" ind1=" " ind2="4"><subfield code="a">Sites Web - Conception - Normes</subfield></datafield><datafield tag="650" ind1=" " ind2="7"><subfield code="a">Web sites (projeto)</subfield><subfield code="2">larpcal</subfield></datafield><datafield tag="650" ind1=" " ind2="7"><subfield code="a">Websites</subfield><subfield code="2">gtt</subfield></datafield><datafield tag="650" ind1=" " ind2="4"><subfield code="a">Web sites</subfield><subfield code="x">Design</subfield><subfield code="x">Standards</subfield></datafield><datafield tag="650" ind1="0" ind2="7"><subfield code="a">XHTML</subfield><subfield code="0">(DE-588)4600114-1</subfield><subfield code="2">gnd</subfield><subfield code="9">rswk-swf</subfield></datafield><datafield tag="650" ind1="0" ind2="7"><subfield code="a">Cascading Style Sheets</subfield><subfield code="0">(DE-588)4467617-7</subfield><subfield code="2">gnd</subfield><subfield code="9">rswk-swf</subfield></datafield><datafield tag="689" ind1="0" ind2="0"><subfield code="a">Cascading Style Sheets</subfield><subfield code="0">(DE-588)4467617-7</subfield><subfield code="D">s</subfield></datafield><datafield tag="689" ind1="0" ind2="1"><subfield code="a">XHTML</subfield><subfield code="0">(DE-588)4600114-1</subfield><subfield code="D">s</subfield></datafield><datafield tag="689" ind1="0" ind2=" "><subfield code="5">DE-604</subfield></datafield><datafield tag="856" ind1="4" ind2="2"><subfield code="m">HBZ Datenaustausch</subfield><subfield code="q">application/pdf</subfield><subfield code="u">http://bvbr.bib-bvb.de:8991/F?func=service&doc_library=BVB01&local_base=BVB01&doc_number=013315275&sequence=000002&line_number=0001&func_code=DB_RECORDS&service_type=MEDIA</subfield><subfield code="3">Inhaltsverzeichnis</subfield></datafield><datafield tag="999" ind1=" " ind2=" "><subfield code="a">oai:aleph.bib-bvb.de:BVB01-013315275</subfield></datafield></record></collection> |
| id | DE-604.BV019993424 |
| illustrated | Illustrated |
| indexdate | 2024-07-09T20:10:21Z |
| institution | BVB |
| isbn | 1590593812 |
| language | English |
| oai_aleph_id | oai:aleph.bib-bvb.de:BVB01-013315275 |
| oclc_num | 55748399 |
| open_access_boolean | |
| owner | DE-355 DE-BY-UBR DE-20 DE-525 |
| owner_facet | DE-355 DE-BY-UBR DE-20 DE-525 |
| physical | XXIV, 253 S. Ill. |
| publishDate | 2004 |
| publishDateSearch | 2004 |
| publishDateSort | 2004 |
| publisher | Friendsof |
| record_format | marc |
| spelling | Cederholm, Dan Verfasser aut Web standards solutions the markup and style handbook Dan Cederholm Berkeley, CA Friendsof 2004 XXIV, 253 S. Ill. txt rdacontent n rdamedia nc rdacarrier Sites Web - Conception - Normes Web sites (projeto) larpcal Websites gtt Web sites Design Standards XHTML (DE-588)4600114-1 gnd rswk-swf Cascading Style Sheets (DE-588)4467617-7 gnd rswk-swf Cascading Style Sheets (DE-588)4467617-7 s XHTML (DE-588)4600114-1 s DE-604 HBZ Datenaustausch application/pdf http://bvbr.bib-bvb.de:8991/F?func=service&doc_library=BVB01&local_base=BVB01&doc_number=013315275&sequence=000002&line_number=0001&func_code=DB_RECORDS&service_type=MEDIA Inhaltsverzeichnis |
| spellingShingle | Cederholm, Dan Web standards solutions the markup and style handbook Sites Web - Conception - Normes Web sites (projeto) larpcal Websites gtt Web sites Design Standards XHTML (DE-588)4600114-1 gnd Cascading Style Sheets (DE-588)4467617-7 gnd |
| subject_GND | (DE-588)4600114-1 (DE-588)4467617-7 |
| title | Web standards solutions the markup and style handbook |
| title_auth | Web standards solutions the markup and style handbook |
| title_exact_search | Web standards solutions the markup and style handbook |
| title_full | Web standards solutions the markup and style handbook Dan Cederholm |
| title_fullStr | Web standards solutions the markup and style handbook Dan Cederholm |
| title_full_unstemmed | Web standards solutions the markup and style handbook Dan Cederholm |
| title_short | Web standards solutions |
| title_sort | web standards solutions the markup and style handbook |
| title_sub | the markup and style handbook |
| topic | Sites Web - Conception - Normes Web sites (projeto) larpcal Websites gtt Web sites Design Standards XHTML (DE-588)4600114-1 gnd Cascading Style Sheets (DE-588)4467617-7 gnd |
| topic_facet | Sites Web - Conception - Normes Web sites (projeto) Websites Web sites Design Standards XHTML Cascading Style Sheets |
| url | http://bvbr.bib-bvb.de:8991/F?func=service&doc_library=BVB01&local_base=BVB01&doc_number=013315275&sequence=000002&line_number=0001&func_code=DB_RECORDS&service_type=MEDIA |
| work_keys_str_mv | AT cederholmdan webstandardssolutionsthemarkupandstylehandbook |