html

Links

MDV: github: toolkitchen/mdv
Mobile
- Nice Presentation: Fast Mobile UIs on Android and iOS
- Making a Speedy HTML5 Game
- HTML5 game development issues
Quick Docs
Differences from HTML4
HTML 5.1 Nightly
HTML: The Living Standard
- Try the Search field – nicely done.
- Links
Global attributes
- id
- data-xyz
  - The xyz can't begin with "xml" or contain any capital letters.
  - Data attribute data-test-value will be accessible as HTMLElement.dataset.testValue (hypen separated names become camel case.)
- spellcheck
itemscope, itemtype, itemprop, etc.
New form features in HTML5
Device API
File API
Manipulating the browser history
Where does what work? caniuse.com
Keyboard
- accesskey
- Google Closure's keyhandler.js: Nice implementation of unifying the keyboard event bugs across browsers
- Key Values
- Keyboard Events and Attributes
  - e.g. key, location, repeat, metaKey, shiftKey, etc.
Events
- DOM event reference
- Touch events v1
- pageshow and pagehide
- popstate
- hashchange
- redo and undo
- offline and online
Offline Cache Manifest
ApplicationCache manifest
Shadow DOM?
Mozilla: Content Categories
- Metadata content
- Flow content
- Sectioning content
- Heading content
- Phrasing content
- Embedded content
- Interactive content
- Form-associated content
Safari HTML Reference
- How-To's for Safari on iPhone
  - Ensure that my web content uses all of the available screen space on iPhone?
  - Hide the Safari on iPhone OS UI components when my web application is running?
    - <meta name="apple-mobile-web-app-capable" content="yes" />
  - Detect iPhone orientation changes in my web application?
    - <body onorientationchange="myOrientationChangeFunction()">
  - Control which keyboard is displayed when a user touches a text field?
  - Specifying a per-page Home screen icon
    - <link rel="apple-touch-icon" href="/my_custom_icon.png"/>
  - <input type="text" autocorrect="off" autocapitalize="off">
- Configuring the Viewport
- HTML5 Offline Application Cache
- Apple-Specific Meta Tag Keys
  - For apple-mobile-web-app-capable, viewport user-scalable=no, etc.
- GestureEvent
- Touch
- DOM Additions Reference
  - webkitCompassHeading - iOS 5.0+
Articles by Opera for developers
- Making a move with CSS3 animations
- HTML5 Drag and Drop
  - Mozilla: Drag and Drop API
- Raw WebGL 101 — Part 1: getting started
- Mobile
CSS Mobile Profile 2.0
Standard metadata names
Link types
- Also see: microformats wiki existing-rel-values page
- nofollow, noreferrer, prefetch, search, next, alternate, author, bookmark, help, icon
Also check out:
- nofollow and noindex meta tags
HTML5
- Traceur – ES6 to ES5 compiler
- Demos/Examples with source
- Extending HTML5 — Microformats
- Elements
  - aside, nav,
- Common idioms without dedicated elements
  - Bread crumb navigation,
- 5 More HTML5 APIs You Didn’t Know Existed
Detecting print requests
Using full screen mode
Undetectables
Div vs. Span
- the difference between div and span
- stackoverflow: DIV vs. SPAN with display:block

DocType

Just use

<!doctype html>

and that's it!

Content Type meta declaration

Just use

<meta charset="UTF-8">

instead of the older <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

Tools / Variants / Preprocessors, etc.

Haml – HTML abstraction markup language
Sass – Syntactically Awesome Stylesheets
http://learn.shayhowe.com/advanced-html-css/preprocessors