{"id":4699,"date":"2013-11-28T10:55:20","date_gmt":"2013-11-28T09:55:20","guid":{"rendered":"http:\/\/blog.websupport.sk\/?p=4699"},"modified":"2025-03-11T21:06:22","modified_gmt":"2025-03-11T20:06:22","slug":"aky-je-to-responzivny-web","status":"publish","type":"post","link":"https:\/\/www.websupport.sk\/blog\/2013\/11\/aky-je-to-responzivny-web\/","title":{"rendered":"Ak\u00fd je to responz\u00edvny web?"},"content":{"rendered":"<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\"><b>Doba \u010d\u00edtania:<\/b><\/span> <span class=\"rt-time\"> 3<\/span> <span class=\"rt-label rt-postfix\">min.<\/span><\/span><p>Responz\u00edvny web je tak\u00fd, ktor\u00fd sa vie automaticky prisp\u00f4sobi\u0165 zariadeniu, na ktorom je zobrazen\u00fd. Toto rie\u0161enie prin\u00e1\u0161a so sebou ve\u013ek\u00e9 mno\u017estvo v\u00fdhod, no vytvorenie takejto webstr\u00e1nky je \u010dasovo n\u00e1ro\u010dnej\u0161ie ako klasick\u00e1 verzia. <!--more--><\/p>\n<p>Jednou z hlavn\u00fdch v\u00fdhod tohto rie\u0161enia je, \u017ee odpad\u00e1 potreba rie\u0161i\u0165 separ\u00e1tne HTML pre mobiln\u00fa verziu str\u00e1nok a m\u00f4\u017eeme zv\u00fdraz\u0148ova\u0165 prvky, ktor\u00e9 s\u00fa pre u\u017e\u00edvate\u013eov na konkr\u00e9tnom zariaden\u00ed d\u00f4le\u017eit\u00e9. V opa\u010dnom pr\u00edpade vypusti\u0165 tie, ktor\u00e9 d\u00f4le\u017eit\u00e9 nie s\u00fa.<\/p>\n<p><strong>Ako na to?<\/strong><br \/>\nNajjednoduch\u0161\u00ed sp\u00f4sob, ako rie\u0161i\u0165 responz\u00edvny web, je vyu\u017ei\u0165 niektor\u00fd z CSS frameworkov, ktor\u00e9 pon\u00fakaj\u00fa ve\u013ea funkci\u00ed, maj\u00fa pripraven\u00e9 responz\u00edvne prvky a je ich mo\u017en\u00e9 \u0161k\u00e1lova\u0165 pod\u013ea toho, \u010do na konkr\u00e9tnej str\u00e1nke vyu\u017eijeme. Medzi najzn\u00e1mej\u0161ie frameworky patria Twitter Boostrap a Foundation. Na ot\u00e1zku, ktor\u00fd z nich je lep\u0161\u00ed, neexistuje jasn\u00e1 odpove\u010f. Sta\u010d\u00ed si tro\u0161ka pogoogli\u0165 a je jasn\u00e9, \u017ee ka\u017ed\u00fd m\u00e1 in\u00e9ho favorita. Osobne pou\u017e\u00edvam pr\u00e1ve Twitter Bootstrap.<\/p>\n<p>Pri responz\u00edvnom dizajne vyu\u017e\u00edvame vo ve\u013ekej miere media-query, cez ktor\u00e9 m\u00f4\u017eeme ur\u010di\u0165, ktor\u00fd obsah zobrazova\u0165 na akom zariaden\u00ed (pod\u013ea ve\u013ekosti).<br \/>\nPr\u00edklad media query: @media (max-width: 768px) { &#8230; }<\/p>\n<p>Ako \u00faplne prv\u00fa vec pri za\u010diatkoch s responz\u00edvnym dizajnom v\u00e1m odpor\u00fa\u010dam vytvori\u0165 si najprv v novom projekte Grid, ktor\u00e9mu nastav\u00edte pravidl\u00e1. Tento Grid n\u00e1m nesk\u00f4r umo\u017en\u00ed r\u00fdchlej\u0161iu tvorbu podstr\u00e1nok a zaru\u010d\u00ed, \u017ee sa layout bude spr\u00e1va\u0165 rovnako na v\u0161etk\u00fdch podstr\u00e1nkach. Spom\u00ednan\u00e9 frameworky obsahuj\u00fa prepracovan\u00fd Grid syst\u00e9m s pravidlami spr\u00e1vania pre jednotliv\u00e9 zariadenia.<\/p>\n<p><strong>Mobile first\u00a0a optimaliz\u00e1cia<\/strong><br \/>\nPomerne nov\u00e1 technika vytv\u00e1rania responz\u00edvnych webov je mobile first. U\u017e samotn\u00fd n\u00e1zov nazna\u010duje, \u017ee za\u010d\u00edname k\u00f3di\u0165 web len pre mobiln\u00e9 telef\u00f3ny. D\u00f4vod, pre\u010do existuje aj tento sp\u00f4sob k\u00f3dovania, je jednoduch\u00fd. Ke\u010f si prezer\u00e1me webstr\u00e1nky cez mobil, zvy\u010dajne nie sme pripojen\u00ed na wifi sie\u0165, ale ideme cez d\u00e1tov\u00e9 bal\u00ed\u010dky mobiln\u00fdch oper\u00e1torov. Tie nie s\u00fa zrovna najlacnej\u0161ie a najr\u00fdchlej\u0161ie (pomer cena\/v\u00fdkon). Pri mobile first\u00a0p\u00ed\u0161eme CSS pre mobil a jeho vlastnosti overridujeme pre zariadenia in\u00fdch ve\u013ekost\u00ed (tablet, notebook, desktop).<\/p>\n<p><strong>Pr\u00edklad mobile first\u00a0k\u00f3du:<\/strong><\/p>\n<p>\/* Mal\u00fd obr\u00e1zok pre mobil *\/<br \/>\n.moj-obrazok { background: #fff url(\u2018mobilny-obrazok.png\u2019) no-repeat; }<\/p>\n<p>\/* Obr\u00e1zok pre defaultn\u00fa verziu (viac ako 768px) *\/<br \/>\n@media (min-width: 768px) {<br \/>\n.moj-obrazok { background: #fff url(\u2018obrazok.png\u2019) no-repeat; }<br \/>\n}<\/p>\n<p>Takto docielime, \u017ee sa n\u00e1m renderuje len mal\u00e1 \u010das\u0165 k\u00f3du, men\u0161ie obr\u00e1zky at\u010f., a len v pr\u00edpade, \u017ee sp\u013a\u0148ame podmienku (min-width: 768px), na\u010d\u00edtavame zvy\u0161ok CSS.<\/p>\n<p><strong>Ako si efekt\u00edvne otestova\u0165 svoj responz\u00edvny dizajn?<\/strong><br \/>\nPri testovan\u00ed responz\u00edvneho dizajnu sa v\u00e1m ur\u010dite z\u00edde n\u00e1stroj, ktor\u00fd zmen\u0161\u00ed okno webov\u00e9ho prehliada\u010da tak, aby bola ve\u013ekos\u0165 str\u00e1nky rovnak\u00e1 ako na zariaden\u00ed, ktor\u00e9 chcete testova\u0165. Pre Google Chrome je to napr\u00edklad Window Resizer. Na komplexnej\u0161ie testovanie v r\u00f4znych prehliada\u010doch, zariadeniach a rozl\u00ed\u0161eniach v\u0161ak odpor\u00fa\u010dam Browserstack.com.<\/p>\n<p>Ak m\u00e1te sk\u00fasenosti s tvorbou responz\u00edvneho webu, pode\u013ete sa s nami o va\u0161e sk\u00fasenosti v koment\u00e1roch.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Responz\u00edvny web je tak\u00fd, ktor\u00fd sa vie automaticky prisp\u00f4sobi\u0165 zariadeniu, na ktorom je zobrazen\u00fd. Toto rie\u0161enie prin\u00e1\u0161a so sebou ve\u013ek\u00e9 mno\u017estvo v\u00fdhod, no vytvorenie takejto webstr\u00e1nky je \u010dasovo n\u00e1ro\u010dnej\u0161ie ako klasick\u00e1 verzia.<\/p>\n","protected":false},"author":84,"featured_media":5591,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,8,10],"tags":[198,215,512,716,718,836],"class_list":["post-4699","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ostatne","category-tipy-a-triky","category-vzdelavanie-2","tag-design","tag-dizajn","tag-mobil","tag-responsive","tag-responzivny","tag-tablet"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Ak\u00fd je to responz\u00edvny web? - Websupport 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.sk\/blog\/2013\/11\/aky-je-to-responzivny-web\/\" \/>\n<meta property=\"og:locale\" content=\"sk_SK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ak\u00fd je to responz\u00edvny web? - Websupport blog\" \/>\n<meta property=\"og:description\" content=\"Responz\u00edvny web je tak\u00fd, ktor\u00fd sa vie automaticky prisp\u00f4sobi\u0165 zariadeniu, na ktorom je zobrazen\u00fd. Toto rie\u0161enie prin\u00e1\u0161a so sebou ve\u013ek\u00e9 mno\u017estvo v\u00fdhod, no vytvorenie takejto webstr\u00e1nky je \u010dasovo n\u00e1ro\u010dnej\u0161ie ako klasick\u00e1 verzia.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.websupport.sk\/blog\/2013\/11\/aky-je-to-responzivny-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Websupport blog\" \/>\n<meta property=\"article:published_time\" content=\"2013-11-28T09:55:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-11T20:06:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2015\/01\/zlta_2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"290\" \/>\n\t<meta property=\"og:image:height\" content=\"320\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"T\u00edm Websupport\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Autor\" \/>\n\t<meta name=\"twitter:data1\" content=\"T\u00edm Websupport\" \/>\n\t<meta name=\"twitter:label2\" content=\"Predpokladan\u00fd \u010das \u010d\u00edtania\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 min\u00faty\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2013\\\/11\\\/aky-je-to-responzivny-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2013\\\/11\\\/aky-je-to-responzivny-web\\\/\"},\"author\":{\"name\":\"T\u00edm Websupport\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#\\\/schema\\\/person\\\/d3f3517a180f66130801edb710ffb6b3\"},\"headline\":\"Ak\u00fd je to responz\u00edvny web?\",\"datePublished\":\"2013-11-28T09:55:20+00:00\",\"dateModified\":\"2025-03-11T20:06:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2013\\\/11\\\/aky-je-to-responzivny-web\\\/\"},\"wordCount\":573,\"commentCount\":21,\"publisher\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2013\\\/11\\\/aky-je-to-responzivny-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2015\\\/01\\\/zlta_2.png\",\"keywords\":[\"design\",\"dizajn\",\"mobil\",\"responsive\",\"responz\u00edvny\",\"tablet\"],\"articleSection\":[\"Ostatn\u00e9\",\"Tipy a triky\",\"Vzdel\u00e1vanie\"],\"inLanguage\":\"sk-SK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2013\\\/11\\\/aky-je-to-responzivny-web\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2013\\\/11\\\/aky-je-to-responzivny-web\\\/\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2013\\\/11\\\/aky-je-to-responzivny-web\\\/\",\"name\":\"Ak\u00fd je to responz\u00edvny web? - Websupport blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2013\\\/11\\\/aky-je-to-responzivny-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2013\\\/11\\\/aky-je-to-responzivny-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2015\\\/01\\\/zlta_2.png\",\"datePublished\":\"2013-11-28T09:55:20+00:00\",\"dateModified\":\"2025-03-11T20:06:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2013\\\/11\\\/aky-je-to-responzivny-web\\\/#breadcrumb\"},\"inLanguage\":\"sk-SK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2013\\\/11\\\/aky-je-to-responzivny-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2013\\\/11\\\/aky-je-to-responzivny-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2015\\\/01\\\/zlta_2.png\",\"contentUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2015\\\/01\\\/zlta_2.png\",\"width\":290,\"height\":320},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2013\\\/11\\\/aky-je-to-responzivny-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ak\u00fd je to responz\u00edvny web?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/\",\"name\":\"Websupport blog\",\"description\":\"Websupport blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sk-SK\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#organization\",\"name\":\"Websupport\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2021\\\/08\\\/websupport-logo.svg\",\"contentUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2021\\\/08\\\/websupport-logo.svg\",\"width\":153,\"height\":48,\"caption\":\"Websupport\"},\"image\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#\\\/schema\\\/person\\\/d3f3517a180f66130801edb710ffb6b3\",\"name\":\"T\u00edm Websupport\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c69189751d452c13309d44d15907c3aa93630e0cc9e4e874e1bca01fee7ce18b?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c69189751d452c13309d44d15907c3aa93630e0cc9e4e874e1bca01fee7ce18b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c69189751d452c13309d44d15907c3aa93630e0cc9e4e874e1bca01fee7ce18b?s=96&d=mm&r=g\",\"caption\":\"T\u00edm Websupport\"},\"description\":\"Sme slobodn\u00e1 a otvoren\u00e1 firma. Rob\u00edme to, \u010do n\u00e1s bav\u00ed a chceme ka\u017edou na\u0161ou \u010dinnos\u0165ou pos\u00fava\u0165 \u0161tandardy vy\u0161\u0161ie.\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ak\u00fd je to responz\u00edvny web? - Websupport 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.sk\/blog\/2013\/11\/aky-je-to-responzivny-web\/","og_locale":"sk_SK","og_type":"article","og_title":"Ak\u00fd je to responz\u00edvny web? - Websupport blog","og_description":"Responz\u00edvny web je tak\u00fd, ktor\u00fd sa vie automaticky prisp\u00f4sobi\u0165 zariadeniu, na ktorom je zobrazen\u00fd. Toto rie\u0161enie prin\u00e1\u0161a so sebou ve\u013ek\u00e9 mno\u017estvo v\u00fdhod, no vytvorenie takejto webstr\u00e1nky je \u010dasovo n\u00e1ro\u010dnej\u0161ie ako klasick\u00e1 verzia.","og_url":"https:\/\/www.websupport.sk\/blog\/2013\/11\/aky-je-to-responzivny-web\/","og_site_name":"Websupport blog","article_published_time":"2013-11-28T09:55:20+00:00","article_modified_time":"2025-03-11T20:06:22+00:00","og_image":[{"width":290,"height":320,"url":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2015\/01\/zlta_2.png","type":"image\/png"}],"author":"T\u00edm Websupport","twitter_card":"summary_large_image","twitter_misc":{"Autor":"T\u00edm Websupport","Predpokladan\u00fd \u010das \u010d\u00edtania":"3 min\u00faty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.websupport.sk\/blog\/2013\/11\/aky-je-to-responzivny-web\/#article","isPartOf":{"@id":"https:\/\/www.websupport.sk\/blog\/2013\/11\/aky-je-to-responzivny-web\/"},"author":{"name":"T\u00edm Websupport","@id":"https:\/\/www.websupport.sk\/blog\/#\/schema\/person\/d3f3517a180f66130801edb710ffb6b3"},"headline":"Ak\u00fd je to responz\u00edvny web?","datePublished":"2013-11-28T09:55:20+00:00","dateModified":"2025-03-11T20:06:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.websupport.sk\/blog\/2013\/11\/aky-je-to-responzivny-web\/"},"wordCount":573,"commentCount":21,"publisher":{"@id":"https:\/\/www.websupport.sk\/blog\/#organization"},"image":{"@id":"https:\/\/www.websupport.sk\/blog\/2013\/11\/aky-je-to-responzivny-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2015\/01\/zlta_2.png","keywords":["design","dizajn","mobil","responsive","responz\u00edvny","tablet"],"articleSection":["Ostatn\u00e9","Tipy a triky","Vzdel\u00e1vanie"],"inLanguage":"sk-SK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.websupport.sk\/blog\/2013\/11\/aky-je-to-responzivny-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.websupport.sk\/blog\/2013\/11\/aky-je-to-responzivny-web\/","url":"https:\/\/www.websupport.sk\/blog\/2013\/11\/aky-je-to-responzivny-web\/","name":"Ak\u00fd je to responz\u00edvny web? - Websupport blog","isPartOf":{"@id":"https:\/\/www.websupport.sk\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.websupport.sk\/blog\/2013\/11\/aky-je-to-responzivny-web\/#primaryimage"},"image":{"@id":"https:\/\/www.websupport.sk\/blog\/2013\/11\/aky-je-to-responzivny-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2015\/01\/zlta_2.png","datePublished":"2013-11-28T09:55:20+00:00","dateModified":"2025-03-11T20:06:22+00:00","breadcrumb":{"@id":"https:\/\/www.websupport.sk\/blog\/2013\/11\/aky-je-to-responzivny-web\/#breadcrumb"},"inLanguage":"sk-SK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.websupport.sk\/blog\/2013\/11\/aky-je-to-responzivny-web\/"]}]},{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/www.websupport.sk\/blog\/2013\/11\/aky-je-to-responzivny-web\/#primaryimage","url":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2015\/01\/zlta_2.png","contentUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2015\/01\/zlta_2.png","width":290,"height":320},{"@type":"BreadcrumbList","@id":"https:\/\/www.websupport.sk\/blog\/2013\/11\/aky-je-to-responzivny-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.websupport.sk\/blog\/"},{"@type":"ListItem","position":2,"name":"Ak\u00fd je to responz\u00edvny web?"}]},{"@type":"WebSite","@id":"https:\/\/www.websupport.sk\/blog\/#website","url":"https:\/\/www.websupport.sk\/blog\/","name":"Websupport blog","description":"Websupport blog","publisher":{"@id":"https:\/\/www.websupport.sk\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.websupport.sk\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sk-SK"},{"@type":"Organization","@id":"https:\/\/www.websupport.sk\/blog\/#organization","name":"Websupport","url":"https:\/\/www.websupport.sk\/blog\/","logo":{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/www.websupport.sk\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2021\/08\/websupport-logo.svg","contentUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2021\/08\/websupport-logo.svg","width":153,"height":48,"caption":"Websupport"},"image":{"@id":"https:\/\/www.websupport.sk\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.websupport.sk\/blog\/#\/schema\/person\/d3f3517a180f66130801edb710ffb6b3","name":"T\u00edm Websupport","image":{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/secure.gravatar.com\/avatar\/c69189751d452c13309d44d15907c3aa93630e0cc9e4e874e1bca01fee7ce18b?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c69189751d452c13309d44d15907c3aa93630e0cc9e4e874e1bca01fee7ce18b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c69189751d452c13309d44d15907c3aa93630e0cc9e4e874e1bca01fee7ce18b?s=96&d=mm&r=g","caption":"T\u00edm Websupport"},"description":"Sme slobodn\u00e1 a otvoren\u00e1 firma. Rob\u00edme to, \u010do n\u00e1s bav\u00ed a chceme ka\u017edou na\u0161ou \u010dinnos\u0165ou pos\u00fava\u0165 \u0161tandardy vy\u0161\u0161ie.","url":"https:\/\/www.websupport.sk\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts\/4699","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/users\/84"}],"replies":[{"embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/comments?post=4699"}],"version-history":[{"count":1,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts\/4699\/revisions"}],"predecessor-version":[{"id":33666,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts\/4699\/revisions\/33666"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/media\/5591"}],"wp:attachment":[{"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/media?parent=4699"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/categories?post=4699"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/tags?post=4699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}