Embracing the anywhere, everywhere web
-
Upload
tim-kadlec -
Category
Technology
-
view
114 -
download
2
description
Transcript of Embracing the anywhere, everywhere web
![Page 1: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/1.jpg)
![Page 4: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/4.jpg)
http://flic.kr/p/6sbgQu
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
“
![Page 6: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/6.jpg)
http://flic.kr/p/bgenU
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
“
![Page 7: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/7.jpg)
http://flic.kr/p/6e7uqr
We’re not good atpredicting the future
![Page 8: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/8.jpg)
We see the world through a rear-view mirror. We march backwards into the future.Marshall McLuhan
“
![Page 13: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/13.jpg)
http://flic.kr/p/6vmzSp
Print is full of constraints
![Page 15: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/15.jpg)
http://www.lukew.com/ff/entry.asp?1506
![Page 16: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/16.jpg)
http://www.lukew.com/ff/entry.asp?1506
![Page 17: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/17.jpg)
http://www.lukew.com/ff/entry.asp?1506
![Page 18: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/18.jpg)
http://www.lukew.com/ff/entry.asp?1506
![Page 19: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/19.jpg)
http://www.lukew.com/ff/entry.asp?1506
![Page 20: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/20.jpg)
Tablet sales
http://buswk.co/fK2Q9e
$49 billion by 2015
![Page 21: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/21.jpg)
Source: http://bit.ly/KoRXS0
0
10
20
30
2011 2020
Global connected devices
![Page 22: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/22.jpg)
Source: http://bit.ly/KoRXS0
0
10
20
30
2011 2020
Global connected devices
Over 50% non-mobile
![Page 23: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/23.jpg)
http://flic.kr/p/y44Rv
iCow
![Page 31: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/31.jpg)
![Page 32: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/32.jpg)
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
![Page 35: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/35.jpg)
![Page 36: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/36.jpg)
![Page 37: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/37.jpg)
![Page 39: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/39.jpg)
Layout is not enoughRant #1
![Page 40: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/40.jpg)
![Page 41: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/41.jpg)
Responsive experiences
![Page 46: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/46.jpg)
Context is the key to moving from a web that responds to devices, to a web that responds to people
![Page 47: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/47.jpg)
Smarter defaults
![Page 48: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/48.jpg)
Typically, masking passwords doesn't even increase security, but it does cost you business due to login failuresJakob Nielson
“
http://bit.ly/9X3LAG
![Page 49: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/49.jpg)
![Page 50: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/50.jpg)
Hide
![Page 51: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/51.jpg)
Capabilities
![Page 55: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/55.jpg)
Battery statusContactsHTML Media CaptureMedia CaptureNetwork InformationSensorVibrationWeb IntentsCalendarMenuGeolocationNFC
![Page 57: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/57.jpg)
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
![Page 58: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/58.jpg)
We need all the tools we can get
http://flic.kr/p/7MdW6A
![Page 59: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/59.jpg)
No more dogmaRant #2
![Page 60: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/60.jpg)
UA detectionis evil!
![Page 61: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/61.jpg)
UA detectionis evil!
![Page 62: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/62.jpg)
Don’t blame the tools for the craftsman
http://flic.kr/p/7MdW6A
![Page 63: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/63.jpg)
There are badRWD sites
![Page 64: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/64.jpg)
There are badseparate sites
![Page 71: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/71.jpg)
Bad UA detectionis evil!
![Page 74: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/74.jpg)
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;
}
![Page 75: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/75.jpg)
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;
}
![Page 76: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/76.jpg)
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;
}
![Page 77: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/77.jpg)
<?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 } ?>
![Page 78: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/78.jpg)
<?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 } ?>
![Page 79: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/79.jpg)
<?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 } ?>
![Page 80: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/80.jpg)
var width = window.innerWidth;
//set a cookie
<?php
$featureWidth = $_COOKIE[‘featureWidth’];
?>
![Page 82: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/82.jpg)
</rant>
![Page 83: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/83.jpg)
http://www.ubuntu.com/devices/android
![Page 88: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/88.jpg)
Whatʼs holding smart devices back is our oh-so-human ability to misunderstand their potential.Scott Jenson
“
http://bit.ly/HS0Jvs
![Page 91: Embracing the anywhere, everywhere web](https://reader038.fdocuments.us/reader038/viewer/2022102814/54c7be194a795931208b464e/html5/thumbnails/91.jpg)
thank you!
TIM KADLECWebVisions, May 2012
@tkadlec timkadlec.com