Tud a reszponzív képekről. A kép szintaxisáról van szó HTML-ben. Ha a megfelelő információt a megfelelő szintaxisban adja meg, elérheti, hogy a böngésző pontosan a szükséges képet töltse le anélkül, hogy túl sok vagy túl kevés képet adna neki. Fantasztikus teljesítmény.
Tudja, hogy a lehető legtöbbet hozza ki az érzékeny képekből, ha tele van Picturefill-tel. Letölti, felveszi az oldalára.
Van egy terved. Tudja, mit szeretne az oldala bizonyos média lekérdezések töréspontjainál. Mindezt csúfolták a Sketch vagy a Photoshop alkalmazásban.
Tudja, milyen az adaptív képek szintaxisa. Szüksége lesz valami hasonlóra, mint az srcset / dydek szintaxisa a helyzet leírására.
![Sunset]()
Ez a képernyővetítés sok mindenről szól. Arról van szó, hogy összekössék az egészet. Arról van szó, hogy összekapcsolják a tervezési munkafolyamatot és az ott használt szoftvert a kezelőfelület munkafolyamatával és az ott használt szintaxissal. Tudnia kell, hogyan kell a képeket a kívánt formátumban és méretben kinyomtatni. Tudnia kell, hogy mikor kap minőségi kimenetet és mikor nem. Tudnia kell, hogyan mérje meg ezeket a képeket, és hol használja a megfelelő számokat. Tudnia kell, hogyan kapcsolhatja össze az elrendezési lehetőségeket és a média lekérdezéseket ezekkel a számokkal. Itt van minden.
Lásd a Pen Demo for Screencast on reagálóképes képek számának megszerzését, Chris Coyier (@chriscoyier) a CodePen-en.