The Responsinator: Responzivní náhled webového designu pro různá zařízení

click fraud protection

Responzivní webový design je v dnešní době velmi rozzlobený, zejména proto, že HTML 5 a CSS 3 získaly na popularitě. Díky responzivnímu designu v podstatě navrhujete své stránky pro všechny platformy a rozlišení a webové stránky se automaticky upraví bez porušení designu podle šířky prohlížeče displeje přístroj. Proto při vytváření responzivních webových stránek je třeba rozsáhle otestovat plynulost návrhu na řadě populárních rozlišení obrazovky. Responsinator je jednoduchá webová služba, která vám poskytuje náhledy vašich responzivních webových stránek na mnoho populárních rozlišení obrazovky široce používaných zařízení.

Koncept The Responsinator je jednoduchý: udělejte jednu věc a udělejte to dobře. Při návštěvě webu se vám zobrazí přímé rozhraní bez ozdobných rámů s rámy pro několik zařízení zobrazených svisle, počínaje iPhone, přecházíme na několik rozlišení Android, na iPad a konečně zastavujeme v Kindle, abychom pokryli mnoho populárních zařízení venku na výšku i na šířku režimy.

Ve výchozím nastavení jsou tyto snímky prázdné. Do textového pole vlevo nahoře musíte zadat adresu URL webu, který chcete zobrazit, a stisknout GO. Responsinator poté začne dělat svou magii a ukáže vám, jak bude váš web vypadat na všech těchto platformách a výsledky jsou docela působivé.

instagram viewer

The Responsinator

Při našem testování jsme použili vynikající webový zdroj s webovým designem SmashingMagazine který má vražedný design. Jak se očekávalo, všechny snímky ukázaly stránku přesvědčivě podobným způsobem, jakým se zobrazovaly naše skutečná testovací zařízení. (Kliknutím na výše uvedený obrázek zobrazíte plnou verzi).

K dispozici je také užitečné Záloľka odpovědníka (nabízeno na jejich o stránce) pro většinu moderních webových prohlížečů, které můžete přetahovat na panel nástrojů záložek. Jakmile je tam přidáte, stačí procházet webové stránky jako normální a kliknout na záložku kdykoli chcete vyzkoušet, zda design webu reaguje, a automaticky jej otevřít v The Responsinator.

Závěrem lze říci, že i když vám to nemusí ukázat přesné vybavení pro všechna zařízení, The Responsinator je rozhodně užitečný nástroj pro vývojáře webu, kteří získají rychlý přehled o tom, jak se jejich weby zobrazují na mobilních zařízeních, a přitom staví na responzivním designu zásady.

Navštivte The Responsinator

watch instagram story