Web na dlani

596
-1

Published on

Drupal setkání - Mobilní web - 8.11.2011 Praha

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
596
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web na dlani

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

×