A presentation at Devel.cz ‘14 in in Prague, Czechia by Robin Pokorny
Jak nám responzivní web rozbil obrázky @robinpokorny
Rob Gill
edge
responsiveimages.org
Výběr dle rozlišení zařízení
Výběr dle velikosti viewportu
25% 50% 100% 200% 400%
Výběr dle fyzický pixel CSS pixel
Art direction
<picture> v2
<picture> !
<source media=”(min-width: 40em)” srcset=”big.jpg 1x, big-hd.jpg 2x”> ! <img ! </picture> src=“small.jpg” alt=”Charmander” srcset=“small-hd.jpg 1024w, small.jpg 320w” sizes=”(min-width: 20em) 33.3vw, 100vw” /><picture> v2
<source sizes=… srcset=… >“<picture> je dnes vhodný k produkčnímu nasazení.” Tab Atkins @ #10
many usecases much ready wow very production so clever such code
Používej <picture> již dnes! http://m.Feedbando.com/rozbil shadehikari.deviantart.com
Ignite přednáška na Devel.cz Konferenci ‘14 (http://devel.cz/konference/2014)
for free. You
can too.