adaptive systems for multiple devices (mobile design and theming)
DESCRIPTION
TRANSCRIPT
![Page 1: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/1.jpg)
zondag 6 februari 2011
![Page 2: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/2.jpg)
Hello@differentdesign
zondag 6 februari 2011
![Page 3: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/3.jpg)
Krimson
zondag 6 februari 2011
![Page 4: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/4.jpg)
Adaptive systemsfor multiple devices
zondag 6 februari 2011
![Page 5: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/5.jpg)
Story time
zondag 6 februari 2011
![Page 6: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/6.jpg)
zondag 6 februari 2011
![Page 7: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/7.jpg)
zondag 6 februari 2011
![Page 8: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/8.jpg)
zondag 6 februari 2011
![Page 9: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/9.jpg)
Form &Function
zondag 6 februari 2011
![Page 10: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/10.jpg)
Systems
zondag 6 februari 2011
![Page 11: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/11.jpg)
We don’t design web pagesWe design web systems
- Andy Clarke
zondag 6 februari 2011
![Page 12: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/12.jpg)
Mobile web ?
zondag 6 februari 2011
![Page 13: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/13.jpg)
One web
zondag 6 februari 2011
![Page 14: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/14.jpg)
Adaptability is Accessibility
zondag 6 februari 2011
![Page 15: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/15.jpg)
Responsive web design
zondag 6 februari 2011
![Page 16: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/16.jpg)
Flexible gridFlexible imagesMedia queries
zondag 6 februari 2011
![Page 17: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/17.jpg)
zondag 6 februari 2011
![Page 18: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/18.jpg)
zondag 6 februari 2011
![Page 19: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/19.jpg)
zondag 6 februari 2011
![Page 20: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/20.jpg)
zondag 6 februari 2011
![Page 21: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/21.jpg)
zondag 6 februari 2011
![Page 22: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/22.jpg)
zondag 6 februari 2011
![Page 23: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/23.jpg)
zondag 6 februari 2011
![Page 24: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/24.jpg)
Flexible images
zondag 6 februari 2011
![Page 25: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/25.jpg)
zondag 6 februari 2011
![Page 26: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/26.jpg)
@media only screen and (min-width: 290px) {
.wrapper { background: #000; } }
@media only screen and (min-width: 544px) { .wrapper { background: #CCC; } }
@media only screen and (min-width: 960px) { .wrapper { background: #FFF; } }
zondag 6 februari 2011
![Page 27: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/27.jpg)
zondag 6 februari 2011
![Page 28: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/28.jpg)
zondag 6 februari 2011
![Page 29: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/29.jpg)
Site name item 1 item 2 item 3
Footer info - links
zondag 6 februari 2011
![Page 30: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/30.jpg)
Site name item 1 item 2 item 3
Footer info - links
Site name item 1 item 2 item 3
Footer info - links
zondag 6 februari 2011
![Page 31: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/31.jpg)
Site name item 1 item 2 item 3
Footer info - links
Site name item 1 item 2 item 3
Footer info - links
Site name
item 1 item 2 item 3
Footer info - links
zondag 6 februari 2011
![Page 32: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/32.jpg)
zondag 6 februari 2011
![Page 33: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/33.jpg)
Site name
item 1 item 2 item 3
Footer info - links
zondag 6 februari 2011
![Page 34: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/34.jpg)
Site name item 1 item 2 item 3
Footer info - links
Site name
item 1 item 2 item 3
Footer info - links
zondag 6 februari 2011
![Page 35: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/35.jpg)
Site name item 1 item 2 item 3
Footer info - links
Site name item 1 item 2 item 3
Footer info - links
Site name
item 1 item 2 item 3
Footer info - links
zondag 6 februari 2011
![Page 36: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/36.jpg)
Limited screen space
zondag 6 februari 2011
![Page 37: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/37.jpg)
Make content the action
zondag 6 februari 2011
![Page 38: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/38.jpg)
Extra capabilities
zondag 6 februari 2011
![Page 39: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/39.jpg)
No Silver Bullet
zondag 6 februari 2011
![Page 40: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/40.jpg)
The Future is Mobile
zondag 6 februari 2011
![Page 41: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/41.jpg)
Thanks!Questions ?
zondag 6 februari 2011
![Page 42: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/42.jpg)
Further reading
Ethan Marcotte Luke Wroblewski
zondag 6 februari 2011
![Page 43: Adaptive Systems For Multiple Devices (Mobile Design And Theming)](https://reader033.vdocument.in/reader033/viewer/2022061300/54c839d64a795961498b4569/html5/thumbnails/43.jpg)
Further reading
unstoppablerobotninja.com
alistapart.com
adactio.com
lukew.com
colly.com
zondag 6 februari 2011