[{"@context":"https:\/\/schema.org\/","@type":"Article","@id":"https:\/\/www.miras.sk\/citlivy-webdizajn-dobre-zdroje-pre-uplnych-zaciatocnikov\/#Article","mainEntityOfPage":"https:\/\/www.miras.sk\/citlivy-webdizajn-dobre-zdroje-pre-uplnych-zaciatocnikov\/","headline":"Citliv\u00fd webdizajn: Dobr\u00e9 zdroje pre \u00fapln\u00fdch za\u010diato\u010dn\u00edkov","name":"Citliv\u00fd webdizajn: Dobr\u00e9 zdroje pre \u00fapln\u00fdch za\u010diato\u010dn\u00edkov","description":"Aby sme zn\u00ed\u017eili pomer sign\u00e1lu k \u0161umu, zhroma\u017edili sme spolu p\u00e4\u0165 \u010dl\u00e1nkov, ktor\u00e9 by v\u00e1m mali poskytn\u00fa\u0165 dobr\u00fd \u00favod do responz\u00edvneho dizajnu. Niektor\u00e9 zah\u0155\u0148aj\u00fa pr\u00edklady responz\u00edvneho dizajnu v akcii; a in\u00ed vysvet\u013euj\u00fa, pre\u010do by ste vo svete s viacer\u00fdmi zariadeniami mohli zv\u00e1\u017ei\u0165 jeho pou\u017eitie pre svoju vlastn\u00fa webov\u00fa str\u00e1nku. \u00a0 \u010ci u\u017e sa teda niekto [&hellip;]","datePublished":"2019-11-14","dateModified":"2023-04-27","author":{"@type":"Person","@id":"https:\/\/www.miras.sk\/author\/#Person","name":"","url":"https:\/\/www.miras.sk\/author\/","identifier":1,"image":{"@type":"ImageObject","@id":"https:\/\/secure.gravatar.com\/avatar\/f5ad5dcd5c02ecc0fdaf1fe4b2e9a39ad5c5cc2b614885090f6f77b1ccabb3a9?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f5ad5dcd5c02ecc0fdaf1fe4b2e9a39ad5c5cc2b614885090f6f77b1ccabb3a9?s=96&d=mm&r=g","height":96,"width":96}},"publisher":{"@type":"Organization","name":"miras.sk","logo":{"@type":"ImageObject","@id":"\/logo.png","url":"\/logo.png","width":600,"height":60}},"image":{"@type":"ImageObject","@id":"https:\/\/www.miras.sk\/wp-content\/uploads\/img_a305419_w16770_t1566828442.jpg","url":"https:\/\/www.miras.sk\/wp-content\/uploads\/img_a305419_w16770_t1566828442.jpg","height":0,"width":0},"url":"https:\/\/www.miras.sk\/citlivy-webdizajn-dobre-zdroje-pre-uplnych-zaciatocnikov\/","about":["Internet"],"wordCount":570,"articleBody":"Aby sme zn\u00ed\u017eili pomer sign\u00e1lu k \u0161umu, zhroma\u017edili sme spolu p\u00e4\u0165 \u010dl\u00e1nkov, ktor\u00e9 by v\u00e1m mali poskytn\u00fa\u0165 dobr\u00fd \u00favod do responz\u00edvneho dizajnu. Niektor\u00e9 zah\u0155\u0148aj\u00fa pr\u00edklady responz\u00edvneho dizajnu v akcii; a in\u00ed vysvet\u013euj\u00fa, pre\u010do by ste vo svete s viacer\u00fdmi zariadeniami mohli zv\u00e1\u017ei\u0165 jeho pou\u017eitie pre svoju vlastn\u00fa webov\u00fa str\u00e1nku.\u00a0\u010ci u\u017e sa teda niekto p\u00fa\u0161\u0165a online prv\u00fdkr\u00e1t a budujete web pre svoju firmu; vlastn\u00edk str\u00e1nok, ktor\u00fd za\u010dal prem\u00fd\u0161\u013ea\u0165 o mobilnej strat\u00e9gii; alebo webov\u00fd dizajn\u00e9r, ktor\u00fd sa chce dosta\u0165 na palubu s t\u00fdmto nov\u00fdm trendom, \u010dasti uveden\u00e9 ni\u017e\u0161ie by mali by\u0165 v\u0161etko, \u010do potrebujete na dosiahnutie n\u00e1skoku!\u00a0Ten, ktor\u00fd to v\u0161etko za\u010dal, tento k\u00fasok pre A List Apart predstavil svetu my\u0161lienku responz\u00edvneho dizajnu. Nap\u00edsan\u00e9 v roku 2010, rovnako ako po\u010det r\u00f4znych mobiln\u00fdch zariaden\u00ed explodoval, je to Marcotteho pokus pr\u00eds\u0165 s rie\u0161en\u00edm probl\u00e9mu v\u00fdroby webov\u00fdch str\u00e1nok, ktor\u00e9 vyzeraj\u00fa skvele bez oh\u013eadu na zariadenie, na ktorom s\u00fa zobrazen\u00e9. P\u00ed\u0161e: \u201eNamiesto prisp\u00f4sobovania odpojen\u00fdch n\u00e1vrhov ka\u017ed\u00e9mu st\u00e1le sa zvy\u0161uj\u00facemu po\u010dtu webov\u00fdch zariaden\u00ed ich m\u00f4\u017eeme pova\u017eova\u0165 za aspekty rovnakej sk\u00fasenosti. M\u00f4\u017eeme navrhn\u00fa\u0165 optim\u00e1lny z\u00e1\u017eitok zo sledovania, ale do na\u0161ich n\u00e1vrhov m\u00f4\u017eeme za\u010dleni\u0165 technol\u00f3gie zalo\u017een\u00e9 na \u0161tandardoch, aby boli nielen flexibilnej\u0161ie, ale aj prisp\u00f4sobivej\u0161ie m\u00e9di\u00e1m, ktor\u00e9 ich vykres\u013euj\u00fa. Stru\u010dne povedan\u00e9, mus\u00edme precvi\u010di\u0165 responz\u00edvny webov\u00fd dizajn . \u201c\u00a0U\u017eito\u010dn\u00fd a relat\u00edvne kr\u00e1tky \u00favod do responz\u00edvneho dizajnu od v\u00fdvoj\u00e1ra webu Johna Polaceka. Okrem nieko\u013ek\u00fdch pr\u00edkladov str\u00e1nok, ktor\u00e9 pre\u0161li responz\u00edvnou cestou, obsahuje odkazy na n\u00e1stroje a r\u00e1mce, ktor\u00e9 v\u00e1m pom\u00f4\u017eu za\u010da\u0165 s tvorbou responz\u00edvnych webov\u00fdch str\u00e1nok.\u00a0\u00a0Za\u010dnite s responz\u00edvnym dizajnom &#8211; Sam Hampton a Sush KellySam Hampton-Smith a Sush Kelly poskytuj\u00fa vynikaj\u00faci \u00favod do responz\u00edvneho webdizajnu a jasne vysvet\u013euj\u00fa, pre\u010do by to mohlo by\u0165 pre majite\u013eov webov\u00fdch str\u00e1nok dobr\u00e1 vo\u013eba. Poskytuj\u00fa tie\u017e jednoduch\u00fd a \u013eahko zrozumite\u013en\u00fd preh\u013ead k\u013e\u00fa\u010dov\u00fdch konceptov a met\u00f3d pre dizajn\u00e9rov, ktor\u00ed s\u00fa pre tento predmet nov\u00ed.\u00a0Responz\u00edvny web design: \u010co to je a ako ho pou\u017e\u00edva\u0165 &#8211; \u200b\u200bKayla KnightKomplexn\u00fd a pr\u00edstupn\u00fd \u00favod k \u0161irokej koncepcii responz\u00edvneho webdizajnu spolu s mno\u017estvom pr\u00edkladov toho, ako funguje, ako aj mno\u017estvom pr\u00edkladov str\u00e1nok, ktor\u00e9 ho pou\u017e\u00edvaj\u00fa. Ak m\u00e1te nejak\u00e9 sk\u00fasenosti s CSS, Knight v\u00e1s prevedie t\u00fdm, ako implementova\u0165 niektor\u00e9 jednoduch\u00e9 responz\u00edvne prvky na webov\u00fa str\u00e1nku.\u00a0Sprievodca za\u010diato\u010dn\u00edkov pre responz\u00edvny dizajn &#8211; Nick PettitPettit pon\u00faka dobr\u00e9 vysvetlenie, pre\u010do je v prostred\u00ed viacer\u00fdch zariaden\u00ed potrebn\u00e9 nie\u010do ako responz\u00edvny dizajn, a tie\u017e vysvet\u013euje z\u00e1kladn\u00e9 pojmy, ako s\u00fa tekutinov\u00e9 siete a medi\u00e1lne ot\u00e1zky, tak, aby boli pre za\u010diato\u010dn\u00edkov pochopite\u013en\u00e9. T\u00e1to skladba poch\u00e1dza z roku 2010 a Pettit vytvoril aktualizovan\u00fa verziu &#8211; Sprievodca responz\u00edvnym dizajnom z roku 2014 &#8211; to sa oplat\u00ed pozrie\u0165, ke\u010f si u\u017eijete niektor\u00e9 pojmy, ktor\u00e9 sa pou\u017e\u00edvaj\u00fa pri rozhovore o responz\u00edvnom dizajne.                                                                                                                                                                                                                                                                                                                                                                                        4.1\/5 - (7 votes)        "},{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Citliv\u00fd webdizajn: Dobr\u00e9 zdroje pre \u00fapln\u00fdch za\u010diato\u010dn\u00edkov","item":"https:\/\/www.miras.sk\/citlivy-webdizajn-dobre-zdroje-pre-uplnych-zaciatocnikov\/#breadcrumbitem"}]}]