Jūs žinote apie reaguojančius vaizdus. Tai apie vaizdo sintaksę HTML. Jei pateiksite reikiamą informaciją tinkamoje sintaksėje, galite pasiekti, kad naršyklė atsisiųstų tik reikiamą reikiamą vaizdą, nepateikdama per daug ar per mažai vaizdo duomenų. Tai fantastiška pasirodymui.
Jūs žinote, kad norėdami kuo geriau išgauti reaguojančius vaizdus, turėtumėte užpildyti juos „Picturefill“. Atsisiųsite, įtraukite į savo puslapį.
Jūs turite planą. Jūs žinote, kas jums turėtų patikti jūsų puslapiui esant tam tikroms medijos užklausų pertraukimo vietoms. Jūs visa tai pajuokavote „Sketch“ ar „Photoshop“.
Jūs žinote, kokia yra reaguojančių vaizdų sintaksė. Jums reikės kažko panašaus į srcset / dydžių sintaksę, kad apibūdintumėte savo situaciją.
![Sunset]()
Ši ekrano kopija yra apie visa tai. Tai yra viso to susiejimas. Tai yra projektavimo darbo eigos ir ten naudojamos programinės įrangos sujungimas su priekinio darbo eiga ir ten naudojama sintakse. Turite žinoti, kaip atvaizduoti vaizdus jums reikalingais formatais ir dydžiais. Turite žinoti, kada gausite kokybišką produkciją, o kada - ne. Turite žinoti, kaip išmatuoti tuos vaizdus ir kur naudoti reikiamus skaičius. Turite žinoti, kaip susieti išdėstymo pasirinkimus ir medijos užklausas su tais skaičiais. Viskas čia.
Žr. „Pen Demo“, skirtą „Screencast“, kaip gauti reaguojančių vaizdų numerius, Chrisas Coyieris (@chriscoyier) „CodePen“.
