Știți despre imaginile receptive. Este vorba despre sintaxa imaginii în HTML. Dacă îi oferiți informațiile corecte în sintaxa potrivită, puteți determina browserul să descarce exact exact imaginea potrivită de care are nevoie, fără a-i oferi prea multe sau prea puține date de imagine. Este fantastic pentru performanță.
Știți că, pentru a beneficia la maximum de imaginile receptive, ar trebui să le completați cu Picturefill. Îl descărcați, îl includeți pe pagina dvs.
Ai un plan. Știți ce doriți să vă placă paginii dvs. la anumite puncte de întrerupere a interogării media. Aveți totul batjocorit în Sketch sau Photoshop.
Știți cum este sintaxa pentru imaginile receptive. Veți avea nevoie de ceva ca sintaxa srcset / sizes pentru a vă descrie situația.
![Sunset]()
Screencastul acesta este despre toate lucrurile alea. Este vorba de legarea tuturor. Este vorba despre conectarea împreună a fluxului de lucru de proiectare și a software-ului folosit acolo cu fluxul de lucru frontal și sintaxa utilizată acolo. Trebuie să știți cum să scoateți imaginile în formatele și dimensiunile de care aveți nevoie. Trebuie să știți când veți obține rezultate de calitate și când nu veți obține. Trebuie să știți cum să măsurați aceste imagini și să folosiți numerele potrivite acolo unde. Trebuie să știți cum să vă conectați opțiunile de aspect și interogările media cu acele numere. Totul este aici.
Consultați Demo-ul stiloului pentru Screencast despre obținerea numerelor pentru imagini responsive de Chris Coyier (@chriscoyier) pe CodePen.