Viete o responzívnych obrázkoch. Reč je o syntaxi obrázkov v HTML. Ak mu dáte správne informácie v správnej syntaxi, môžete prehliadaču prinútiť, aby sťahoval presne ten správny obrázok, ktorý potrebuje, bez toho, aby ste mu poskytli príliš veľa alebo málo údajov o obrázku. Je to fantastické pre výkon.
Viete, že aby ste čo najlepšie využili responzívne obrázky, mali by ste ich polyfiltrovať pomocou Picturefill. Stiahnete si ho a zahrniete na svoju stránku.
Máte plán. Viete, čo sa vám má na stránke páčiť, pri určitých hraničných bodoch mediálnych dotazov. Všetko máte zosmiešnené v aplikácii Sketch alebo Photoshop.
Viete, aká je syntax pre responzívne obrázky. Na opísanie svojej situácie budete potrebovať niečo ako syntax srcset / sizes.
![Sunset]()
Tento screencast je o všetkých tých veciach. Ide o to, aby ste to všetko spojili. Ide o prepojenie pracovného toku návrhu a tam použitého softvéru s pracovným tokom frontend a tam použitou syntaxou. Musíte vedieť, ako vydávať obrázky vo formátoch a veľkostiach, ktoré potrebujete. Musíte vedieť, kedy získate kvalitný výstup a kedy nie. Musíte vedieť, ako tieto obrázky zmerať a ako správne čísla kde použiť. Musíte vedieť, ako spojiť vaše voľby rozloženia a mediálne dotazy s týmito číslami. Je to tu všetko.
Pozrite si ukážku pera pre Screencast na tému Získanie čísel pre responzívne obrázky od Chrisa Coyiera (@chriscoyier) na CodePen.