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

How to Destroy The Web

6f3ec7315ad0715ae2a5f89a52877218?s=47 bruce lawson
November 19, 2011

How to Destroy The Web

The future of the Web is a dangerous Babylon: people talking to each other to do business, organise revolutions, express their feelings, meet their friends, transcend their disabilities and economically empower themselves. Obviously, this must be stopped. Bruce will show you his top tips and tricks that you can employ to destroy the web.

(Heart and Sole Conference, Portsmouth, 18 November 2011)


bruce lawson

November 19, 2011

More Decks by bruce lawson

Other Decks in Programming


  1. How to destroy the Web Bruce Lawson

  2. The principles of universality of access irrespective of hardware or

    software platform, network infrastructure, language, culture, geographical location, or physical or mental impairment are core values Tim Berners-Lee
  3. None
  4. None
  5. None
  6. None
  7. None
  8. Only allow users with the right browser in

  9. None
  10. do browser sniffing

  11. A short sad history of browser sniffing (http://webaim.org/blog/user-agent-string-history/) Mosaic NCSA_Mosaic/2.0

    (Windows 3.1) Netscape Mozilla/1.0 (Win3.1) IE: Mozilla/1.22 (compatible; MSIE 2.0; Windows 95) Firefox: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.1) Gecko/20020826 Konqueror: Mozilla/5.0 (compatible; Konqueror/3.2; FreeBSD) (KHTML, like Gecko) Opera: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; en) Opera 9.51, or Mozilla/5.0 (Windows NT 6.0; U; en; rv:1.8.1) Gecko/20061208 Firefox/2.0.0 Opera 9.51, or Opera/9.51 (Windows NT 5.1; U; en) Safari: Mozilla/5.0 (Macintosh; U; PPC Mac OS X; de-de) AppleWebKit/85.7 (KHTML, like Gecko) Safari/85.5 Chrome: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/ Safari/525.13
  12. Script: https://github.com/404 (27 Jan 2011) // Detect if the browser

    is IE or not. // If it is not IE, we assume that the browser is NS. var IE = document.all?true:false; // If NS -- that is, !IE -- then set up for mouse capture if (!IE) document.captureEvents(Event.MOUSEMOVE); (Lots more fun at https://github.com/miketaylr/Snort/blob/master/snort.yml)
  13. Only allow users with the right devices in

  14. Ipad pic, tweet "ipad = IE4"

  15. None
  16. None
  17. None
  18. Towards a World-Wide Web 1.6 billion people are online, yet

    more than 4 billion people — two out of every three people on Earth — have a mobile phone or access to one. www.opera.com/smw/2009/10/
  19. China “The proportion of [people] accessing the Internet by mobile

    increased enormously from 39.5% in late 2008 to 46% in June 2009, while the proportion of using desktops and laptops decreased”. (close to 150 million people). Statistical Report on Internet Development in China, p25-26, July 2009, www.ccnic.cn
  20. There is one bank branch for every 14,000 people, one

    ATM for every 5000 people but a mobile for every 2.3 people in India (563.73 million) . India has more mobile phones than toilets.
  21. “One Web means making, as far as is reasonable, the

    same information and services available to users irrespective of the device they are using. However, it does not mean that exactly the same information is available in exactly the same representation across all devices.” W3C Mobile Web Best Practices http://www.w3.org/TR/mobile-bp/#OneWeb
  22. None
  23. Require script support or specific plugins

  24. http://www.koreatimes.co.kr/www/news/biz/2010/05/123_52401.html

  25. None
  26. Make the Web country-specific

  27. USA - www.opera.com/smw Top 10 sites (unique users) 1. google.com

    2. facebook.com 3. youtube.com 4. wikipedia.org 5. yahoo.com 6. my.opera.com 7. accuweather.com 8. twitter.com 9. espn.go.com 10.myspace.com Top 10 handsets, Jan 2011 1. Apple iPhone 2. LG VM265 “Rumor2” 3. BlackBerry 8520 “Curve” 4. BlackBerry 9700 “Bold” 5. LG VM510 “Rumor Touch” 6. BlackBerry 8330 “Curve” 7. BlackBerry 8900 “Curve” 8. BlackBerry 8530 “Curve” 9. Samsung SPH-M810 “Instinct S30” 10.BlackBerry 9630 “Tour”
  28. UK Top 10 sites 1. google.com 2. facebook.com 3. bbc.co.uk

    4. youtube.com 5. wikipedia.org 6. live.com 7. my.opera.com 8. bing.com 9. mobile2day.com 10.newsnow.net Top handsets, January 2011 1. Apple iPhone 2. Nokia C3 3. BlackBerry 8520 “Curve” 4. Nokia 2330c 5. BlackBerry 9700 “Bold” 6. Nokia 6700c 7. Nokia 2730c 8. BlackBerry 8900 “Curve” 9. Nokia 6300 10.Nokia 6303c
  29. Ghana Top 10 sites 1. facebook.com 2. google.com 3. yahoo.com

    4. wapdam.com 5. youtube.com 6. wikipedia.org 7. bbc.co.uk 8. my.opera.com 9. getjar.com 10.goal.com Top handsets, December 2010 1. Nokia 2330c 2. Nokia 2700c 3. Nokia 5130 XpressMusic 4. Sony Ericsson K750i 5. Nokia 2680s 6. Nokia 6300 7. Nokia 2600c 8. Nokia 6230i 9. Sony Ericsson K800i 10.Sony Ericsson W810i
  30. Burma Top 10 site 1. google.com 2. facebook.com 3. bbc.co.uk

    4. my.opera.com 5. nytimes.com 6. espn.go.com 7. cnnmobile.com 8. getjar.com 9. topshareware.com 10.zedge.net Top handsets 1. Apple iPhone 2. Nokia 5730s 3. Nokia 5800d 4. Sony Ericsson W800 5. Nokia X3 6. Nokia X6 7. Sony Ericsson U5i 8. Nokia C3 9. BlackBerry 9700 “Bold” 10.Nokia N8
  31. None
  32. Use royalty-encumbered data formats

  33. video formats webM Ogg/ Theora mp4/ h264 Opera yes yes

    Chrome yes yes Nope (Chrome.soon) Firefox Yes (FF4) yes Safari yes IE9 Yes (if installed) yes
  34. The politics of codecs

  35. Break the URL addressing system

  36. URLs are universal. They work in Firefox ... Internet Explorer,

    cURL, wget, your iPhone, Android and even written down on sticky notes. They are the one universal syntax of the web. http://warpspire.com/posts/url-design/
  37. #! See http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs

  38. NYSE Euronext prohibits unauthorized hypertext links by others to the

    NYSE Web-site. NYSE Euronext reserves the right to disable any unauthorized links.
  39. Use of any Web browsers (other than generally available third-

    party browsers), engines, software, spiders, robots, avatars, agents, tools or other devices or mechanisms to navigate, search or determine the NYSE Web-site is strictly prohibited. You may print or download a single, unaltered, permanent copy or one temporary copy in a single computer’s memory of any Content for your personal, non-commercial use only You agree you will not, and will not permit any third party to obstruct, receive, modify or otherwise interfere with the display or delivery of advertisements on the NYSE Web-site.
  40. Require specific types of hardware

  41. Assume a mouse *:focus {outline:none;} foo:hover bar {display:block; …}

  42. Assume a visual display

  43. <SPAN id=:rg class=toxOdd role=link tabIndex=0 closure_hashCode_l16mgm="177"> Create a filter</SPAN> Source:

  44. Semantics are wasteful

  45. <DIV id=:rk class="J-K-I J-J5-Ji L3 J-K-I-JO" tabIndex=0 unselectable="on" closure_hashCode_l16mgm="182" act="">

    <DIV class="J-J5-Ji J-K-I-Kv-H" unselectable="on"> <DIV class="J-J5-Ji J-K-I-J6-H" unselectable="on"> <DIV class=J-K-I-KC unselectable="on"> <DIV class=J-K-I-K9-KP unselectable="on">&nbsp;</DIV> <DIV class=J-K-I-Jz unselectable="on">Search Mail</DIV> </DIV></DIV></DIV></DIV>
  46. <body></body>

  47. Censor the Web

  48. None
  49. Clitheroe Lightwater Penistone

  50. Clitheroe Lightwater Penistone

  51. Scunthorpe

  52. None
  53. WWW

  54. None
  55. Image/ screenshot credits • http://iranian-girl.blogspot.com/ • http://iraniandoughter.blogspot.com/2010/08/my-haven.html • http://bbwob.blogspot.com/2008/05/atrocities-by-military-regime.html •

    http://twitter.com/#!/dhh/status/32471503853322241 • ZX81 http://www.flickr.com/photos/austinevan/3368452115/sizes/o/in/photostream/ • Address book photo http://www.flickr.com/photos/anderspee/5243086788/ • Browser sniffing http://www.flickr.com/photos/timdorr/2096272747/ • Indian mobile phones http://www.flickr.com/photos/worldbank/3492673512/ • Telegraph report (Indian mobile subscribers) 15 April 2010, http://www.telegraph.co.uk/news/worldnews/asia/india/7593567/India-has-more-mobile-phones-than-toilets-UN-report.ht • Country stats and handset breakdown on free monthly State of the Mobile Web report http://opera.com/smw
  56. www.opera.com/developer bruce.lawson@opera.com www.brucelawson.co.uk twitter.com/brucel