Resnično odzivna tipografija – Fluid Typography

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.

Preberi
Google Resizer – Orodje za hitro pregledovanje odzivnih spletnih mest

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.

Preberi
Orodje Responsive Image Breakpoints Generator

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.

Preberi