Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Enhance the browser_experience

592 Aufrufe

Veröffentlicht am

This talk tries to

Veröffentlicht in: Internet, Technologie
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Enhance the browser_experience

  1. 1. ENHANCE THE BROWSER EXPERIENCE
  2. 2. LET'S TALK Some previous thoughts How can improve the health of our "patient"? Experimental treatments: the cool ones!
  3. 3. DO WE LOOK LIKE ALCHEMISTS? Clients usually ask for "miracles"
  4. 4. FOR ME IT'S MORE LIKE THIS "Selfie" in some years
  5. 5. 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]
  6. 6. WHAT A WONDERFUL WORLD...
  7. 7. AS HOUSE SAYS “Everybody Lies.” BUT NOT ALL ARE MISSED , WE ARE HOUSE'S TEAM!
  8. 8. 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
  9. 9. DOCTORS HAVE DIFFERENT APPROACHES WHICH IS "OUR" BOTTLENECK? : Rendering way managed in JS vs Trust in CSS3 operations : Virtual DOM operations Famo.us ReactJS
  10. 10. VADEMÉCUM : HTML5 API'S THE BIG UNCOMPLETED LIST API's available When to use it: Can I Use
  11. 11. 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
  12. 12. DIFFERENCIAL DIAGNOSIS
  13. 13. Should i use MQ or MatchMedia API ? MQ for JS Enquire.JS
  14. 14. Internationalization of your App, Unicode in Javascript? JavaScript Internationalization API Regex: XRegExp
  15. 15. Do i need Jquery? You might not need jquery
  16. 16. 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
  17. 17. TRENDS USE THIS INFO WITH CAUTION andHTTP Archive Mobile HTTP Archive Device Atlas - Data Explorer StatCounter
  18. 18. THANKS! Jorge Barrachina @NTKOG / @HTML5MeetSpain info@html5-spain.com

×