Browsers, HTML5 & JavaScript

The hashbang hell

• http://danwebb.net/2011/5/28/it-is-about-the-hashbangs
• http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs
• http://webmasters.stackexchange.com/questions/32472/pros-cons-of-hash-navigation-from-seo-perspective

HTML5

I’ve spent some time looking for the best explanations of different aspects of HTML5. Here are my findings.

General

• http://mathiasbynens.be/notes/html5-levels
• http://html5doctor.com/avoiding-common-html5-mistakes/

Outlining

• New document outlines - sectioning flowchart (source)
• http://html5doctor.com/the-section-element/
• http://html5doctor.com/the-article-element/
• Sections and outline
• When to use sections
• http://stackoverflow.com/questions/8734350/html5-structure-article-section-and-div-usage
• http://stackoverflow.com/questions/6947489/html5-appropriate-use-of-article-tag

Headings

• In general it seems that <header> tag is optional it’s only meant to wrap a single <h1> tag. <h1> tag sort of implies <header> around it.
• http://html5doctor.com/the-header-element/ - http://html5doctor.com/the-header-element/#comment-5769
• http://stackoverflow.com/questions/7712871/difference-between-heading-inside-section-or-before-it-in-html5
• http://stackoverflow.com/questions/7796367/why-does-the-html5-header-element-require-a-h-tag
• http://stackoverflow.com/questions/4837269/html5-using-header-or-footer-tag-twice
• http://stackoverflow.com/questions/9663559/html5-section-headings
• http://www.w3.org/TR/html5/the-header-element.html#the-header-element
• http://www.w3.org/TR/html5/the-h1-h2-h3-h4-h5-and-h6-elements.html#the-h1-h2-h3-h4-h5-and-h6-elements
• http://www.w3.org/TR/html5/the-hgroup-element.html#the-hgroup-element
• http://www.w3.org/TR/html5/content-models.html#heading-content-0 (note no <header> tag!)
• http://www.w3.org/TR/html5/headings-and-sections.html#headings-and-sections

Browsers’ bfcache

• Firefox has so called bfcache (“Back-Forward Cache”) that keeps the state of the whole page, including JavaScript context, and restores it when user presses the Back button. This is separate from the in-browse page (HTTP) cache which stores only the initial page data, as sent by the server. More on this here, here.
• Example of how bfcache works.
• Bfcache in Opera.
• Bfcache in WebKit I.
• Bfcache in WebKit II.

jQuery Mobile

• https://github.com/jquery/jquery-mobile/issues/1571#issuecomment-1602190

JavaScript

• JS has some evil parts, use CoffeeScript (also protects from RSI ;))