Jak nám responzivní web rozbil obrázky

1. web rozbil obrázky @robinpokorny Jak nám responzivní

2. d1m22.deviantart.com <body> ! <img src=“charmander.jpg"/> ! </body>

3. Rob Gill

5. edge

6. responsiveimages.org

7. Výběr dle rozlišení zařízení

9. Výběr dle velikosti viewportu

11. 50% 100% 200% 400%25%

12. Výběr dle fyzický pixel CSS pixel

14. Art direction

15. <picture> v2

16. <picture> ! <source media="(min-width: 40em)"  srcset="big.jpg 1x, big-hd.jpg 2x”> ! <img src=“small.jpg" alt="Charmander" srcset=“small-hd.jpg 1024w, small.jpg 320w" sizes="(min-width: 20em) 33.3vw, 100vw” /> ! </picture>

17. <source sizes=… srcset=… > <picture> v2

18. “<picture> je dnes vhodný k produkčnímu nasazení.” #10Tab Atkins @

19. much readywow such code very production so clever many usecases

20. http://m.Feedbando.com/rozbil shadehikari.deviantart.com <picture> Používej již dnes!

Jak nám responzivní web rozbil obrázky

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (7)

More from Robin Pokorny

More from Robin Pokorny (12)

Jak nám responzivní web rozbil obrázky