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

Fronteers, Amsterdam 14 June 2012

Fronteers, Amsterdam 14 June 2012

How to Destroy the Web: Fronteers version


bruce lawson

June 15, 2012

More Decks by bruce lawson

Other Decks in Technology


  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. The Web must be destroyed.

  9. Rebuild monoculture

  10. Ancient history

  11. None
  12. Evil sys admins

  13. Evil Enterprise Software vendors

  14. IE6 funeral etc

  15. None
  16. October 1998

  17. For the Good of the Web: An Open Letter to

    Netscape (20 July 2000) TWO YEARS AGO, when your market share was still high as a kite, you pledged to fully support five key standards in the next version of your browser... At last you are talking about shipping product by the end of the year. Sounds great – except that it’s the wrong year.
  18. Continuing to periodically “upgrade” your old browser while failing to

    address its basic flaws has made it appear that you still consider Navigator 4 viable. It is not. ... keeping your 4.0 browser on the market has forced developers to continue writing bad code in order to support it. If you fail now, the web will essentially belong to a single company. And for once, nobody will be able to blame them for “competing unfairly.” So please, for your own good, and the good of the web, deliver on your promises while Netscape 6 still has the chance to make a difference.
  19. None
  20. None
  21. Internet Explorer 6 beta shows great promise www.techrepublic.com/article/internet-explorer-6-beta-shows-great-promise/1033023

  22. Microsoft Internet Explorer offers few quirks and many superb features...

    After introducing IE-only layout features such as scrolling marquees and colored table borders in earlier versions, Microsoft is now committed to the standards set by the World Wide Web Consortium. www.pcmag.com/article2/0,2817,541298,00.asp
  23. WaSP IE6 for Windows delivers fine support for HTML 4,

    CSS-1, and other important W3C standards. web.archive.org/web/20011201032740/http://www.webstandards.org/upgrade/
  24. I Love This Browser! I have loved browsing the web

    since I started way back in the mid 90s, and I really love browsing with IE.
  25. I Love This Browser! I have loved browsing the web

    since I started way back in the mid 90s, and I really love browsing with IE. Scott Stearns Test Manager, IE blogs.msdn.com/b/ie/archive/2004/07/21/190747.aspx
  26. • DOCTYPE switching (for broken box model) • HTML Components

    (.htc files) • CSS Expressions • Coloured scroll bars • IE filters and DHTML behaviors •
  27. Why?

  28. Hell is other browsers "The browser is a really hostile

    programming environment."
  29. None
  30. None
  31. None
  32. None
  33. http://getcrackin.angrybirds.com/

  34. if (!Modernizr.hasEvent("touchmove", window)) { // not mobile if (Modernizr.testProp('-webkit-box-shadow')) {

    // is WebKit $("#roadblock").addClass("loading"); $("head").append('<link rel="stylesheet" href="style.css" />'); GetCrackin.init(); } else { $("#roadblock").addClass("chrome"); } } else { $("#roadblock").addClass("mobile"); }
  35. None
  36. Let's face facts: the Web will never be the dominant

    platform. . It would help if all the rendering engines but one were to die, but even that would not be enough. Even if WebKit was the only game in town, it would still be crucial for it to have competent, sympathetic, benevolent leaders. joehewitt.com/2011/09/22/web-technologies-need-an-owner
  37. 32% developers want monoculture http://urtak.is/vOtBLj

  38. -webkit-box-shadow -webkit-transform -webkit-transform-origin -webkit-border-radius -webkit-border-top-left-radius -webkit-border-top-right-radius -webkit-border-bottom-left-radius -webkit-border-bottom-right-radius -webkit-transition -webkit-transition-delay

    -webkit-transition-duration -webkit-transition-property -webkit-transition-timing-function -webkit-linear-gradient
  39. http://en.wikipedia.org/wiki/Browser_wars#The_first_browser_war

  40. do browser sniffing

  41. 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
  42. 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)
  43. Only allow users with the right devices in

  44. Ipad pic, tweet "ipad = IE4"

  45. None
  46. None
  47. None
  48. 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/
  49. 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
  50. 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.
  51. “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
  52. None
  53. Require script support or specific plugins

  54. None
  55. http://www.koreatimes.co.kr/www/news/biz/2010/05/123_52401.html

  56. None
  57. Make the Web country-specific

  58. USA www.opera.com/smw September 2011 Top 10 sites (unique users) 1.

    google.com 2. facebook.com 3. youtube.com 4. wikipedia.org 5. yahoo.com 6. amazon.com 7. my.opera.com 8. accuweather.com 9. twitter.com 10.espn.go.com Top 10 handsets, Sept 2011 1. LG VM510 “Rumor Touch” 2. LG VM265 “Rumor2” 3. BlackBerry 8520 “Curve” 4. BlackBerry 9700 “Bold” 5. BlackBerry 9300 “Curve” 6. BlackBerry 8530 “Curve” 7. LG VM670 8. Sanyo SCP6760 9. Nokia 5130 XpressMusic 10.BlackBerry 9800 “Torch”
  59. Bangladesh Top 10 sites 1. facebook.com 2. google.com 3. youtube.com

    4. waptrick.com 5. wikipedia.org 6. espncricinfo.com 7. getjar.com 8. yahoo.com 9. my.opera.com 10.filestube.com Top handsets 1. Nokia 5130 XpressMusic 2. Nokia 2700 3. Nokia 2690 4. Nokia X2 5. Nokia 3110c 6. Nokia 6300 7. Nokia C1 8. Nokia N70 9. Nokia 2730c 10.Nokia N73
  60. UK Top 10 sites 1. google.com 2. facebook.com 3. bbc.co.uk

    4. youtube.com 5. wikipedia.org 6. twitter.com 7. live.com 8. my.opera.com 9. yahoo.com 10.amazon.co.uk Top handsets 1. BlackBerry 8520 “Curve” 2. Nokia C3 3. BlackBerry 9700 “Bold” 4. BlackBerry 9300 “Curve” 5. Nokia 2330c 6. Alcatel OT-800 7. BlackBerry 9800 “Torch” 8. Nokia X2 9. Nokia 6700c 10.Nokia 2730c
  61. None
  62. None
  63. None
  64. Use royalty-encumbered data formats

  65. 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
  66. The politics of codecs

  67. Require specific types of hardware

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

  69. Assume a visual display

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

  71. Semantics are wasteful

  72. <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>
  73. None
  74. <body></body>

  75. Break the URL addressing system

  76. The reason the web is so powerful is that it

    is a web of information. One piece of data is linked with another piece of data is via a URL. Directly addressable content is what makes web apps better than desktop apps. danwebb.net/2011/5/28/it-is-about-the-hashbangs
  77. #! See http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs

  78. NYSE Euronext prohibits ... unauthorized hypertext links by others to

    the NYSE Euronext Web-site. NYSE Euronext reserves the right to disable any unauthorized links.
  79. http://www.nyse.com/

  80. 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.
  81. 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.
  82. 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
  83. You agree to review this Agreement each time you access

    the NYSE Euronext Web-site so that you are aware of any and all modifications made to this Agreement since your last visit
  84. Censor the Web

  85. None
  86. Clitheroe Lightwater Penistone

  87. Clitheroe Lightwater Penistone

  88. Scunthorpe

  89. None
  90. WWW

  91. None
  92. www.opera.com/developer bruce.lawson@opera.com www.brucelawson.co.uk twitter.com/brucel

  93. 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/ • Sharks with lasers http://www.flickr.com/photos/starstreak007/3416655056/sizes/l/in/faves-24374884@N08/ • 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.html • Country stats and handset breakdown on free monthly State of the Mobile Web report http://opera.com/smw