Fowa2010 progressive-enhancement
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Fowa2010 progressive-enhancement

on

  • 4,466 views

Presentation at Future of web apps in London 2010 about progressive enhancement and building things for the web - audio soon available.

Presentation at Future of web apps in London 2010 about progressive enhancement and building things for the web - audio soon available.

Statistics

Views

Total Views
4,466
Views on SlideShare
3,813
Embed Views
653

Actions

Likes
7
Downloads
34
Comments
1

6 Embeds 653

http://www.oliveira-online.net 378
http://www.wait-till-i.com 221
http://christianheilmann.com 45
http://static.slidesharecdn.com 7
http://www.onlydoo.com 1
http://translate.googleusercontent.com 1

Accessibility

Categories

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

Fowa2010 progressive-enhancement Presentation Transcript

  • 1. Real progressive enhancement Chris&an Heilmann FOWA, London, October 2010
  • 2. HTML5
  • 3. Beware of truisms!
  • 4. HTML5 does not mean building apps for iPad, iPhone and Android.
  • 5. Staying in the comfort zone.
  • 6. Building for the web means open development.
  • 7. http://icant.co.uk/articles/seven-rules-of- unobtrusive-javascript/ http://www.zhuoqun.net/html/y2008/1103.html
  • 8. Easy YouTube http://www.youtube.com/watch?v=CwsDKaalgq8& http://www.youtube.com/watch?v=QiuT0y0KR6I
  • 9. “ You can leave now - I don’t need you any longer to watch my videos! “
  • 10. HTML5 means moving from hacks to web applications.
  • 11. The web is a scary place.
  • 12. A constantly upgrading web?
  • 13. IE6+Large Organisations=BFF http://www.hmg.gov.uk/epetition-responses/petition-view.aspx?epref=ie6upgrade
  • 14. Complex software will always have vulnerabilities and motivated adversaries will always work to discover and take advantage of them.  There is no evidence that upgrading away from the latest fully patched versions of Internet Explorer to other browsers will make users more secure.
  • 15. It is not straightforward for HMG departments to upgrade IE versions on their systems.  Upgrading these systems to IE8 can be a very large operation, taking weeks to test and roll out to all users.
  • 16. To test all the web applications currently used by HMG departments can take months at significant potential cost to the taxpayer. It is therefore more cost effective in many cases to continue to use IE6 and rely on other measures, such as firewalls and malware scanning software, to further protect public sector internet users.
  • 17. And this is why we need progressive enhancement.
  • 18. Which is not “making it work for IE6”.
  • 19. Instead it is “test for support before you apply” http://www.modernizr.com/ http://github.com/phiggins42/has.js
  • 20. [geomaker] http://icant.co.uk/geomaker/index.php
  • 21. http://uk-house-prices.com/
  • 22. For a lot of new developers, this looks like extra effort.
  • 23. Instead we produce low quality fallbacks.
  • 24. New technologies can be safely applied with a few lines of code.
  • 25. Take local storage for example. 15MB cookies!
  • 26. http://github.com/codepo8/firehose-research/
  • 27. We built all these cool widgets...
  • 28. Wouldn’t it be great to just be able to use them?
  • 29. http://express.davglass.com/
  • 30. node.js + express.js + YUI3 = Progressive Enhancement win!
  • 31. http://www.yuiblog.com/blog/2010/09/29/video-glass-node/
  • 32. Even more interesting - today’s widgets are already tomorrow’s native controls.
  • 33. <datalist> type=”color” type=”range” type=”file” type=”date”
  • 34. Re-use of learnings.
  • 35. CSS3 Animation and Transition
  • 36. On-demand loading allows for enhanced support without overhead.
  • 37. YUI’s intrinsic Loader now supports  capability‐based loading.  We’re leveraging this new feature to  avoid shipping IE‐specific code in the  Dom module to non‐IE browsers, a  performance/k‐weight boost that will  benefit all users of modern browsers  with no code change required. http://www.yuiblog.com/blog/2010/07/26/3-2-0pr1/
  • 38. Last but not least, it is time to think about our development stack.
  • 39. http://revdancatt.com/2010/09/27/a-users-guide-to- websites-part-1-if-it-wasnt-broken-why-fix-it-2/
  • 40. http://yuiblog.com/crockford/ “Loopage”
  • 41. The future of web apps is being forged right now.
  • 42. Be part of the movement for a better web for all.
  • 43. Come and talk to us, to Google, to Apple, to Mozilla, to Opera, to Microsoft... Your input matters!
  • 44. Christian Heilmann http://wait-till-i.com Thanks! http://developer-evangelism.com http://twitter.com/codepo8