Projektavimas žiniatinkliui ir planšetėms - reaguojantis dizainas
Terminas „reaguojantis“ kurį laiką buvo populiarus, tačiau ką jis tiksliai reiškia? Internetas bėgant metams labai pasikeitė, pradedant daugiausia tekstinėmis platformomis ir baigiant interaktyvia, įtraukiančia, daugialypės terpės ir daugelio įrenginių aplinka.

Per pastarąjį dešimtmetį tinklalapiai pasikeitė, kad atspindėtų interneto ir prietaisų, kuriuos naudojame jo peržiūrai, patobulinimus. Kalbant apie įrenginius, galime pasirinkti iš kelių tipų, įskaitant kompiuterius, mini kompiuterius, planšetinius kompiuterius ir išmaniuosius telefonus. Didėjant prietaisų skaičiui ir jų variacijoms, problema tampa akivaizdi. Kiekvienas įrenginys ir jo variantai turi savo ekrano dydį.

Kai mums reikėjo kurti tik stalinių ir nešiojamųjų kompiuterių svetaines, mūsų pagrindinis svarstymas buvo, kaip užtikrinti, kad tinklalapis būtų tas pats, nesvarbu, kompiuteris ar interneto naršyklė. Atsakymas buvo populiariausių žiniatinklio naršyklių dizainas ir dažniausios ekrano skiriamosios gebos. Tai veikė neilgai. Kita problema išryškėjo, nes šie parametrai nuolat keitėsi. Mano pirmojo kompiuterio ekrano dydis buvo 800 x 600 ir aš vis tiek man tai patiko. Tada 1024 x 800 tapo norma. Dabar kompiuteriai išaugo iki 27 colių ir didesni. Taigi tikslinė svetainės skiriamoji geba nuolat keitėsi.

Kai mes pradėjome mėgautis šių didesnių ekranų projektavimu, labai padidėjo išmaniojo telefono ir planšetinio kompiuterio populiarumas, nes jų programos yra šaunios, bet mažesni. Tikimasi, kad išmanieji telefonai ir lentelės bus naudojami dažniau nei kompiuteriai, kad būtų galima žiūrėti žiniatinklį tik po kelerių metų. Iš pradžių buvo tik keli mobilieji įrenginiai. Taigi pradėjome kurti ir pagrindinę svetainę kompiuterio vartotojui, ir antrąją svetainę mobiliojo ryšio vartotojui. Bet tai neišsprendė problemos visiškai, nes mes vis dar kūrėme fiksuoto pločio maketus.

Dabar negalite numanyti, kokį įrenginį žiūrovas naudos jūsų svetainei peržiūrėti. Taigi projektavimas tam tikriems fiksuoto dydžio ekranams nebėra geriausias atsakymas į problemą. Mums reikalingas būdas nustatyti vartotojo įrenginio ekrano dydį ir atitinkamai parodyti tinklalapį. Taigi interaktyvus interneto dizainas, kuris naudoja CSS ekrano pločiui nustatyti ir tinklalapiui parodyti skirtingai, kiek reikia. Tai leidžia mums turėti tik vieną svetainę, kuri prireikus pakeis kelias versijas.