Write less, achieve meh - HTML5DevConf 2014

  • 5,877 views
Uploaded on

Keynote at the HTML5DevConf 2014 in San Francisco, explaining how many of the outreach we do these days looks a lot like sales pitches in the mid-noughties. They will make more sense once the video is …

Keynote at the HTML5DevConf 2014 in San Francisco, explaining how many of the outreach we do these days looks a lot like sales pitches in the mid-noughties. They will make more sense once the video is out.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
5,877
On Slideshare
0
From Embeds
0
Number of Embeds
5

Actions

Shares
Downloads
51
Comments
0
Likes
32

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. WRITE LESS, ACHIEVE MEH… Christian Heilmann (@codepo8) HTML5DevConf, SF, May. 2014
  • 2. HELLO THERE!
  • 3. YOU ARE AWESOME!
  • 4. WHO HERE WANTS TO… ★ Build rich apps across all platforms? ★ Have amazing app performance without having to worry about your code? ★ Concentrate on writing clean, scalable code using known software paradigms instead of knowing about browser quirks? ★ Pick from an amazing collection of beautiful widgets that users will love?
  • 5. THE FUTURE IS HERE!
  • 6. WHERE INTERNET EXPERTS OF TOMORROW USE THE HOTTEST PRODUCTS OF TODAY TO BUILD RICH INTERNET APPLICATIONS!
  • 7. ★ 5 CDs with 30 day trial versions of the best WYSIWYG editors on the market! ★ 3 fully functional trial licenses for the widget-o- matic server from Macrohard! ★ A cool mouse-mat! ★ 10 vouchers for trial training sessions on our partner products!
  • 8. GOOD THING THOSE DAYS ARE OVER.
  • 9. OR ARE THEY?
  • 10. ‹‹‹ I’m the web I’m an app Runs for 800 years without supervision and repairs itself Gets shut down remotely and has no spare parts.
  • 11. TOTSCHLAGARGUMENT
  • 12. LINKS, RESOURCES AND CONNECTIONS
  • 13. BRINGING THE WEB TO APPS? http://applinks.org/ http://applinks.org/
  • 14. UNICORNS EXIST, WE CAN STOP LOOKING FOR THEM http://www.flickr.com/photos/11454687@N03/13337677083
  • 15. WEB MOBILE WEB
  • 16. GOOD THING THAT’S OVER… FAT, GREY AND ALMOST HUNTED TO EXTINCTION http://httparchive.org/
  • 17. HOW COME?
  • 18. WHAT’S WITH THE SUIT? WE KEEP OURSELVES BUSY…
  • 19. WE ADD BITS TO MAKE IT PRETTY
  • 20. WE USE THIRD PARTY SOLUTIONS TO SHOW OFF
  • 21. REDUNDANCY DENIED
  • 22. BACK TO BASICS
  • 23. WHAT WAS HTML5 MEANT TO DO DIFFERENTLY?
  • 24. XHTML PUNISHED USERS FOR OUR MISTAKES
  • 25. XHTML WASN’T “APP READY” • focused: fullscreen with a simple interface • rich in interaction: touch enabled app interaction elements • mobile: works offline • integrated: works with the OS and has hardware access • responsive and fast: runs smooth, can be killed without taking down the rest of the OS
  • 26. NOW WE HAVE THAT! • focused: fullscreen APIs, manifest files. • rich in interaction: new input types • mobile: appcache, localStorage, indexedDB/WebSQL • integrated: WebAPIs, Open Web Apps • responsive and fast: too much to mention.
  • 27. BEST FOOT FORWARD!
  • 28. DEAD LINKS AND BROKEN BUTTONS
  • 29. SHODDY ERROR HANDLING / A11Y
  • 30. WE CAN DO MUCH BETTER!
  • 31. WE GET MUCH MORE CONTROL http://www.flickr.com/photos/10307897@N07/3573120848/
  • 32. SERVICEWORKER = CONTROLLED APPCACHE + RESOURCE LOAD CONTROLLER https://github.com/slightlyoff/ServiceWorker
  • 33. WEB COMPONENTS = BROWSER-NATIVE WIDGETS http://www.w3.org/TR/components-intro/
  • 34. http://geelen.github.io/x-gif
  • 35. THIS = NEW WHEEL();
  • 36. EXTENDING VS. RE-INVENTING
  • 37. DOING IT RIGHT FROM THE START http://www.polymer-project.org/articles/accessible-web-components.html
  • 38. LESS SNAKE OIL… http://www.flickr.com/photos/21896484@N02/2726201320
  • 39. MORE AWESOME PLUMBING! http://www.flickr.com/photos/55262442@N00/4266753830/
  • 40. WELCOME TO THE BRING YOUR OWN SOLUTION PLATFORM
  • 41. WELCOME TO THE BRING YOUR OWN SOLUTION PLATFORM FIND THE BRICKS YOU LIKE AND BUILD SOMETHING AMAZING http://www.flickr.com/photos/29498428@N00/2314610838/
  • 42. DON’T GLUE THEM TOGETHER!
  • 43. LET’S GO EXPLORING! THANKS! CHRIS HEILMANN @CODEPO8