Prilagodljiva tipografija mediju ni nov pojav. Razvijati se je začela takoj z nastopom RWD – odzivnega spletnega designa. Skozi svoje obdobje pa ima več različnih oblik tehnik, ter optimizacij, ena zadnjih je z uporabo CSS funkcije clamp().
Oznaka: RWD
Do This to Improve Image Loading on Your Website – Jen Simmons
Nalaganje slik na spletnih straneh pri nižjih hitrostih povzroči t.i. »jank« efekt. To pomeni, da med nalaganjem celotne vsebine strani vsebine skačejo, ker se vmes vrinejo slike, ki se prenašajo počasneje, kot sama vsebina.
Beri naprej Do This to Improve Image Loading on Your Website – Jen Simmons
Resnično odzivna tipografija – Fluid Typography
Uporaba resnično odzivne tipografije ni tako zapletena, kot deluje na prvi pogled. Z novejšimi CSS3 enotami, kot so vw in vh in zaradi relativno dobre podpore v spletnih brskalnikih jo lahko že uporabljamo brez večjih težav.
Google Resizer – Orodje za hitro pregledovanje odzivnih spletnih mest
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.
Beri naprej Google Resizer – Orodje za hitro pregledovanje odzivnih spletnih mest
Orodje Responsive Image Breakpoints Generator
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.