Při práci na designu webu pro Tildu věnuji zvláštní pozornost jeho responzivní verzi. Často se ale stává, že zákazník tuto práci jednoduše nevidí, protože zkontroluje jednu nebo maximálně dvě verze. Zde je návod, jak to opravit.
Nemusíte mít mnoho zařízení nebo svůj design otestujete pomocí Google DevTools. Stačí nainstalovat rozšíření Responsive Viewer, což výrazně zjednodušuje testování adaptivního: je to vhodné jak pro zákazníky, tak pro designéry.
Proč je tedy lepší než běžné nástroje Google DevTools?
1. Paralelní posouvání rozvržení
Pokud posouvám na iPhone, vidím, jak se bude stránka posouvat na jiných zařízeních. To výrazně šetří čas při vývoji designu, protože vidíte celou situaci najednou
2. Stránky ve všech nezbytných rozšířeních najednou na jednom plátně
V DevTools bych musel buď přepnout ze zařízení na zařízení na jedné kartě, nebo otevřít více karet s různými zařízeními a přepínat mezi nimi.
3. Jedním kliknutím mohu rozšíření skrýt rozhraní a sledování rozložení na celou obrazovku
A nic zbytečného.
Dobře, ale jak to používat?
- Přejděte na svůj web a na liště rozšíření klikněte na ikonu Responzivní prohlížeč.
- Přidat zařízení k zobrazení: Ke kontrole používám 3 zařízení: iPhone, iPad, MacBook
- Užijte si pohodlí a rychlost 👌
Jak testujete responzivní verzi? Napište do komentářů.
Vložte „+1“ a přidejte jako přítele, pokud to bylo užitečné!
# adaptivní # rozvržení # tilda
