Google Resizer je orodje, ki rešuje problem testiranja odzivnih (RWD) spletnih mest na različnih napravah. Testiranje slednjih je namreč zamudno delo, saj moramo spletne strani testirati na različnih napravah ali pa si pomagamo z ročnim zmanjševanjem brskalnika. Orodje Resizer pa pohitri ravno ta del testiranja in tako omogoča enostavnejše delo na odzivnih spletnih straneh.
Preberi
Spletne strani, ki so narejene v odzivni tehniki (RWD) imajo običajno skupno slabost, in sicer slike. Slednje običajno omejujemo velikostno ali pa s številom različnih slik. Slabost obeh tehnik je ta, da v večini primerih nimamo optimalne verzije slike za uporabnikove naprave. Ta problem pa lahko rešimo, če začnemo “breakpointe” za prikazane slike računati matematično in ne naključno.
Preberi
Slike in odziven spletni design se ne razumeta dobro že od samega začetka. Glaven problem tiči v tem, da se odziven design prilagaja uporabnikovi napravi, preko katere dostopa do podatkov, stari IMG element za vstavljanje slik pa ni pripravljen za optimalno vstavljanje slik v različnih dimenzijah.
Preberi
Velike in “težke” slike so glaven krivec, da so naše odzivne spletne strani prevelike. To težavo pa lahko z najnovejšimi HTML elemeti, kot sta <picture> in srcset/sizes odpravimo. Video z naslovom “Responsive Images using <picture> and srcset/sizes” nam na kratko predstavi uporabe obeh metod.
Preberi