Jak nám responzivní web rozbil obrázky

1.
web rozbil obrázky @robinpokorny Jakná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 CSSpixel

14.
Art direction

15.
<picture> v2

16.
<picture> ! <source media="(min-width: 40em)"  srcset="big.jpg1x, 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 veryproduction 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

More Related Content

Viewers also liked

More from Robin Pokorny

Jak nám responzivní web rozbil obrázky