WRITE LESS, ACHIEVE MEH…
Christian Heilmann (@codepo8)
HTML5DevConf, SF, May. 2014
HELLO THERE!
YOU ARE AWESOME!
WHO HERE WANTS TO…
★ Build rich apps across all platforms?
★ Have amazing app performance without having to worry about yo...
THE FUTURE IS HERE!
WHERE INTERNET EXPERTS OF TOMORROW
USE THE HOTTEST PRODUCTS OF TODAY
TO BUILD RICH INTERNET APPLICATIONS!
★ 5 CDs with 30 day trial versions of the best
WYSIWYG editors on the market!
★ 3 fully functional trial licenses for the ...
GOOD THING THOSE DAYS ARE OVER.
OR ARE THEY?
‹‹‹
I’m the web I’m an app
Runs for 800 years without
supervision and repairs
itself
Gets shut down remotely
and has no sp...
TOTSCHLAGARGUMENT
LINKS, RESOURCES AND CONNECTIONS
BRINGING THE WEB TO APPS?
http://applinks.org/
http://applinks.org/
UNICORNS EXIST, WE CAN STOP LOOKING FOR THEM
http://www.flickr.com/photos/11454687@N03/13337677083
WEB
MOBILE WEB
GOOD THING THAT’S OVER…
FAT, GREY AND ALMOST HUNTED TO EXTINCTION
http://httparchive.org/
HOW COME?
WHAT’S WITH THE SUIT?
WE KEEP OURSELVES BUSY…
WE ADD BITS TO MAKE IT PRETTY
WE USE THIRD PARTY SOLUTIONS TO SHOW OFF
REDUNDANCY DENIED
BACK TO BASICS
WHAT WAS HTML5 MEANT
TO DO DIFFERENTLY?
XHTML PUNISHED USERS FOR OUR MISTAKES
XHTML WASN’T “APP READY”
• focused: fullscreen with a simple interface
• rich in interaction: touch enabled app interactio...
NOW WE HAVE THAT!
• focused: fullscreen APIs, manifest files.
• rich in interaction: new input types
• mobile: appcache, lo...
BEST FOOT FORWARD!
DEAD LINKS AND BROKEN BUTTONS
SHODDY ERROR HANDLING / A11Y
WE CAN DO MUCH BETTER!
WE GET MUCH MORE CONTROL
http://www.flickr.com/photos/10307897@N07/3573120848/
SERVICEWORKER
=
CONTROLLED APPCACHE
+
RESOURCE LOAD CONTROLLER
https://github.com/slightlyoff/ServiceWorker
WEB
COMPONENTS
=
BROWSER-NATIVE WIDGETS
http://www.w3.org/TR/components-intro/
http://geelen.github.io/x-gif
THIS = NEW WHEEL();
EXTENDING VS. RE-INVENTING
DOING IT RIGHT FROM THE START
http://www.polymer-project.org/articles/accessible-web-components.html
LESS SNAKE OIL…
http://www.flickr.com/photos/21896484@N02/2726201320
MORE AWESOME PLUMBING!
http://www.flickr.com/photos/55262442@N00/4266753830/
WELCOME TO THE
BRING YOUR OWN SOLUTION
PLATFORM
WELCOME TO THE
BRING YOUR OWN SOLUTION
PLATFORM
FIND THE BRICKS YOU LIKE AND BUILD SOMETHING AMAZING
http://www.flickr.com...
DON’T GLUE THEM TOGETHER!
LET’S GO EXPLORING!
THANKS!
CHRIS HEILMANN
@CODEPO8
Write less, achieve meh - HTML5DevConf 2014
Upcoming SlideShare
Loading in...5
×

Write less, achieve meh - HTML5DevConf 2014

6,191

Published 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 out.

Write less, achieve meh - HTML5DevConf 2014

  1. 1. WRITE LESS, ACHIEVE MEH… Christian Heilmann (@codepo8) HTML5DevConf, SF, May. 2014
  2. 2. HELLO THERE!
  3. 3. YOU ARE AWESOME!
  4. 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. 5. THE FUTURE IS HERE!
  6. 6. WHERE INTERNET EXPERTS OF TOMORROW USE THE HOTTEST PRODUCTS OF TODAY TO BUILD RICH INTERNET APPLICATIONS!
  7. 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. 8. GOOD THING THOSE DAYS ARE OVER.
  9. 9. OR ARE THEY?
  10. 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. 11. TOTSCHLAGARGUMENT
  12. 12. LINKS, RESOURCES AND CONNECTIONS
  13. 13. BRINGING THE WEB TO APPS? http://applinks.org/ http://applinks.org/
  14. 14. UNICORNS EXIST, WE CAN STOP LOOKING FOR THEM http://www.flickr.com/photos/11454687@N03/13337677083
  15. 15. WEB MOBILE WEB
  16. 16. GOOD THING THAT’S OVER… FAT, GREY AND ALMOST HUNTED TO EXTINCTION http://httparchive.org/
  17. 17. HOW COME?
  18. 18. WHAT’S WITH THE SUIT? WE KEEP OURSELVES BUSY…
  19. 19. WE ADD BITS TO MAKE IT PRETTY
  20. 20. WE USE THIRD PARTY SOLUTIONS TO SHOW OFF
  21. 21. REDUNDANCY DENIED
  22. 22. BACK TO BASICS
  23. 23. WHAT WAS HTML5 MEANT TO DO DIFFERENTLY?
  24. 24. XHTML PUNISHED USERS FOR OUR MISTAKES
  25. 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. 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. 27. BEST FOOT FORWARD!
  28. 28. DEAD LINKS AND BROKEN BUTTONS
  29. 29. SHODDY ERROR HANDLING / A11Y
  30. 30. WE CAN DO MUCH BETTER!
  31. 31. WE GET MUCH MORE CONTROL http://www.flickr.com/photos/10307897@N07/3573120848/
  32. 32. SERVICEWORKER = CONTROLLED APPCACHE + RESOURCE LOAD CONTROLLER https://github.com/slightlyoff/ServiceWorker
  33. 33. WEB COMPONENTS = BROWSER-NATIVE WIDGETS http://www.w3.org/TR/components-intro/
  34. 34. http://geelen.github.io/x-gif
  35. 35. THIS = NEW WHEEL();
  36. 36. EXTENDING VS. RE-INVENTING
  37. 37. DOING IT RIGHT FROM THE START http://www.polymer-project.org/articles/accessible-web-components.html
  38. 38. LESS SNAKE OIL… http://www.flickr.com/photos/21896484@N02/2726201320
  39. 39. MORE AWESOME PLUMBING! http://www.flickr.com/photos/55262442@N00/4266753830/
  40. 40. WELCOME TO THE BRING YOUR OWN SOLUTION PLATFORM
  41. 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. 42. DON’T GLUE THEM TOGETHER!
  43. 43. LET’S GO EXPLORING! THANKS! CHRIS HEILMANN @CODEPO8
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×