Responsinator: Responzívny náhľad na webový dizajn pre rôzne zariadenia

Responzívny webdizajn je v dnešnej dobe veľmi rozzúrený, najmä preto, že HTML 5 a CSS 3 získali popularitu. Vďaka responzívnemu dizajnu v podstate navrhujete svoje stránky pre všetky platformy a riešenia a webové stránky sa automaticky upravujú bez porušenia dizajnu podľa šírky prehliadača displeja zariadenie. Preto pri vytváraní responzívnej webovej stránky je potrebné dôkladne otestovať plynulosť návrhu na rôznych populárnych rozlíšeniach obrazovky. Responsinator je jednoduchá webová služba, ktorá vám poskytuje ukážky vašich responzívnych webových stránok o mnohých populárnych rozlíšeniach obrazovky bežne používaných zariadení.

Koncept The Responsinator je jednoduchý: urobte jednu vec a urobte to dobre. Pri návšteve webu sa vám zobrazí priame rozhranie bez ozdôb s rámami pre niekoľko zariadení zobrazených vertikálne, počnúc iPhone, presunúť sa na niekoľko rozlíšení pre systém Android, na iPad a nakoniec zastaviť v Kindle, aby pokryla množstvo populárnych zariadení tam na výšku aj na šírku režimy.

V predvolenom nastavení sú tieto snímky prázdne. Do textového poľa v ľavom hornom rohu musíte zadať webovú adresu stránky, ktorú chcete zobraziť, a stlačte GO. Responsinátor potom začne robiť svoju mágiu a ukáže vám, ako bude váš web vyzerať na všetkých týchto platformách a výsledky sú celkom pôsobivé.

Pri našom testovaní sme použili vynikajúci webový zdroj SmashingMagazine ktorý má vražedný dizajn. Ako sa očakávalo, všetky snímky ukázali lokalitu presvedčivo podobnú tomu, ako sa zobrazovali naše skutočné testovacie zariadenia. (Kliknutím na obrázok zobrazený vyššie zobrazíte plnú verziu.)

K dispozícii je tiež užitočné Brožúrka respondentov (ponúkané na ich o stránke) pre najmodernejšie webové prehliadače, ktoré môžete presunúť myšou na panel s nástrojmi záložiek. Akonáhle ho tam pridáte, jednoducho vyhľadajte bežné webové stránky a stlačte záložku kedykoľvek budete chcieť vyskúšať dizajn webových stránok na schopnosť reagovať, automaticky ho otvoriť v službe The Responsinator.

Na záver, hoci vám to nemusí ukázať presnú zhodu pre všetky zariadenia, The Responsinator je určite užitočný nástroj pre vývojárov webu, ktorí získajú rýchly prehľad o tom, ako sa ich stránky zobrazujú na mobilných zariadeniach, pričom sa opiera o responzívny dizajn princípy.

Navštívte The Responsinator