Embracing the anywhere, everywhere web
2 likes9,262 views
This document discusses the challenges of predicting the future and how technologies develop in unexpected ways. It contains quotes from people throughout history underestimating new technologies like airplanes, television, and the impact of the iPhone. The document advocates for responsive design that enhances all devices rather than excluding some. It argues we should use context to build experiences for people, not just respond to devices. Overall, the document promotes being open-minded about new technologies and not limiting designs with dogma.
![“ It is apparent to me that the possibilities
of the aeroplane, which two or three
years ago were thought to hold the
solution to the [flying machine]
problem, have been exhausted, and that
we must turn elsewhere.
Thomas Edison, 1895
http://flic.kr/p/6sbgQu](https://image.slidesharecdn.com/wvanywhereeverywhere-120521090110-phpapp02/85/Embracing-the-anywhere-everywhere-web-4-320.jpg)
![var width = window.innerWidth;
//set a cookie
<?php
$featureWidth = $_COOKIE[‘featureWidth’];
?>](https://image.slidesharecdn.com/wvanywhereeverywhere-120521090110-phpapp02/85/Embracing-the-anywhere-everywhere-web-80-320.jpg)
Embracing the anywhere, everywhere web
- 4. “ It is apparent to me that the possibilities of the aeroplane, which two or three years ago were thought to hold the solution to the [flying machine] problem, have been exhausted, and that we must turn elsewhere. Thomas Edison, 1895 http://flic.kr/p/6sbgQu
- 6. “ Television won't last because people will soon get tired of staring at a plywood box every night. Daryl Zanuck, movie producer, 20th Century Fox, 1946 http://flic.kr/p/bgenU
- 7. We’re not good at predicting the future http://flic.kr/p/6e7uqr
- 8. “ We see the world through a rear- view mirror. We march backwards into the future. Marshall McLuhan
- 9. Pre-iPhone Post-iPhone http://bit.ly/A6AhV1
- 12. Radio with pictures http://flic.kr/p/5cZQTZ
- 13. Print is full of constraints http://flic.kr/p/6vmzSp
- 14. ...not shared by the web http://flic.kr/p/anLpJ5
- 20. Tablet sales $49 billion by 2015 http://buswk.co/fK2Q9e
- 21. Global connected devices 30 20 10 0 2011 2020 Source: http://bit.ly/KoRXS0
- 22. Global connected devices 30 20 Over 50% non-mobile 10 0 2011 2020 Source: http://bit.ly/KoRXS0
- 25. Different sizes http://flic.kr/p/7S5qAB
- 26. Different networks http://flic.kr/p/3bqHYJ
- 30. Different context http://flic.kr/p/2ynHaS
- 32. “ These examples are just the initial, telltale signs of a huge new wave of cheap devices about to invade our lives—a zombie apocalypse of electronics, if you will. Scott Jenson http://bit.ly/giroPy
- 33. Chaotic & confusing... http://flic.kr/p/6qi1eD
- 39. Rant #1 Layout is not enough
- 46. Context is the key to moving from a web that responds to devices, to a web that responds to people
- 47. Smarter defaults
- 48. “ Typically, masking passwords doesn't even increase security, but it does cost you business due to login failures Jakob Nielson http://bit.ly/9X3LAG
- 50. Hide
- 51. Capabilities
- 55. Battery status Contacts HTML Media Capture Media Capture Network Information Sensor Vibration Web Intents Calendar Menu Geolocation NFC
- 56. Do some research http://flic.kr/p/6e7uqr
- 57. “ If nothing else, it would be wise for us all to remember that, while our information technology may be digital in nature, the human beings interacting with it will always be infuriatingly and delightfully analog. Adam Greenfield Everyware: The Dawning Age of Ubiquitous Computing
- 58. We need all the tools we can get http://flic.kr/p/7MdW6A
- 59. Rant #2 No more dogma
- 62. Don’t blame the tools for the craftsman http://flic.kr/p/7MdW6A
- 63. There are bad RWD sites
- 64. There are bad separate sites
- 69. Hug it out Hug it out http://flic.kr/p/7cVEwZ
- 71. Bad UA detection is evil!
- 72. Don’t exclude. http://flic.kr/p/6RtJPG
- 73. Don’t exclude. Enhance. http://flic.kr/p/6RtJPG
- 74. if ($device->getCapability('has_cellular_radio') === 'true') { ! if ($device->getCapability ('xhtml_make_phone_call_string') !== 'none') { ! ! $wireless = true; ! ! $method = $device->getCapability ('xhtml_make_phone_call_string'); ! } else { ! ! $wireless = false; ! } } else { ! $wireless = false; }
- 75. if ($device->getCapability('has_cellular_radio') === 'true') { ! if ($device->getCapability ('xhtml_make_phone_call_string') !== 'none') { ! ! $wireless = true; ! ! $method = $device->getCapability ('xhtml_make_phone_call_string'); ! } else { ! ! $wireless = false; ! } } else { ! $wireless = false; }
- 76. if ($device->getCapability('has_cellular_radio') === 'true') { ! if ($device->getCapability ('xhtml_make_phone_call_string') !== 'none') { ! ! $wireless = true; ! ! $method = $device->getCapability ('xhtml_make_phone_call_string'); ! } else { ! ! $wireless = false; ! } } else { ! $wireless = false; }
- 77. <?php if ($wireless) { ?> ! <p><a href="<?php echo $method; ?> +18005555555">1-800-555-5555</a></p> <?php } else { ?> ! <p class="call">1-800-555-5555</p> <?php } ?>
- 78. <?php if ($wireless) { ?> ! <p><a href="<?php echo $method; ?> +18005555555">1-800-555-5555</a></p> <?php } else { ?> ! <p class="call">1-800-555-5555</p> <?php } ?>
- 79. <?php if ($wireless) { ?> ! <p><a href="<?php echo $method; ?> +18005555555">1-800-555-5555</a></p> <?php } else { ?> ! <p class="call">1-800-555-5555</p> <?php } ?>
- 80. var width = window.innerWidth; //set a cookie <?php $featureWidth = $_COOKIE[‘featureWidth’]; ?>
- 82. </rant>
- 88. “ Whatʼs holding smart devices back is our oh-so-human ability to misunderstand their potential. Scott Jenson http://bit.ly/HS0Jvs
- 89. Beware the rear-view mirror http://flic.kr/p/6e7uqr
- 91. thank you! TIM KADLEC WebVisions, May 2012 @tkadlec timkadlec.com