Víte o responzivních obrázcích. Jde o syntaxi obrázku v HTML. Pokud mu poskytnete správné informace ve správné syntaxi, můžete přimět prohlížeč, aby stáhl přesně ten správný obrázek, který potřebuje, aniž by mu poskytoval příliš mnoho nebo příliš málo obrazových dat. Je to fantastické pro výkon.
Víte, že pokud chcete z responzivních obrázků vytěžit maximum, měli byste je vyplnit pomocí Picturefill. Stáhnete si jej a zahrnete na svou stránku.
Máte plán. V určitých hraničních bodech mediálních dotazů víte, co se vám má na stránce líbit. Vše máte předstírané v aplikaci Sketch nebo Photoshop.
Víte, jaká je syntaxe pro responzivní obrázky. K popisu vaší situace budete potřebovat něco jako syntaxe srcset / sizes.
![Sunset]()
Tento screencast je o všech těch věcech. Jde o to spojit to všechno dohromady. Jde o propojení pracovního postupu návrhu a tam použitého softwaru s pracovním postupem frontend a tam použitou syntaxí. Musíte vědět, jak vydávat obrázky ve formátech a velikostech, které potřebujete. Musíte vědět, kdy získáte kvalitní výstup a kdy ne. Musíte vědět, jak tyto obrázky měřit a kde používat správná čísla. Musíte vědět, jak propojit možnosti rozložení a dotazy médií s těmito čísly. Je to tady všechno.
Podívejte se na ukázku pera pro Screencast o získávání čísel pro responzivní obrázky od Chrisa Coyiera (@chriscoyier) na CodePen.