The Truth About HTML5 · For Web Designers by Stevens, Luke -- Read -- Imperial Library of Trantor

Index

Foreword Introduction Chapter 1: A Somewhat Sensationlized History Of HTML5

How Architecture Astronauts And The W3C Tried To Kill HTML You Probably Use XML XHTML Is Born, But What Does It Mean? Draconian Error Handling, Or Why Don’t I Just Punch You In The Face? Okay, Not Really. But We COULD Punch You In The Face XHTML Still Meant Better HTML But The Crazy Had Only Just Begun XHTML 2.0: Unloved And Alone HTML5: A New Hope... We Hope The W3C Says Go To Hell The WHATWG Is Born It’s A Whole New World To HTML5 And Beyond! HTML5 Is The New Black Or Hotness Or Something Is HTML5 Hype, Substance, Or Both? Hixie Or Bust XHTML 2.0 Is Dead And Everyone Is Happy HTML5, err HTML, wait... HTML.next? Should We Just Kill Off The W3C Altogether, Or Embrace It? How Does New Stuff Get Added To HTML5 Now? TL;DR What We’ll Be Focusing On

Chapter 2: The Truth About A Basic HTML5 Web Page

A Doctype For Every Occasion (And The Other Bits) Formatting Changes In HTML5 What About A HTML5 Shim And CSS For The New Elements? What About The HTML5 Boilerplate And Modernizr?

Chapter 3: The Truth About Structuring A HTML5 Page

New Structural Elements - This Isn’t Going To End Well (Plus, Controversy!) A Little Taste Of Pain Where Did These Elements Come From? Who Cares? The Contradiction At The Heart Of HTML5’s New Elements Outline What Now? What Is An Outline, And Why Should I Care? How We Currently Create Outlines (Even Without Realizing It) “Sectioning” Is An Old Problem If We Care About Blind Users We Should Care About Headings HTML5’s “Improved” Outlining Was Dead Before It Ever Shipped Sneaking In Big Ideas Leads To Dead Ideas We Forked The Spec How Should We Structure A HTML5 Page? Styling Headings HTML5 Style Is Kind Of Insane This Is Not Inconsequential - People Have To Teach This Stuff Where Does This Leave Us? A Sane Approach To Structural Markup For Accessibility ARIA Benefits Layout Recommendations

Chapter 4: The Truth About HTML5's Structural Elements

Okay, Okay. I’ll Get To The Tags. But I’m Telling You, It Won’t Be Fun <header> <nav> <section> and <article> <section> <article> <aside> <footer> Where Is My <content> Element? Other ARIA Landmarks A Funny Thing Happened... Graceful Degradation Died And JavaScript Became Mandatory Yahoo’s JavaScript Research Here’s What Happens... What To Do? Oh, XP.... Uh... Web Design Community, What Happened? Conclusion: R.I.P. HTML5 Structural Elements

Chapter 5: The Truth About HTML5 Micro-Semantics And Schema.org

Let's Talk About Semantics, Baby. Semantics In A Nutshell These Problems Have Been Solved There’s No Such Thing As “More” Semantic Big Ideas In Semantic Markup—The Semantic Web Semantics: Not Dead Yet, Or, Google & Co Drop A Micro-Semantic Bombshell Ecommerce With Real (Micro) Semantics Can The Real Semantics Please Stand Up? Why Should We Care About Micro-Semantics? Schema.org—The Future Of Semantics? Couldn’t We Do This Before? The Semantic Web We’ve Been Waiting For? Microformats RDFa Microdata Microdata And Schema.org How Not To Launch A New Initiative What Do The People Behind Schema.org Think? Wrapping Up: Semantics And HTML

Chapter 6: The Truth About HTML5 And SEO

The Markup And SEO Myth SEO In The Dark Ages Stuff Your Keywords HTML And SEO But What If It Helped... Somehow? Zombie Myths Must Die... Eventually

