Znate za responzivne slike. Riječ je o sintaksi slike u HTML-u. Ako mu date prave informacije u pravoj sintaksi, možete dobiti od preglednika da preuzme upravo onu pravu sliku koja mu je potrebna, bez davanja previše ili premalo podataka o slici. Fantastičan je za izvedbu.
Znate da biste ih, kako biste maksimalno iskoristili responzivne slike, trebali polifiti s Picturefill-om. Preuzmete ga i uključite na svoju stranicu.
Imate plan. Znate što želite da se vaša stranica sviđa na određenim točkama prijenosa medijskih upita. Sve ste to ismijavali u programu Sketch ili Photoshop.
Znate kakva je sintaksa za responzivne slike. Trebat će vam nešto poput sintakse srcset / sizes da biste opisali svoju situaciju.
![Sunset]()
Ovaj screencast govori o svim tim stvarima. Radi se o vezivanju svega zajedno. Riječ je o povezivanju tijeka dizajna i tamo korištenog softvera s prednjim tijekom rada i sintakse koja se tamo koristi. Morate znati kako slike izlaziti u formatima i veličinama koje su vam potrebne. Morate znati kada ćete dobiti kvalitetan izlaz, a kada nećete. Morate znati izmjeriti te slike i gdje upotrijebiti prave brojeve. Morate znati kako povezati odabir izgleda i medijske upite s tim brojevima. Sve je ovdje.
Pogledajte demo olovke za Screencast o dobivanju brojeva za responzivne slike Chrisa Coyiera (@chriscoyier) na CodePenu.