Write less, achieve meh - HTML5DevConf 2014
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Write less, achieve meh - HTML5DevConf 2014

  • 6,448 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......

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
6,448
On Slideshare
6,422
From Embeds
26
Number of Embeds
4

Actions

Shares
Downloads
51
Comments
0
Likes
32

Embeds 26

http://www.google.com 20
https://twitter.com 4
http://www.pinterest.com 1
http://www.w3schools.com 1

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