Write less, achieve meh - HTML5DevConf 2014

7,323 views
6,992 views

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.

0 Comments
34 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
7,323
On SlideShare
0
From Embeds
0
Number of Embeds
33
Actions
Shares
0
Downloads
52
Comments
0
Likes
34
Embeds 0
No embeds

No notes for slide

Write less, achieve meh - HTML5DevConf 2014

  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

×