Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Excessive Enhancement - SXSW2012

Excessive Enhancement - SXSW2012

We all love to see exciting and innovative "interface shizzle" driven by JavaScript and the ever increasing rendering capabilities of modern browsers, but are we getting these at the expense of the Web? This talk will explore the good, the bad, and the fugly of rich interfaces, while examining how and why we should take care not to damage the Web.

Given at SxSW 2012

#sxexcess

Phil Hawksworth

March 11, 2012
Tweet

More Decks by Phil Hawksworth

Other Decks in Programming

Transcript

  1. browser shizzle can do animation can do 3D effects @philhawksworth

    #excessiveenhancement @philhawksworth #sxexcess
  2. browser shizzle can do animation can do 3D effects can

    do dynamic data visualisations @philhawksworth #excessiveenhancement @philhawksworth #sxexcess
  3. ...so preoccupied with whether they could that they didn't stop

    to think if they should - Dr. Ian Malcolm @philhawksworth #excessiveenhancement @philhawksworth #sxexcess
  4. captain killjoy running with scissors chewing with mouth open ...but

    this stuff is important @philhawksworth #sxexcess
  5. are we going too far with javascript to enhance our

    sites? @philhawksworth #sxexcess
  6. the web is agreement an uber-doodle about the web by

    @psd @philhawksworth #sxexcess @philhawksworth #sxexcess
  7. the uri is the thing another uber-doodle about the web

    by @psd @philhawksworth #excessiveenhancement @philhawksworth #sxexcess
  8. http://beetle.de a rich user experience open Web technologies ...and why

    I think it sucks @philhawksworth #excessiveenhancement @philhawksworth #sxexcess
  9. ...so preoccupied with whether they could that they didn't stop

    to think if they should - Dr. Ian Malcolm @philhawksworth #excessiveenhancement @philhawksworth #sxexcess
  10. @philhawksworth #excessiveenhancement that is really rather a lot of http

    requests for a web site about a car. - Dr. Ian Malcolm @philhawksworth #sxexcess
  11. when did it get so hard to crawl the web?

    @philhawksworth #sxexcess
  12. when did it get so hard to crawl the web?

    what does it take to write a good crawler? @philhawksworth #sxexcess
  13. @philhawksworth #sxexcess <table id="data"> <tfoot> <tr> <th>1</th> <th>2</th> <th>3</th> ...

    </tr> </tfoot> <tbody> <tr> <td>8</td> <td>25</td> <td>27</td> ... </tr> </tbody> </table>
  14. just a demo the biggest danger is when that demo

    mentality leaks into production websites @brucelawson @philhawksworth #sxexcess
  15. we've been here before "it looks like you're making a

    snazzy web site..." would you like me to bollocks it up for you? @philhawksworth #excessiveenhancement @philhawksworth #sxexcess
  16. remember @philhawksworth #sxexcess take care of the uri consider all

    of your users value the pixels and the Web enhance gracefully
  17. remember @philhawksworth #sxexcess take care of the uri consider all

    of your users value the pixels and the Web enhance gracefully dinosaur theme parks often end badly
  18. http://www.flickr.com/photos/shelbob/67089485 http://www.flickr.com/photos/psd/1805709102/ http://www.flickr.com/photos/psd/421186578/ http://crikeyboy.blogspot.com/2009/05/illustration-friday- hierarchy.html http://www.flickr.com/photos/57742619@N04/5959324249 http://stephenwaller.tumblr.com/ http://www.flickr.com/photos/e-coli/3888542890 http://www.flickr.com/photos/theredproject/2831350088 http://www.flickr.com/photos/dcjohn/8474890

    http://thewebisagreement.com/ http://en.wikipedia.org/wiki/Robustness_principle @philhawksworth #excessiveenhancement thanks & links http://code.google.com/web/ajaxcrawling http://github.com/blog/760-the-tree-slider http://www.w3.org/TR/html5/history.html http://www.whatwg.org/specs/web-apps/current- work/#event-popstate https://developer.mozilla.org/en/DOM/ window.onpopstate http://github.com/PaulKinlan/leviroutes http://christianheilmann.com/2011/08/15/getting- rusty-we-need-new-best-practices-for-a-different- development-world/ http://www.w3.org/QA/2011/05/hash_uris.html @philhawksworth