Download - Web na dlani
![Page 1: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/1.jpg)
Web na dlani
![Page 2: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/2.jpg)
![Page 3: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/3.jpg)
![Page 4: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/4.jpg)
![Page 5: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/5.jpg)
![Page 6: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/6.jpg)
Problémy
Nebo výzva?
![Page 7: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/7.jpg)
Prostor
Garsonka vs hrad
![Page 8: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/8.jpg)
![Page 9: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/9.jpg)
![Page 10: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/10.jpg)
![Page 11: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/11.jpg)
![Page 12: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/12.jpg)
@lukew / Mobile First
![Page 13: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/13.jpg)
@lukew / Mobile First
![Page 14: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/14.jpg)
@lukew / Mobile First
![Page 15: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/15.jpg)
@lukew / Mobile First
![Page 16: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/16.jpg)
Rozlišní
Tento web je optimalizovaný pro Internet Explorer 5.5
![Page 17: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/17.jpg)
![Page 18: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/18.jpg)
http://m.
Jak to dělat
![Page 19: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/19.jpg)
jQuery / Mobile
![Page 20: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/20.jpg)
Responsive design
![Page 21: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/21.jpg)
Media Queries
• <link rel="stylesheet" href="print.css" media="print">
• @media screen and (min-width: 1100px) {...}• @media screen and (max-device-width: 480px) {}• -webkit-min-device-pixel-ratio: 2• orientation:portrait• orientation:landscape
![Page 22: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/22.jpg)
Kola
• http://html5boilerplate.com/
• http://foundation.zurb.com/mobile.php
• http://lessframework.com/
• http://cssgrid.net/
• http://www.columnal.com/
• Twitter Bootstrap 2
![Page 23: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/23.jpg)
Rychlost
![Page 24: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/24.jpg)
![Page 25: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/25.jpg)
Rychlost
• Soubory (requests + file size)– CSS sprites– 1 .css soubor 1 .js soubor– minimalizace
• „HTML5“– lazy loading– application cache
![Page 26: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/26.jpg)
Bonus
![Page 27: Web na dlani](https://reader036.vdocuments.pub/reader036/viewer/2022081414/54b576a74a7959dc528b45e7/html5/thumbnails/27.jpg)