This document discusses ways to enhance the browser experience by improving the "health" of the browser. It provides several ideas and approaches to consider, such as using responsive web design (RWD) for multi-device support, considering browsers based on Webkit, and determining whether a single page application (SPA) is needed. It also discusses aspects of the browser like the JavaScript engine and rendering engine. The document recommends checking browser compatibility and performance, and considering tools like polyfills and Modernizr to address issues. Finally, it briefly mentions some emerging HTML5 APIs and experimental browser technologies.

1. ENHANCE THE BROWSER
EXPERIENCE

3. LET'S TALK
Some previous thoughts
How can improve the health of our "patient"?
Experimental treatments: the cool ones!

4. DO WE LOOK LIKE
ALCHEMISTS?
Clients usually ask for "miracles"

5. FOR ME IT'S MORE LIKE THIS
"Selfie" in some years

6. SOME PRESET IDEAS SPREAD AROUND...
RWD: Solution for Multi-Device: Look some of the caveats
&[link] list of approaches
Browsers based on Webkit: Winner bet [1][2][3]
SPA: Everybody needs one? : [link]

7. WHAT A WONDERFUL
WORLD...

8. AS HOUSE SAYS
“Everybody Lies.”
BUT NOT ALL ARE MISSED , WE ARE HOUSE'S TEAM!

9. BROWSER "BODY"
JS engine: and some ECMAScript 5 compatibility
Rendering Engine:
Good Read about how browsers work:
On mobile, don't forget and
[list] [list]
[list]
[link]
Viewport's Hell DPI's

10. DOCTORS HAVE DIFFERENT
APPROACHES
WHICH IS "OUR" BOTTLENECK?
: Rendering way managed in JS vs Trust in CSS3
operations
: Virtual DOM operations
Famo.us
ReactJS

11. VADEMÉCUM : HTML5 API'S
THE BIG UNCOMPLETED LIST
API's available
When to use it: Can I Use

12. THE DIAGNOSIS
I have no time, my patient is dying!! :
Is the target Browser ready? Check it:
Backwards compatibility? :
Your code seems OK, your performance NOT so well: Jank
Issues ?
Can't find a polyfill for my needs:
HTML5 Please
Modernizr
Polyfills
[link]
Runtime Performance Checklist
Build your own

13. DIFFERENCIAL DIAGNOSIS

14. Should i use MQ or MatchMedia API ?
MQ for JS
Enquire.JS

15. Internationalization of your App, Unicode in Javascript?
JavaScript Internationalization API
Regex: XRegExp

16. Do i need Jquery?
You might not need jquery

17. EXPERIMENTAL TREATMENTS
COOL DEMOS ABOUT WHAT CAN BE
DONE IN A BROWSER
WebRTC typography:
GUM QRcode:
GUM OCR:
Speech Recognition: |
Gesture Recognition: |
[link]
[link]
[video]
Annyang Dictation.io
$N With touch support

18. TRENDS
USE THIS INFO WITH CAUTION
andHTTP Archive Mobile HTTP Archive
Device Atlas - Data Explorer
StatCounter

19. THANKS!
Jorge Barrachina
@NTKOG / @HTML5MeetSpain
info@html5-spain.com