{"id":5662,"date":"2018-04-23T09:11:34","date_gmt":"2018-04-23T09:11:34","guid":{"rendered":"https:\/\/www.templatemonster.com\/pl\/blog\/?p=5662"},"modified":"2018-04-23T09:14:21","modified_gmt":"2018-04-23T09:14:21","slug":"5-zasad-responsywnego-webdesignu","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/","title":{"rendered":"5 zasad responsywnego webdesignu"},"content":{"rendered":"

To wiadomo ju\u017c od dawna - responsywny webdesign nie jest tylko przej\u015bciowym trendem. W obecnych czasach stanowi standard, i odpowiednie dopasowanie projektowanej witryny do wy\u015bwietlania jej na ka\u017cdego typu urz\u0105dzeniach - stacjonarnych, jak i mobilnych - stanowi obowi\u0105zkowy element przygotowania strony internetowej.<\/p>\n

Z roku na rok oczekiwania u\u017cytkownik\u00f3w rosn\u0105, a wraz z nimi - wzrasta r\u00f3wnie\u017c poprzeczka wyznaczaj\u0105ce wymagania wobec webdesigner\u00f3w. Responsywna strona internetowa lepiej pozycjonuje si\u0119 w Google, wymaga mniejszego nak\u0142adu pracy i oszcz\u0119dza Tw\u00f3j czas oraz pieni\u0105dze. Jakie zatem jest pi\u0119\u0107 zasad, o kt\u00f3rych trzeba pami\u0119ta\u0107 w kwestii responsywnego webdesignu?<\/p>\n

Nie tylko urz\u0105dzenia mobilne<\/h2>\n

To w\u0142a\u015bnie na urz\u0105dzeniach mobilnych w zesz\u0142ym roku otworzono wi\u0119cej witryn internetowych, ni\u017c na komputerach stacjonarnych. To najcz\u0119stszy argument designer\u00f3w, kt\u00f3rzy w nurcie \u201cmobile-first\u201d podczas procesu projektowania strony www<\/a> stawiaj\u0105 znacznie wi\u0119kszy nacisk na staranne dopracowanie mobilnej wersji portalu, ni\u017c jej pe\u0142nowymiarowego odpowiednika.<\/p>\n

O ile jeszcze kilka lat temu webdesignerom trzeba by\u0142o przypomina\u0107 o tym, by pami\u0119tali o tym, by ich projekt by\u0142 czytelny i wygodny w u\u017cyciu na urz\u0105dzeniach przeno\u015bnych - teraz zdaj\u0105 si\u0119 czasem zapomina\u0107, \u017ce dopracowana musi zosta\u0107 r\u00f3wnie\u017c wersja witryny przeznaczona na du\u017ce ekrany o wysokiej rozdzielczo\u015bci.<\/p>\n

\u201cRule of thumb\u201d i wygodna nawigacja<\/h2>\n

Przed designerami, kt\u00f3rzy projektuj\u0105 mobiln\u0105 wersj\u0119 strony internetowej, stoj\u0105 znaczne ograniczenia. Podstawowym jest to, \u017ce korzystaj\u0105c z ekranu telefonu czy tabletu - nie mamy mo\u017cliwo\u015bci wygodnego si\u0119gania do pewnej cz\u0119\u015bci ekranu. Dlatego te\u017c dost\u0119p do najcz\u0119\u015bciej u\u017cywanych i najbardziej niezb\u0119dnych opcji - menu, wskaz\u00f3wki dojazdu, kontakt czy inne - powinny by\u0107 rozmieszczone w witrynie w wygodny i intuicyjny spos\u00f3b.<\/p>\n

Kolejnym aspektem, o kt\u00f3rym warto pami\u0119ta\u0107, jest zasada kciuka - kt\u00f3ra m\u00f3wi o tym, jak du\u017ca powinna by\u0107 powierzchnia przycisku, kt\u00f3ry musi wcisn\u0105\u0107 u\u017cytkownik. Je\u017celi umieszczone przyciski b\u0119d\u0105 zbyt ma\u0142e lub zbyt blisko siebie - wybranie jednego z nich kciukiem b\u0119dzie niewygodne. Z kolei za du\u017cy przycisk mo\u017ce psu\u0107 layout strony i w zb\u0119dny spos\u00f3b zajmowa\u0107 - i tak bardzo ograniczone - miejsce na ekranie.<\/p>\n

Trzy sekundy na dostarczenie tre\u015bci<\/h2>\n

Badania Google pokazuj\u0105, \u017ce je\u017celi strona internetowa nie za\u0142aduje si\u0119 w ci\u0105gu 3 sekund od wpisania jej adresu - 53% u\u017cytkownik\u00f3w j\u0105 wy\u0142\u0105czy. Szczeg\u00f3lnie w przypadku stron projektowanych na urz\u0105dzenia mobilne - czas jest Twoim wrogiem. Je\u017celi u\u017cytkownik witryny chce znale\u017a\u0107 wskaz\u00f3wki dojazdu, pozna\u0107 szybk\u0105 odpowied\u017a na swoje pytanie albo zaj\u0105\u0107 sobie czas podczas podr\u00f3\u017cy do pracy, gdzie o jego uwag\u0119 walcz\u0105 setki link\u00f3w, odno\u015bnik\u00f3w i aplikacji - nie mo\u017cesz pozwoli\u0107 sobie na to, by spowalnia\u0107 dzia\u0142anie strony du\u017cymi, niezoptymalizowanymi grafikami, nadmiarem tre\u015bci lub prze\u0142adowanym kodem.<\/p>\n

Efektowne animacje i d\u0142ugie akapity tre\u015bci pozostaw w wersji na komputery stacjonarne, natomiast w wersji mobilnej - postaw na kr\u00f3tszy przekaz, responsywne obrazki i pomy\u015bl o podzieleniu niekt\u00f3rych podstron na drobniejsze fragmenty, kt\u00f3re szybciej si\u0119 za\u0142aduj\u0105.<\/p>\n

Rozmiar ma znaczenie<\/h2>\n

Jak ju\u017c pisa\u0142am w poprzednim artykule na temat trend\u00f3w w typografii w 2018 roku - typografia ma obecnie znaczenie wi\u0119ksze ni\u017c kiedykolwiek. W przypadku zasad responsywnego webdesignu musisz jednak pami\u0119ta\u0107 o tym, \u017ce to, co b\u0119dzie wygl\u0105da\u0142o efektownie i ciekawie na ekranie o du\u017cej rozdzielczo\u015bci, na mniejszym urz\u0105dzeniu mo\u017ce okaza\u0107 si\u0119 kompletnie nieczytelne.<\/p>\n

Przede wszystkim zbyt ma\u0142e, ale te\u017c\u00a0zbyt cienkie, minimalistyczne fonty, niedostatecznie du\u017ce nag\u0142\u00f3wki, zbyt ma\u0142y kontrast lub zbyt ma\u0142e odst\u0119py mi\u0119dzy linijkami to tylko niekt\u00f3re z b\u0142\u0119d\u00f3w, kt\u00f3re przy wyborze odpowiedniej typografii pope\u0142niaj\u0105 webdesignerzy. Warto pomy\u015ble\u0107 r\u00f3wnie\u017c o tym, by du\u017ce napisy lub obrazki zamieni\u0107 na niewielkie, czytelne i mo\u017cliwie proste ikony. Zajmuj\u0105 mniej miejsca, s\u0105 bardziej intuicyjne dla u\u017cytkownik\u00f3w i mog\u0105 stanowi\u0107 \u0142atwy, ciekawy spos\u00f3b na poprawienie wygl\u0105du strony.<\/p>\n

Projektuj dla cz\u0142owieka, a nie dla najnowszego iPhone\u2019a<\/h2>\n

Gdy Apple wypu\u015bci\u0142o na rynek sw\u00f3j najnowszy produkt, iPhone X, w \u015brodowisku webdesigner\u00f3w zawrza\u0142o. Wyci\u0119cie na g\u00f3rze ekranu sp\u0119dza\u0142o sen z powiek projektantom aplikacji i stron internetowych, kt\u00f3rzy prze\u015bcigali si\u0119 w jak najbardziej kreatywnych sposobach na wykorzystanie nowej rozdzielczo\u015bci. Tego typu trend mo\u017cna zauwa\u017cy\u0107 po ka\u017cdej premierze najnowszych urz\u0105dze\u0144 czo\u0142owych producent\u00f3w urz\u0105dze\u0144 mobilnych.<\/p>\n

Zdecydowanie zbyt ma\u0142o projektant\u00f3w skupia si\u0119\u00a0jednak na tym, by ich strona wygl\u0105da\u0142a nie tylko estetycznie i czytelnie na najnowszym smartphonie, ale i\u2026 Na jego odpowiedniku z 2014 roku.<\/p>\n

Czy Twoja witryna b\u0119dzie u\u017cyteczna nawet wtedy, gdy u\u017cytkownik nie b\u0119dzie mia\u0142 w\u0142\u0105czonego JavaScript? Czy je\u017celi nie b\u0119dzie dysponowa\u0142 szybkim \u0142\u0105czem, to nie straci cierpliwo\u015bci w po\u0142owie \u0142adowania si\u0119 strony? Czy grafiki i detale, nad kt\u00f3rymi sp\u0119dzasz kolejne godziny, b\u0119d\u0105 docenione tylko przez posiadaczy najnowszego sprz\u0119tu, a mo\u017ce tworzysz stron\u0119, kt\u00f3ra b\u0119dzie wygodna i czytelna dla ka\u017cdego typu u\u017cytkownik\u00f3w? Projektuj\u0105c nie zaw\u0119\u017caj si\u0119 do konkretnej niszy, a raczej postaraj si\u0119 odpowiedzie\u0107 na oczekiwania og\u00f3\u0142u odbiorc\u00f3w.<\/p>\n

Je\u015bli chcesz pozna\u0107 skuteczne techniki pracy zwi\u0105zane z optymalizacj\u0105 witryn pod urz\u0105dzenia mobilne i konkretne rozdzielczo\u015bci sprawd\u017a Kurs Responsive Web Design - Skuteczne Techniki<\/a> na eduweb.pl<\/p>\n","protected":false},"excerpt":{"rendered":"

To wiadomo ju\u017c od dawna - responsywny webdesign nie jest tylko przej\u015bciowym trendem. W obecnych czasach stanowi standard, i odpowiednie dopasowanie projektowanej witryny do wy\u015bwietlania jej na ka\u017cdego typu urz\u0105dzeniach - stacjonarnych, jak i mobilnych - stanowi obowi\u0105zkowy element przygotowania strony internetowej. Z roku na rok oczekiwania u\u017cytkownik\u00f3w rosn\u0105, a wraz z nimi - wzrasta […]<\/p>\n","protected":false},"author":2098106,"featured_media":5663,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[15],"tags":[11,198],"yoast_head":"\n5 zasad responsywnego webdesignu \u2b50Polski Blog TemplateMonster<\/title>\n<meta name=\"description\" content=\"To wiadomo ju\u017c od dawna - responsywny webdesign nie jest tylko przej\u015bciowym trendem. W obecnych czasach stanowi standard, i odpowiednie dopasowanie\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 zasad responsywnego webdesignu \u2b50Polski Blog TemplateMonster\" \/>\n<meta property=\"og:description\" content=\"To wiadomo ju\u017c od dawna - responsywny webdesign nie jest tylko przej\u015bciowym trendem. W obecnych czasach stanowi standard, i odpowiednie dopasowanie\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/\" \/>\n<meta property=\"og:site_name\" content=\"Polski Blog TemplateMonster\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonster.Poland\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-04-23T09:11:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-04-23T09:14:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2018\/04\/5-zasad-responsywnego-webdesignu.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Katarzyna Gawry\u015b\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TM_Polska\" \/>\n<meta name=\"twitter:site\" content=\"@TM_Polska\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Katarzyna Gawry\u015b\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/\"},\"author\":{\"name\":\"Katarzyna Gawry\u015b\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/f5004ff651e360d9f19e043090591b95\"},\"headline\":\"5 zasad responsywnego webdesignu\",\"datePublished\":\"2018-04-23T09:11:34+00:00\",\"dateModified\":\"2018-04-23T09:14:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/\"},\"wordCount\":934,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/#organization\"},\"keywords\":[\"Responsywne\",\"Web Design\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/\",\"url\":\"https:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/\",\"name\":\"5 zasad responsywnego webdesignu \u2b50Polski Blog TemplateMonster\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/#website\"},\"datePublished\":\"2018-04-23T09:11:34+00:00\",\"dateModified\":\"2018-04-23T09:14:21+00:00\",\"description\":\"To wiadomo ju\u017c od dawna - responsywny webdesign nie jest tylko przej\u015bciowym trendem. W obecnych czasach stanowi standard, i odpowiednie dopasowanie\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/pl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"5 zasad responsywnego webdesignu\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#website\",\"url\":\"https:\/\/monsterspost.com\/pl\/\",\"name\":\"Polski Blog TemplateMonster\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/pl\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#organization\",\"name\":\"MonsterPost Polska\",\"url\":\"https:\/\/monsterspost.com\/pl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost Polska\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/templatemonster_pl\/\",\"https:\/\/www.pinterest.com\/TM_Polska\/\",\"https:\/\/www.youtube.com\/channel\/UCjXro5nNpRT0p0YY6MGl4sQ\",\"https:\/\/www.facebook.com\/TemplateMonster.Poland\/\",\"https:\/\/twitter.com\/TM_Polska\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/f5004ff651e360d9f19e043090591b95\",\"name\":\"Katarzyna Gawry\u015b\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c33ec8b357cf52d3298da0fe2b9690d3?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c33ec8b357cf52d3298da0fe2b9690d3?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Katarzyna Gawry\u015b\"},\"description\":\"Od 2014 roku tworz\u0119 tre\u015bci (takie jak artyku\u0142y, tre\u015bci dla medi\u00f3w spo\u0142eczno\u015bciowych i e-booki) dla moich klient\u00f3w i kreuj\u0119 wizerunek firmy, g\u0142\u00f3wnie w mediach spo\u0142eczno\u015bciowych. Najbardziej interesuj\u0119 mnie copywriting, marketing w mediach spo\u0142eczno\u015bciowych, content marketing i influencer marketing. Mnie mo\u017cesz znale\u017a\u0107 na Facebooku i Linkedinie.\",\"url\":\"https:\/\/monsterspost.com\/pl\/author\/katarzynagawrys\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"5 zasad responsywnego webdesignu \u2b50Polski Blog TemplateMonster","description":"To wiadomo ju\u017c od dawna - responsywny webdesign nie jest tylko przej\u015bciowym trendem. W obecnych czasach stanowi standard, i odpowiednie dopasowanie","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:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/","og_locale":"pl_PL","og_type":"article","og_title":"5 zasad responsywnego webdesignu \u2b50Polski Blog TemplateMonster","og_description":"To wiadomo ju\u017c od dawna - responsywny webdesign nie jest tylko przej\u015bciowym trendem. W obecnych czasach stanowi standard, i odpowiednie dopasowanie","og_url":"https:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/","og_site_name":"Polski Blog TemplateMonster","article_publisher":"https:\/\/www.facebook.com\/TemplateMonster.Poland\/","article_published_time":"2018-04-23T09:11:34+00:00","article_modified_time":"2018-04-23T09:14:21+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2018\/04\/5-zasad-responsywnego-webdesignu.jpg","type":"image\/jpeg"}],"author":"Katarzyna Gawry\u015b","twitter_card":"summary_large_image","twitter_creator":"@TM_Polska","twitter_site":"@TM_Polska","twitter_misc":{"Napisane przez":"Katarzyna Gawry\u015b","Szacowany czas czytania":"5 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/"},"author":{"name":"Katarzyna Gawry\u015b","@id":"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/f5004ff651e360d9f19e043090591b95"},"headline":"5 zasad responsywnego webdesignu","datePublished":"2018-04-23T09:11:34+00:00","dateModified":"2018-04-23T09:14:21+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/"},"wordCount":934,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/pl\/#organization"},"keywords":["Responsywne","Web Design"],"articleSection":["Web Design"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/","url":"https:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/","name":"5 zasad responsywnego webdesignu \u2b50Polski Blog TemplateMonster","isPartOf":{"@id":"https:\/\/monsterspost.com\/pl\/#website"},"datePublished":"2018-04-23T09:11:34+00:00","dateModified":"2018-04-23T09:14:21+00:00","description":"To wiadomo ju\u017c od dawna - responsywny webdesign nie jest tylko przej\u015bciowym trendem. W obecnych czasach stanowi standard, i odpowiednie dopasowanie","breadcrumb":{"@id":"https:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/pl\/5-zasad-responsywnego-webdesignu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/pl\/"},{"@type":"ListItem","position":2,"name":"5 zasad responsywnego webdesignu"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/pl\/#website","url":"https:\/\/monsterspost.com\/pl\/","name":"Polski Blog TemplateMonster","description":"","publisher":{"@id":"https:\/\/monsterspost.com\/pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/pl\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/pl\/#organization","name":"MonsterPost Polska","url":"https:\/\/monsterspost.com\/pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/monsterspost.com\/pl\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost Polska"},"image":{"@id":"https:\/\/monsterspost.com\/pl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/templatemonster_pl\/","https:\/\/www.pinterest.com\/TM_Polska\/","https:\/\/www.youtube.com\/channel\/UCjXro5nNpRT0p0YY6MGl4sQ","https:\/\/www.facebook.com\/TemplateMonster.Poland\/","https:\/\/twitter.com\/TM_Polska"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/f5004ff651e360d9f19e043090591b95","name":"Katarzyna Gawry\u015b","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c33ec8b357cf52d3298da0fe2b9690d3?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c33ec8b357cf52d3298da0fe2b9690d3?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Katarzyna Gawry\u015b"},"description":"Od 2014 roku tworz\u0119 tre\u015bci (takie jak artyku\u0142y, tre\u015bci dla medi\u00f3w spo\u0142eczno\u015bciowych i e-booki) dla moich klient\u00f3w i kreuj\u0119 wizerunek firmy, g\u0142\u00f3wnie w mediach spo\u0142eczno\u015bciowych. Najbardziej interesuj\u0119 mnie copywriting, marketing w mediach spo\u0142eczno\u015bciowych, content marketing i influencer marketing. Mnie mo\u017cesz znale\u017a\u0107 na Facebooku i Linkedinie.","url":"https:\/\/monsterspost.com\/pl\/author\/katarzynagawrys\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/posts\/5662"}],"collection":[{"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/users\/2098106"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/comments?post=5662"}],"version-history":[{"count":2,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/posts\/5662\/revisions"}],"predecessor-version":[{"id":5666,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/posts\/5662\/revisions\/5666"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/media\/5663"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/media?parent=5662"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/categories?post=5662"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/tags?post=5662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}