Developing with Web Standards

Cover......Page 1
Thank You......Page 5
About John Allsopp, Author......Page 7
The Developing with Web Standards Site......Page 8
Table of Contents......Page 10
Part I: Foundations......Page 20
 1 Before You Begin......Page 22
  Who Is This Book For?......Page 24
  What Will I Get from This Book?......Page 25
  What You Won’t Get from This Book......Page 26
  Next Up......Page 27
 2 Philosophies and Techniques......Page 28
  Why Should I Care?......Page 30
  How to Develop for the World Wide Web......Page 31
 3 Markup......Page 36
  HTML and XHTML......Page 37
  Syntax and Semantics......Page 38
  A Very Short History of HTML......Page 39
  Key Concepts of HTML......Page 41
  Document Types......Page 45
  The Structural Basics of HTML......Page 47
  Extending HTML Semantics......Page 58
  Links: The “Hyper” in “Hypertext”......Page 60
  Embedded Content......Page 66
  Forms......Page 70
  Tables......Page 78
  Frames and iframes......Page 81
  Characters and Entities......Page 82
  Quality Assurance......Page 83
  HTML versus XHTML......Page 85
  A Short History of Style for the Web......Page 88
  How Is CSS Used?......Page 91
  Basic CSS Syntax......Page 93
  The Basics of Selectors......Page 94
  Basic Properties: Font Styles......Page 95
  Inheritance......Page 101
  Getting Specific: class and id Selectors......Page 102
  Common Text Layout Properties......Page 104
  Combinators: Descendant and Child Selectors......Page 108
  Common Background Properties......Page 114
  Dynamic Selectors......Page 122
  Basic Page Layout......Page 124
  Advanced Page Layout......Page 132
  Positioning......Page 134
  Advanced Selectors......Page 136
  Display Types......Page 138
  More Properties......Page 139
  Media Types......Page 140
  Importing Style Sheets......Page 143
  Quality Assurance......Page 144
  Specific Challenges and Techniques......Page 145
 5 The DOM......Page 150
  The DOM Tree......Page 152
  Core DOM Objects and Methods......Page 155
  Events......Page 159
  Best Practices in Modern Standards-Based DOM Scripting......Page 161
  The Rise of the Libraries......Page 168
  Inspecting the DOM......Page 171
  Ajax?......Page 173
  The Wrap......Page 174
 6 Accessibility......Page 176
  Accessibility and the W3C......Page 178
  Common Accessibility Problems (and Solutions)......Page 188
  The Wrap......Page 195
Part II: REAL-WORLD DEVELOPMENT......Page 196
 7 Working With, Around, and Against Browsers......Page 198
  Three Kinds of Browser Shortcomings......Page 199
  Browser Modes......Page 200
  Common Browser Bugs......Page 204
  IE and hasLayout......Page 209
  Bug Fixing: To Hack or Not To Hack?......Page 212
  Targeting Browsers......Page 215
  When Feature Support Is Missing......Page 219
  The Wrap......Page 221
 8 Best Practices for Modern Markup......Page 222
  Code Readability......Page 223
  Plain Old Semantic HTML......Page 225
  Markup and SEO......Page 230
  Microformats......Page 231
  The Wrap......Page 236
 9 CSS-Based Page Layouts......Page 238
  Horizontal Centering......Page 239
  Vertical Centering......Page 242
  CSS Positioning......Page 243
  Float-Based Layouts......Page 252
  Grid Layouts......Page 269
  The Wrap......Page 272
 10 CSS Resets & Frameworks......Page 274
  CSS Resets......Page 275
  CSS Frameworks......Page 279
  The Wrap......Page 282
Part III: Real-World Development......Page 284
  What is HTML[sub(5)]?......Page 286
  Key Features of HTML[sub(5)]......Page 288
  Differences from HTML[sub(4)]......Page 290
  An Example HTML[sub(5)] document......Page 299
  Video, Audio, and Other Embedded Content in HTML[sub(5)]......Page 305
  HTML[sub(5)] Support in Browsers......Page 311
  Validating and Serving HTML[sub(5)]......Page 313
  Should I Be Using HTML[sub(5)] Today?......Page 314
  CSS Reloaded......Page 316
  Enter CSS3......Page 317
  New Selectors......Page 323
  The Wrap......Page 335
 13 New Properties in CSS3......Page 336
  Shadow Effects......Page 337
  border-radius......Page 343
  transparency......Page 346
  RGBa Colors......Page 348
  Multi-Column Text......Page 349
  Transitions......Page 351
  Other Properties......Page 353
  More, More, More!......Page 356
 14 Targeting Media with CSS......Page 358
  Media Queries......Page 360
  The Wrap......Page 370
 15 Web Fonts......Page 372
  A Brief History of Font Linking and Embedding......Page 374
  The Current Legal Situation......Page 375
  @font-face and Embedding Fonts......Page 376
  The Wrap......Page 382
 16 SVG and the Canvas: Rich Graphics in the Browser......Page 384
  SVG......Page 386
  The HTML[sub(5)] canvas Element......Page 397
  The Wrap......Page 408
Resources......Page 410
 B......Page 420
 C......Page 421
 D......Page 423
 F......Page 424
 H......Page 425
 I......Page 426
 M......Page 427
 O......Page 428
 R......Page 429
 S......Page 430
 V......Page 431
 Z......Page 432