{"id":2974,"date":"2014-06-03T20:47:47","date_gmt":"2014-06-03T18:47:47","guid":{"rendered":"http:\/\/blog.websupport.cz\/?p=2974"},"modified":"2025-03-11T21:18:20","modified_gmt":"2025-03-11T20:18:20","slug":"jak-na-responzivni-webove-stranky","status":"publish","type":"post","link":"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/","title":{"rendered":"Jak na responzivn\u00ed webov\u00e9 str\u00e1nky"},"content":{"rendered":"

Responzivn\u00ed web je takov\u00fd, kter\u00fd se um\u00ed automaticky p\u0159izp\u016fsobit za\u0159\u00edzen\u00ed, na kter\u00e9m je zobrazen. Toto \u0159e\u0161en\u00ed s sebou p\u0159in\u00e1\u0161\u00ed velk\u00e9 mno\u017estv\u00ed v\u00fdhod, ale vytvo\u0159en\u00ed takov\u00e9 webov\u00e9 str\u00e1nky je \u010dasov\u011b n\u00e1ro\u010dn\u011bj\u0161\u00ed ne\u017e klasick\u00e1 verze pro stoln\u00ed po\u010d\u00edta\u010de.
\n
\nJednou z hlavn\u00edch v\u00fdhod tohoto \u0159e\u0161en\u00ed ale je, \u017ee odpad\u00e1 pot\u0159eba \u0159e\u0161it separ\u00e1tn\u011b HTML pro mobiln\u00ed verzi str\u00e1nek. M\u016f\u017eeme pouze zv\u00fdraz\u0148ovat prvky, kter\u00e9 jsou pro u\u017eivatele na konkr\u00e9tn\u00edm za\u0159\u00edzen\u00ed d\u016fle\u017eit\u00e9. V opa\u010dn\u00e9m p\u0159\u00edpad\u011b vypustit ty, kter\u00e9 d\u016fle\u017eit\u00e9 nejsou.<\/p>\n

Jak na to?<\/h4>\n

Nejjednodu\u0161\u0161\u00ed zp\u016fsob, jak \u0159e\u0161it responzivn\u00ed web, je vyu\u017e\u00edt n\u011bkter\u00fd z CSS framework\u016f. Ty nab\u00edzej\u00ed mnoho funkc\u00ed, maj\u00ed p\u0159ipraven\u00e9 responzivn\u00ed prvky a je mo\u017en\u00e9 je \u0161k\u00e1lovat podle toho, co na konkr\u00e9tn\u00ed str\u00e1nce vyu\u017eijeme. Mezi nejzn\u00e1m\u011bj\u0161\u00ed frameworky pat\u0159\u00ed Twitter Boostrap<\/a> a Foundation<\/a>. Na ot\u00e1zku, kter\u00fd z nich je lep\u0161\u00ed, neexistuje jasn\u00e1 odpov\u011b\u010f. Sta\u010d\u00ed si tro\u0161ku pogooglovat a je jasn\u00e9, \u017ee ka\u017ed\u00fd m\u00e1 jin\u00e9ho favorita. Osobn\u011b pou\u017e\u00edv\u00e1m pr\u00e1v\u011b Twitter Bootstrap.<\/p>\n

P\u0159i responzivn\u00edm designu vyu\u017e\u00edv\u00e1me ve velk\u00e9 m\u00ed\u0159e media-query, p\u0159es kter\u00e9 m\u016f\u017eeme ur\u010dit, kter\u00fd obsah zobrazovat na jak\u00e9m za\u0159\u00edzen\u00ed (podle velikosti).<\/p>\n

P\u0159\u00edklad media query:<\/strong> @media (max-width: 768px) { \u2026 }<\/em><\/p>\n

Jako \u00fapln\u011b prvn\u00ed v\u011bc p\u0159i za\u010d\u00e1tc\u00edch s responzivn\u00ed designem v\u00e1m doporu\u010duji vytvo\u0159it si nejprve v nov\u00e9m projektu Grid<\/a>, kter\u00e9mu nastav\u00edte pravidla . Tento Grid n\u00e1m pozd\u011bji umo\u017en\u00ed rychlej\u0161\u00ed tvorbu podstr\u00e1nek a zaru\u010d\u00ed, \u017ee se layout bude chovat stejn\u011b na v\u0161ech podstr\u00e1nk\u00e1ch . Zm\u00edn\u011bn\u00e9 frameworky obsahuj\u00ed propracovan\u00fd Grid syst\u00e9m s pravidly chov\u00e1n\u00ed pro jednotliv\u00e1 za\u0159\u00edzen\u00ed.<\/p>\n

\"Responzivn\u00ed<\/a><\/p>\n

Optimalizace a mobile first<\/h4>\n

Pom\u011brn\u011b nov\u00e1 technika vytv\u00e1\u0159en\u00ed responzivn\u00ed web\u016f je mobile first. U\u017e samotn\u00fd n\u00e1zev nazna\u010duje, \u017ee za\u010d\u00edn\u00e1me k\u00f3dovat web pouze pro mobiln\u00ed telefony. D\u016fvod, pro\u010d existuje i tento zp\u016fsob k\u00f3dov\u00e1n\u00ed, je jednoduch\u00fd. Kdy\u017e si prohl\u00ed\u017e\u00edme webov\u00e9 str\u00e1nky p\u0159es mobil, obvykle nejsme p\u0159ipojeni na wifi s\u00ed\u0165, ale fungujeme p\u0159es datov\u00e9 bal\u00ed\u010dky mobiln\u00edch oper\u00e1tor\u016f. Ty nejsou zrovna nejlevn\u011bj\u0161\u00ed a nejrychlej\u0161\u00ed (pom\u011br cena\/v\u00fdkon). P\u0159i mobile first p\u00ed\u0161eme CSS pro mobil a jeho vlastnosti override pro za\u0159\u00edzen\u00ed jin\u00fdch velikost\u00ed (tablet, notebook, desktop).<\/p>\n

P\u0159\u00edklad mobile first k\u00f3du:<\/strong><\/p>\n

\/* Mal\u00fd obr\u00e1zek pro mobil *\/<\/em>
\n.muj-obrazek { background: #fff url(\u2018mobilni-obrazek.png\u2019) no-repeat; }<\/em><\/p>\n

\/* Obr\u00e1zek pro defaultn\u00ed verzi (viac ako 768px) *\/<\/em>
\n@media (min-width: 768px) {<\/em>
\n.muj-obrazek { background: #fff url(\u2018obrazek.png\u2019) no-repeat; }<\/em>
\n}<\/em><\/p>\n

Takto doc\u00edl\u00edme, \u017ee se n\u00e1m renderuje jen mal\u00e1 \u010d\u00e1st k\u00f3du, men\u0161\u00ed obr\u00e1zky atd. A pouze v p\u0159\u00edpad\u011b, \u017ee spl\u0148ujeme podm\u00ednku (min-width: 768px ), na\u010d\u00edt\u00e1 zbytek CSS.<\/p>\n

Jak si efektivn\u011b otestovat sv\u016fj responzivn\u00ed design?<\/h4>\n

P\u0159i testov\u00e1n\u00ed responzivn\u00edho designu se v\u00e1m ur\u010dit\u011b hod\u00ed n\u00e1stroj, kter\u00fd zmen\u0161\u00ed okno webov\u00e9ho prohl\u00ed\u017ee\u010de tak, aby byla velikost str\u00e1nky stejn\u00e1 jako na za\u0159\u00edzen\u00edch, kter\u00e1 chcete testovat. U\u017eite\u010dn\u00fdm plug-inem pro Google Chrome je to nap\u0159\u00edklad Window Resizer<\/a>. Na komplexn\u011bj\u0161\u00ed testov\u00e1n\u00ed v r\u016fzn\u00fdch prohl\u00ed\u017ee\u010d\u00edch, za\u0159\u00edzen\u00edch a rozli\u0161en\u00edch v\u0161ak doporu\u010duji Browserstack<\/a> nebo jednoduch\u00fd Responsinator. Mimochodem, zkuste si, jak v Responsinatoru<\/a> vypad\u00e1 n\u00e1\u0161 web..<\/p>\n

Pokud m\u00e1te zku\u0161enosti s tvorbou responzivn\u00edho webu, pod\u011blte se s n\u00e1mi o va\u0161e zku\u0161enosti v koment\u00e1\u0159\u00edch. D\u00edky!<\/p>\n","protected":false},"excerpt":{"rendered":"

Responzivn\u00ed web je takov\u00fd, kter\u00fd se um\u00ed automaticky p\u0159izp\u016fsobit za\u0159\u00edzen\u00ed, na kter\u00e9m je zobrazen. Toto \u0159e\u0161en\u00ed s sebou p\u0159in\u00e1\u0161\u00ed velk\u00e9 mno\u017estv\u00ed v\u00fdhod, ale vytvo\u0159en\u00ed takov\u00e9 webov\u00e9 str\u00e1nky je \u010dasov\u011b n\u00e1ro\u010dn\u011bj\u0161\u00ed ne\u017e klasick\u00e1 verze pro stoln\u00ed po\u010d\u00edta\u010de.<\/p>\n","protected":false},"author":101,"featured_media":2982,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,52],"tags":[262,263,264,265,266,178],"class_list":["post-2974","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technologie","category-tipy-a-triky","tag-design","tag-mobil","tag-responsive","tag-responzivni","tag-tablet","tag-web"],"yoast_head":"\nJak na responzivn\u00ed webov\u00e9 str\u00e1nky - Websupport.cz Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/\" \/>\n<meta property=\"og:locale\" content=\"cs_CZ\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Jak na responzivn\u00ed webov\u00e9 str\u00e1nky - Websupport.cz Blog\" \/>\n<meta property=\"og:description\" content=\"Responzivn\u00ed web je takov\u00fd, kter\u00fd se um\u00ed automaticky p\u0159izp\u016fsobit za\u0159\u00edzen\u00ed, na kter\u00e9m je zobrazen. Toto \u0159e\u0161en\u00ed s sebou p\u0159in\u00e1\u0161\u00ed velk\u00e9 mno\u017estv\u00ed v\u00fdhod, ale vytvo\u0159en\u00ed takov\u00e9 webov\u00e9 str\u00e1nky je \u010dasov\u011b n\u00e1ro\u010dn\u011bj\u0161\u00ed ne\u017e klasick\u00e1 verze pro stoln\u00ed po\u010d\u00edta\u010de.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/\" \/>\n<meta property=\"og:site_name\" content=\"Websupport.cz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2014-06-03T18:47:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-11T20:18:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.websupport.cz\/blog\/app\/uploads\/2014\/06\/blog-pic-responsive.png\" \/>\n\t<meta property=\"og:image:width\" content=\"517\" \/>\n\t<meta property=\"og:image:height\" content=\"112\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Tom\u00e1\u0161 L\u00ed\u0161ka\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napsal(a)\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tom\u00e1\u0161 L\u00ed\u0161ka\" \/>\n\t<meta name=\"twitter:label2\" content=\"Odhadovan\u00e1 doba \u010dten\u00ed\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuty\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/\"},\"author\":{\"name\":\"Tom\u00e1\u0161 L\u00ed\u0161ka\",\"@id\":\"https:\/\/www.websupport.cz\/blog\/#\/schema\/person\/6dd81ca618b4874400ea37c15e650cec\"},\"headline\":\"Jak na responzivn\u00ed webov\u00e9 str\u00e1nky\",\"datePublished\":\"2014-06-03T18:47:47+00:00\",\"dateModified\":\"2025-03-11T20:18:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/\"},\"wordCount\":616,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\/\/www.websupport.cz\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.websupport.cz\/blog\/app\/uploads\/2014\/06\/blog-pic-responsive.png\",\"keywords\":[\"design\",\"mobil\",\"responsive\",\"responzivn\u00ed\",\"tablet\",\"web\"],\"articleSection\":[\"Technologie\",\"Tipy a triky\"],\"inLanguage\":\"cs\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/\",\"url\":\"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/\",\"name\":\"Jak na responzivn\u00ed webov\u00e9 str\u00e1nky - Websupport.cz Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.websupport.cz\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.websupport.cz\/blog\/app\/uploads\/2014\/06\/blog-pic-responsive.png\",\"datePublished\":\"2014-06-03T18:47:47+00:00\",\"dateModified\":\"2025-03-11T20:18:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/#breadcrumb\"},\"inLanguage\":\"cs\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/#primaryimage\",\"url\":\"https:\/\/www.websupport.cz\/blog\/app\/uploads\/2014\/06\/blog-pic-responsive.png\",\"contentUrl\":\"https:\/\/www.websupport.cz\/blog\/app\/uploads\/2014\/06\/blog-pic-responsive.png\",\"width\":517,\"height\":112,\"caption\":\"responzivn\u00ed blog obr\u00e1zek\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.websupport.cz\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Jak na responzivn\u00ed webov\u00e9 str\u00e1nky\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.websupport.cz\/blog\/#website\",\"url\":\"https:\/\/www.websupport.cz\/blog\/\",\"name\":\"Websupport.cz Blog\",\"description\":\"Webujte s lehkost\u00ed\",\"publisher\":{\"@id\":\"https:\/\/www.websupport.cz\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.websupport.cz\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"cs\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.websupport.cz\/blog\/#organization\",\"name\":\"Websupport.cz Blog\",\"url\":\"https:\/\/www.websupport.cz\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\/\/www.websupport.cz\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.websupport.cz\/blog\/app\/uploads\/2021\/06\/websupport-logo.svg\",\"contentUrl\":\"https:\/\/www.websupport.cz\/blog\/app\/uploads\/2021\/06\/websupport-logo.svg\",\"width\":153,\"height\":48,\"caption\":\"Websupport.cz Blog\"},\"image\":{\"@id\":\"https:\/\/www.websupport.cz\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.websupport.cz\/blog\/#\/schema\/person\/6dd81ca618b4874400ea37c15e650cec\",\"name\":\"Tom\u00e1\u0161 L\u00ed\u0161ka\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/3725a54361a9cfa076ed96bff029077512d1ca3c37fb3e9cea08f34f1af59df4?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3725a54361a9cfa076ed96bff029077512d1ca3c37fb3e9cea08f34f1af59df4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3725a54361a9cfa076ed96bff029077512d1ca3c37fb3e9cea08f34f1af59df4?s=96&d=mm&r=g\",\"caption\":\"Tom\u00e1\u0161 L\u00ed\u0161ka\"},\"url\":\"https:\/\/www.websupport.cz\/blog\/author\/tomas\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Jak na responzivn\u00ed webov\u00e9 str\u00e1nky - Websupport.cz Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/","og_locale":"cs_CZ","og_type":"article","og_title":"Jak na responzivn\u00ed webov\u00e9 str\u00e1nky - Websupport.cz Blog","og_description":"Responzivn\u00ed web je takov\u00fd, kter\u00fd se um\u00ed automaticky p\u0159izp\u016fsobit za\u0159\u00edzen\u00ed, na kter\u00e9m je zobrazen. Toto \u0159e\u0161en\u00ed s sebou p\u0159in\u00e1\u0161\u00ed velk\u00e9 mno\u017estv\u00ed v\u00fdhod, ale vytvo\u0159en\u00ed takov\u00e9 webov\u00e9 str\u00e1nky je \u010dasov\u011b n\u00e1ro\u010dn\u011bj\u0161\u00ed ne\u017e klasick\u00e1 verze pro stoln\u00ed po\u010d\u00edta\u010de.","og_url":"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/","og_site_name":"Websupport.cz Blog","article_published_time":"2014-06-03T18:47:47+00:00","article_modified_time":"2025-03-11T20:18:20+00:00","og_image":[{"width":517,"height":112,"url":"https:\/\/www.websupport.cz\/blog\/app\/uploads\/2014\/06\/blog-pic-responsive.png","type":"image\/png"}],"author":"Tom\u00e1\u0161 L\u00ed\u0161ka","twitter_card":"summary_large_image","twitter_misc":{"Napsal(a)":"Tom\u00e1\u0161 L\u00ed\u0161ka","Odhadovan\u00e1 doba \u010dten\u00ed":"3 minuty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/#article","isPartOf":{"@id":"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/"},"author":{"name":"Tom\u00e1\u0161 L\u00ed\u0161ka","@id":"https:\/\/www.websupport.cz\/blog\/#\/schema\/person\/6dd81ca618b4874400ea37c15e650cec"},"headline":"Jak na responzivn\u00ed webov\u00e9 str\u00e1nky","datePublished":"2014-06-03T18:47:47+00:00","dateModified":"2025-03-11T20:18:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/"},"wordCount":616,"commentCount":4,"publisher":{"@id":"https:\/\/www.websupport.cz\/blog\/#organization"},"image":{"@id":"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/#primaryimage"},"thumbnailUrl":"https:\/\/www.websupport.cz\/blog\/app\/uploads\/2014\/06\/blog-pic-responsive.png","keywords":["design","mobil","responsive","responzivn\u00ed","tablet","web"],"articleSection":["Technologie","Tipy a triky"],"inLanguage":"cs","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/","url":"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/","name":"Jak na responzivn\u00ed webov\u00e9 str\u00e1nky - Websupport.cz Blog","isPartOf":{"@id":"https:\/\/www.websupport.cz\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/#primaryimage"},"image":{"@id":"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/#primaryimage"},"thumbnailUrl":"https:\/\/www.websupport.cz\/blog\/app\/uploads\/2014\/06\/blog-pic-responsive.png","datePublished":"2014-06-03T18:47:47+00:00","dateModified":"2025-03-11T20:18:20+00:00","breadcrumb":{"@id":"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/#breadcrumb"},"inLanguage":"cs","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/"]}]},{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/#primaryimage","url":"https:\/\/www.websupport.cz\/blog\/app\/uploads\/2014\/06\/blog-pic-responsive.png","contentUrl":"https:\/\/www.websupport.cz\/blog\/app\/uploads\/2014\/06\/blog-pic-responsive.png","width":517,"height":112,"caption":"responzivn\u00ed blog obr\u00e1zek"},{"@type":"BreadcrumbList","@id":"https:\/\/www.websupport.cz\/blog\/2014\/06\/jak-na-responzivni-webove-stranky\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.websupport.cz\/blog\/"},{"@type":"ListItem","position":2,"name":"Jak na responzivn\u00ed webov\u00e9 str\u00e1nky"}]},{"@type":"WebSite","@id":"https:\/\/www.websupport.cz\/blog\/#website","url":"https:\/\/www.websupport.cz\/blog\/","name":"Websupport.cz Blog","description":"Webujte s lehkost\u00ed","publisher":{"@id":"https:\/\/www.websupport.cz\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.websupport.cz\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"cs"},{"@type":"Organization","@id":"https:\/\/www.websupport.cz\/blog\/#organization","name":"Websupport.cz Blog","url":"https:\/\/www.websupport.cz\/blog\/","logo":{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/www.websupport.cz\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.websupport.cz\/blog\/app\/uploads\/2021\/06\/websupport-logo.svg","contentUrl":"https:\/\/www.websupport.cz\/blog\/app\/uploads\/2021\/06\/websupport-logo.svg","width":153,"height":48,"caption":"Websupport.cz Blog"},"image":{"@id":"https:\/\/www.websupport.cz\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.websupport.cz\/blog\/#\/schema\/person\/6dd81ca618b4874400ea37c15e650cec","name":"Tom\u00e1\u0161 L\u00ed\u0161ka","image":{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/secure.gravatar.com\/avatar\/3725a54361a9cfa076ed96bff029077512d1ca3c37fb3e9cea08f34f1af59df4?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3725a54361a9cfa076ed96bff029077512d1ca3c37fb3e9cea08f34f1af59df4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3725a54361a9cfa076ed96bff029077512d1ca3c37fb3e9cea08f34f1af59df4?s=96&d=mm&r=g","caption":"Tom\u00e1\u0161 L\u00ed\u0161ka"},"url":"https:\/\/www.websupport.cz\/blog\/author\/tomas\/"}]}},"_links":{"self":[{"href":"https:\/\/www.websupport.cz\/blog\/wp-json\/wp\/v2\/posts\/2974","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.websupport.cz\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.websupport.cz\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.websupport.cz\/blog\/wp-json\/wp\/v2\/users\/101"}],"replies":[{"embeddable":true,"href":"https:\/\/www.websupport.cz\/blog\/wp-json\/wp\/v2\/comments?post=2974"}],"version-history":[{"count":5,"href":"https:\/\/www.websupport.cz\/blog\/wp-json\/wp\/v2\/posts\/2974\/revisions"}],"predecessor-version":[{"id":2999,"href":"https:\/\/www.websupport.cz\/blog\/wp-json\/wp\/v2\/posts\/2974\/revisions\/2999"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.websupport.cz\/blog\/wp-json\/wp\/v2\/media\/2982"}],"wp:attachment":[{"href":"https:\/\/www.websupport.cz\/blog\/wp-json\/wp\/v2\/media?parent=2974"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.websupport.cz\/blog\/wp-json\/wp\/v2\/categories?post=2974"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.websupport.cz\/blog\/wp-json\/wp\/v2\/tags?post=2974"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}