Downloaded 18 times
More Related Content
Similar to Webový front-end ve službách mobilního vývojáře
Webový front-end ve službách mobilního vývojáře
- 1. Webový front-end ve službách mobilního vývojáře
- 2.
- 3. Jako front-end vývojář pomáhámtvořit weby.
- 4. Jako front-end vývojář pomáhámtvořit weby.
- 5.
- 6.
- 7.
- 8. Program: 1. Proč se o web zajímat? 2. Snadný život s prohlížečem? 3. Pracovní metody 4. Nástroje 5. HTML5 sémantika 6. Konec doby bitmapové 7. CSS3 vlastnosti
- 9. 1 Proč se oweb zajímat?
- 10. * — obsahuje prohlížeč * * * * Zdroj: http://www-01.ibm.com/software/mobile-solutions/worklight/features/
- 11.
- 13.
- 14. webaři ? versus nativci
- 15. Technologie je nástroj, nenáboženství.
- 16. 2 Snadný život sprohlížečem?
- 17. Desktop prohlížeče I/2012 4% 31% FF4+ 17% 1% FF3.x IE9 IE8 1% IE7 4% 7% IE6 Chrome Opera 24% 10% Safari Data pro .cz — zdroj: rankings.cz
- 18.
- 19.
- 20. There is no “WebKiton mobile!” http://www.flickr.com/photos/madciapka/5030092326/
- 22. 3 Webový front-end 2012: Pracovní metody
- 23. Fallback („záložní řešení”) Náhradní řešení pro prohlížeče co nepodporují novou technologii.
- 24. Prefix („předpona”) Vendor prefix— předpona CSS vlastnosti v testovací fázi implementace.
- 25. Postupné vrstvení technologie — progressive enhancement 1) Řešení ve starší technologii 2) Vylepšení pro moderní technologie nové zdola nahoru staré
- 26. Postupné vrstvení technologie — progressive enhancement http://responsivedesign.ca/blog/progressive-enhancement-a-technique-for-building-future-friendly-websites
- 27. Postupné vrstvení technologie — progressive enhancement http://responsivedesign.ca/blog/progressive-enhancement-a-technique-for-building-future-friendly-websites
- 28. 4 Webový front-end 2012: Nástroje
- 29. Aktuální prefixové deklarace CSS3vlastností.
- 30. Testuje podporu HTML5a CSS3 v prohlížeči. CSS: JS: http://modernizr.com/
- 31. Radí jak používatHTML5 a CSS3 vlastnosti.
- 32. Radí kdy akde používat HTML5 a CSS3.
- 33. Ultimátní prototypovací/ responsive nástroj.
- 34. Vynikající škola, aleraději ne univerzální výchozí šablona.
- 35. Nakódujte si „nativní” rozhranípro web app.
- 36. Naklikejte si „nativní” rozhranípro web app.
- 37.
- 39. Super-užitečné blbinky: Zjednodušení a blbuvzdornost ★ <!DOCTYPE html> zapíná striktní režim ★ Kódování <meta charset="utf-8"> ★ Velká i malá písmena ★ <br> i <br /> ★ <p> , <li> a další netřeba uzavírat
- 40. Super-užitečné blbinky: Doplnění z praxe ★ <a> může obalit i blok ★ Přednastavený type=”” — <link rel=”stylesheet” href=”index.css”> <script src=”script.js”></script>
- 41. Velký formulářový třesk I ♥ Opera http://www.456bereastreet.com/lab/html5-input-types/
- 42. Velký formulářový třesk Androide, makej! http://wufoo.com/html5/
- 43. Podporu to nemá. Pročpoužívat už teď? Podporu ne. Polyfill ano!
- 44. 6 Konec doby bitmapové
- 45.
- 46.
- 47. Vše ostatní CSS3: ★kulaté rohy ★ stíny ★ RGBa ★ barevné přechody
- 48. Konec doby bitmapové Příklad s kolovrátkem Animovaný GIF PNG32 + CSS animace http://dabblet.com/gist/1689261
- 49. Bitmapy neřež. Aneřeš. ★ Button generator ★ Icon Fonts ★ CSS speech bubble ★ spin.js ★ více…
- 50. 7 CSS3 vlastnosti http://www.vzhurudolu.cz/css3
- 51.
- 52. Díky! twitter.com/machal no ťte O hod m! pr osí mdc.conferoo.com