Chapter 7: The Truth About HTML5's Other New Elements

Other HTML5 Elements: The Good, The Bad, And The Kind Of Nutty Be Bold Or Die Trying Wrap Your Anchor Around This, And Other Bits And Pieces Should We Even Use These Obscure Little Tags?

Chapter 8: The Truth About HTML5 Forms

Put This In Your Form And Smoke It Going Native Slowly Forms Can Make Or Break A Site Good News, Bad News HTML5 Forms Resources HTML5 Forms: The No-Brainers New Input Types: Email, URL, Telephone Number, and Search Attributes: Autocomplete, Autofocus, Readonly, and Spellcheck HTML5 Forms: The Kinda Maybes HTML5 Forms: The ‘I Wouldn’t Yet But You Can If You Really Want’ You Hypocrite. I Thought Requiring JavaScript Was The Worst Thing Ever. What About Accessibility?

Chapter 9: The Truth About HTML5's Canvas, Gaming And Flash

Canvas Made Me (Kind Of) Wish I Could Do Flash Flash Is Dying, And HTML5 is All We’ve Got Can Canvas And HTML5 Fill The Gap? Flash: The HTML5 IDE? And Then Apps Happened Let’s Bury Flash-isms With Flash We’re Not In Canvas Anymore Cool Things With Canvas Tooltips Charts Visualizations Games Imagine Manipulation Canvas-Driven Web Apps Drawing Interface Elements The Sometimes Good And Sometimes Bad Canvas Emulation For IE6-8 The Haphazard World Of Web Standards, Or, How Did We End Up With Canvas? The Canvas Element And Accessibility The Current State Of Canvas Again With The Glass Metaphor HTML5 Gaming: Canvas Or Not? Canvas: What’s In It For Me? 2D Canvas’ 3D Future: WebGL 3D On The Web: WebGL Alternatives Show Me The Demos! Still Early Days For WebGL

Chapter 10: The Truth About Audio & video In HTML5

Hear No <audio>, See No <video> Native <video> And <audio> In Action Codecs, You’re Killing Me The Patent Problem H.264 Is Baked In Google Threatens To Take Chrome WebM Only, And Then Doesn’t Codecs: What To Do? Reality Bites Video Types... Oh My Audio And Video Media Players To The Rescue Other Flies In The HTML5 Video Ointment: DRM, Streaming, And Full Screen Video Is HTML5 <audio> Ready For Games? The Future Of Audio Wrapping Up

Chapter 11: The Truth About SVG. The Flash Challenger That Was, Wasn't, & Now...

SVG, SVG... SVG: Browser Support Arrives At Last Yes, There Is Real World SVG We Can Use Right Now Many Faces Of SVG SVG In The ‘00s—The Great Hope That Wasn’t SVG Browser Support: Android, What The Hell? Oh, And IE... SVG Demos: What Is It Good For? Raphael.js-powered Demos Working With SVG Flash Breathes Life Into SVG?

Chapter 12: The Truth About HTML5 Web Apps, Mobile, & What Comes Next

HTML5 Web App Browser Support HTML5 On Mobile: WebKit And Beyond Mobile Is A Moving Target: Microsoft’s Big Push Boot To Gecko: Mozilla’s Ambitious Mobile Platform, And The WebAPI HTML5 Mobile Compatibility HTML5-Powered Content Management The JavaScript Age JavaScript Killed The HTML Star Modernizr, When Can I Use..., And Polyfills HTML5 Web App APIs History API (pushState) HTML5 Web Storage (And JavaScript-Rendered CSS) Database Storage HTML5 Offline (Application Cache) Geolocation API Other APIs That Are Completely Beyond Me But May Be Of Interest To You Wrapping Up

Chapter 13: The Truth About The Future Of Web Design: Performance Based Design

Operating In The Dark Performance Vs Production Measure When You Redesign Let’s Get Objective