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

Write less, achieve meh - HTML5DevConf 2014

on

  • 6,061 views

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.

Statistics

Views

Total Views
6,061
Views on SlideShare
6,035
Embed Views
26

Actions

Likes
32
Downloads
50
Comments
0

4 Embeds 26

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

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Write less, achieve meh - HTML5DevConf 2014 Write less, achieve meh - HTML5DevConf 2014 Presentation Transcript

  • 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 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?
  • 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 widget-o- matic server from Macrohard! ★ A cool mouse-mat! ★ 10 vouchers for trial training sessions on our partner products!
  • 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 spare parts.
  • 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 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
  • 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.
  • 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/photos/29498428@N00/2314610838/
  • DON’T GLUE THEM TOGETHER!
  • LET’S GO EXPLORING! THANKS! CHRIS HEILMANN @CODEPO8