Aby sme znížili pomer signálu k šumu, zhromaždili sme spolu päť článkov, ktoré by vám mali poskytnúť dobrý úvod do responzívneho dizajnu. Niektoré zahŕňajú príklady responzívneho dizajnu v akcii; a iní vysvetľujú, prečo by ste vo svete s viacerými zariadeniami mohli zvážiť jeho použitie pre svoju vlastnú webovú stránku.
Či už sa teda niekto púšťa online prvýkrát a budujete web pre svoju firmu; vlastník stránok, ktorý začal premýšľať o mobilnej stratégii; alebo webový dizajnér, ktorý sa chce dostať na palubu s týmto novým trendom, časti uvedené nižšie by mali byť všetko, čo potrebujete na dosiahnutie náskoku!
Ten, ktorý to všetko začal, tento kúsok pre A List Apart predstavil svetu myšlienku responzívneho dizajnu. Napísané v roku 2010, rovnako ako počet rôznych mobilných zariadení explodoval, je to Marcotteho pokus prísť s riešením problému výroby webových stránok, ktoré vyzerajú skvele bez ohľadu na zariadenie, na ktorom sú zobrazené. Píše: „Namiesto prispôsobovania odpojených návrhov každému stále sa zvyšujúcemu počtu webových zariadení ich môžeme považovať za aspekty rovnakej skúsenosti. Môžeme navrhnúť optimálny zážitok zo sledovania, ale do našich návrhov môžeme začleniť technológie založené na štandardoch, aby boli nielen flexibilnejšie, ale aj prispôsobivejšie médiám, ktoré ich vykresľujú. Stručne povedané, musíme precvičiť responzívny webový dizajn . “
Užitočný a relatívne krátky úvod do responzívneho dizajnu od vývojára webu Johna Polaceka. Okrem niekoľkých príkladov stránok, ktoré prešli responzívnou cestou, obsahuje odkazy na nástroje a rámce, ktoré vám pomôžu začať s tvorbou responzívnych webových stránok.
Začnite s responzívnym dizajnom – Sam Hampton a Sush Kelly
Sam Hampton-Smith a Sush Kelly poskytujú vynikajúci úvod do responzívneho webdizajnu a jasne vysvetľujú, prečo by to mohlo byť pre majiteľov webových stránok dobrá voľba. Poskytujú tiež jednoduchý a ľahko zrozumiteľný prehľad kľúčových konceptov a metód pre dizajnérov, ktorí sú pre tento predmet noví.
Responzívny web design: Čo to je a ako ho používať – Kayla Knight
Komplexný a prístupný úvod k širokej koncepcii responzívneho webdizajnu spolu s množstvom príkladov toho, ako funguje, ako aj množstvom príkladov stránok, ktoré ho používajú. Ak máte nejaké skúsenosti s CSS, Knight vás prevedie tým, ako implementovať niektoré jednoduché responzívne prvky na webovú stránku.
Sprievodca začiatočníkov pre responzívny dizajn – Nick Pettit
Pettit ponúka dobré vysvetlenie, prečo je v prostredí viacerých zariadení potrebné niečo ako responzívny dizajn, a tiež vysvetľuje základné pojmy, ako sú tekutinové siete a mediálne otázky, tak, aby boli pre začiatočníkov pochopiteľné. Táto skladba pochádza z roku 2010 a Pettit vytvoril aktualizovanú verziu – Sprievodca responzívnym dizajnom z roku 2014 – to sa oplatí pozrieť, keď si užijete niektoré pojmy, ktoré sa používajú pri rozhovore o responzívnom dizajne.