{"id":7678,"date":"2023-04-02T13:19:49","date_gmt":"2023-04-02T11:19:49","guid":{"rendered":"http:\/\/vh-crossmedia.eifel-medien.de\/?p=7678"},"modified":"2023-11-17T10:25:21","modified_gmt":"2023-11-17T09:25:21","slug":"nine-times-clever-23-04-02","status":"publish","type":"post","link":"https:\/\/vh-crossmedia.de\/en\/neunmalklug-23-04-02\/","title":{"rendered":"Tips & Tricks No. 12"},"content":{"rendered":"

\"neunmalklug<\/p>\n

In der Rubrik „neunmalklug“ ver\u00f6ffentliche ich in unregelm\u00e4\u00dfigen Abst\u00e4nden Tipps, Tricks und fachliche Infos rund um die Themen Grafik- und Webdesign. Heute:<\/p>\n<\/div><\/div><\/div>

What is responsive web design and how does it work?<\/h2>\n
\n

„Responsive Webdesign“ ist eine Technik zur Entwicklung von Websites, bei der das Layout so gestaltet wird, dass es sich automatisch an die Gr\u00f6\u00dfe und Aufl\u00f6sung des Endger\u00e4ts anpasst, auf dem die Website angezeigt wird. Dadurch wird eine optimale Benutzererfahrung auf allen Ger\u00e4ten gew\u00e4hrleistet, einschlie\u00dflich Desktop-Computern, Laptops, Tablets und Smartphones. Dies wird durch die Verwendung von flexiblen Grid-Systemen, flexiblen Bildern und Media Queries erreicht.<\/p>\n<\/blockquote>\n

Here are 9 recommendations for a responsive website:<\/p>\n

    \n
  1. Use of a flexible grid structure for the website to ensure that content automatically adapts to different screen sizes and devices.<\/li>\n
  2. Use CSS media queries to customise the layout and size of images for different screen sizes.<\/li>\n
  3. Use fonts that are easy to read on all devices and adjust their size for different screen sizes.<\/li>\n
  4. Avoid unnecessary elements that could slow down the loading time of the website.<\/li>\n
  5. Use of images and graphics with a resolution that is suitable for the respective device.<\/li>\n
  6. Use of clear and concise menus and navigation elements that are easy to use even on smaller screens.<\/li>\n
  7. Testing the website on different devices to ensure that it looks and works well on all screen sizes and devices.<\/li>\n
  8. Minimise the use of pop-ups or other elements that force the user to click on certain buttons in order to use the website.<\/li>\n
  9. Use of a content management system (CMS) such as WordPress, which supports and automatically adapts the creation of responsive content.<\/li>\n<\/ol>\n<\/div><\/div><\/div>

    Fancy applying these tips to YOUR project?
    \nI look forward to hearing from you!<\/p>\n<\/div><\/div><\/div>

    <\/i>Contact us<\/span><\/a><\/div><\/div><\/div><\/div><\/div><\/div>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":9206,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[90],"tags":[16,94,93,27],"class_list":["post-7678","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-neunmalklug","tag-grafikdesign","tag-neunmalklug","tag-tipps-tricks","tag-webdesign"],"yoast_head":"\nTipps & Tricks Nr. 12 - vh-crossmedia | Volker Heupel<\/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:\/\/vh-crossmedia.de\/en\/nine-times-clever-23-04-02\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tipps & Tricks Nr. 12 - vh-crossmedia | Volker Heupel\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vh-crossmedia.de\/en\/nine-times-clever-23-04-02\/\" \/>\n<meta property=\"og:site_name\" content=\"vh-crossmedia | Volker Heupel\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-02T11:19:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-17T09:25:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/vh-crossmedia.de\/wp-content\/uploads\/2023\/10\/vh-crossmedia-neunmalklug-beitragsbild.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1402\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"vh-crossmedia\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"vh-crossmedia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/vh-crossmedia.de\\\/neunmalklug-23-04-02\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vh-crossmedia.de\\\/neunmalklug-23-04-02\\\/\"},\"author\":{\"name\":\"vh-crossmedia\",\"@id\":\"https:\\\/\\\/vh-crossmedia.de\\\/#\\\/schema\\\/person\\\/ae3ae73f913cfbc8063e0ead0833894f\"},\"headline\":\"Tipps & Tricks Nr. 12\",\"datePublished\":\"2023-04-02T11:19:49+00:00\",\"dateModified\":\"2023-11-17T09:25:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/vh-crossmedia.de\\\/neunmalklug-23-04-02\\\/\"},\"wordCount\":1827,\"publisher\":{\"@id\":\"https:\\\/\\\/vh-crossmedia.de\\\/#\\\/schema\\\/person\\\/ae3ae73f913cfbc8063e0ead0833894f\"},\"image\":{\"@id\":\"https:\\\/\\\/vh-crossmedia.de\\\/neunmalklug-23-04-02\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/vh-crossmedia.de\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/vh-crossmedia-neunmalklug-beitragsbild.jpg\",\"keywords\":[\"Grafikdesign\",\"neunmalklug\",\"Tipps & Tricks\",\"Webdesign\"],\"articleSection\":[\"neunmalklug\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/vh-crossmedia.de\\\/neunmalklug-23-04-02\\\/\",\"url\":\"https:\\\/\\\/vh-crossmedia.de\\\/neunmalklug-23-04-02\\\/\",\"name\":\"Tipps & Tricks Nr. 12 - vh-crossmedia | Volker Heupel\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vh-crossmedia.de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/vh-crossmedia.de\\\/neunmalklug-23-04-02\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/vh-crossmedia.de\\\/neunmalklug-23-04-02\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/vh-crossmedia.de\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/vh-crossmedia-neunmalklug-beitragsbild.jpg\",\"datePublished\":\"2023-04-02T11:19:49+00:00\",\"dateModified\":\"2023-11-17T09:25:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/vh-crossmedia.de\\\/neunmalklug-23-04-02\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/vh-crossmedia.de\\\/neunmalklug-23-04-02\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/vh-crossmedia.de\\\/neunmalklug-23-04-02\\\/#primaryimage\",\"url\":\"https:\\\/\\\/vh-crossmedia.de\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/vh-crossmedia-neunmalklug-beitragsbild.jpg\",\"contentUrl\":\"https:\\\/\\\/vh-crossmedia.de\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/vh-crossmedia-neunmalklug-beitragsbild.jpg\",\"width\":1920,\"height\":1402,\"caption\":\"In der Rubrik \u201eneunmalklug\u201c ver\u00f6ffentliche ich in unregelm\u00e4\u00dfigen Abst\u00e4nden Tipps, Tricks und fachliche Infos rund um die Themen Grafik- und Webdesign\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/vh-crossmedia.de\\\/neunmalklug-23-04-02\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/vh-crossmedia.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tipps & Tricks Nr. 12\",\"item\":\"https:\\\/\\\/vh-crossmedia.de\\\/en\\\/neunmalklug-23-04-02\\\/\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/vh-crossmedia.de\\\/#website\",\"url\":\"https:\\\/\\\/vh-crossmedia.de\\\/\",\"name\":\"vh-crossmedia | Volker Heupel\",\"description\":\"Von Entwurf bis Druck, von Flyer bis Magazin, von einfacher Website bis Content-Management-System, von Logo bis Corporate Identity: alles bei vh-crossmedia\",\"publisher\":{\"@id\":\"https:\\\/\\\/vh-crossmedia.de\\\/#\\\/schema\\\/person\\\/ae3ae73f913cfbc8063e0ead0833894f\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/vh-crossmedia.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/vh-crossmedia.de\\\/#\\\/schema\\\/person\\\/ae3ae73f913cfbc8063e0ead0833894f\",\"name\":\"vh-crossmedia\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/vh-crossmedia.de\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/Volker-Heupel_vh-crossmedia_IMG_3848.jpg\",\"url\":\"https:\\\/\\\/vh-crossmedia.de\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/Volker-Heupel_vh-crossmedia_IMG_3848.jpg\",\"contentUrl\":\"https:\\\/\\\/vh-crossmedia.de\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/Volker-Heupel_vh-crossmedia_IMG_3848.jpg\",\"width\":826,\"height\":604,\"caption\":\"vh-crossmedia\"},\"logo\":{\"@id\":\"https:\\\/\\\/vh-crossmedia.de\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/Volker-Heupel_vh-crossmedia_IMG_3848.jpg\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tips & Tricks No. 12 - vh-crossmedia | Volker Heupel","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:\/\/vh-crossmedia.de\/en\/nine-times-clever-23-04-02\/","og_locale":"en_GB","og_type":"article","og_title":"Tipps & Tricks Nr. 12 - vh-crossmedia | Volker Heupel","og_url":"https:\/\/vh-crossmedia.de\/en\/nine-times-clever-23-04-02\/","og_site_name":"vh-crossmedia | Volker Heupel","article_published_time":"2023-04-02T11:19:49+00:00","article_modified_time":"2023-11-17T09:25:21+00:00","og_image":[{"width":1920,"height":1402,"url":"https:\/\/vh-crossmedia.de\/wp-content\/uploads\/2023\/10\/vh-crossmedia-neunmalklug-beitragsbild.jpg","type":"image\/jpeg"}],"author":"vh-crossmedia","twitter_card":"summary_large_image","twitter_misc":{"Written by":"vh-crossmedia","Estimated reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/vh-crossmedia.de\/neunmalklug-23-04-02\/#article","isPartOf":{"@id":"https:\/\/vh-crossmedia.de\/neunmalklug-23-04-02\/"},"author":{"name":"vh-crossmedia","@id":"https:\/\/vh-crossmedia.de\/#\/schema\/person\/ae3ae73f913cfbc8063e0ead0833894f"},"headline":"Tipps & Tricks Nr. 12","datePublished":"2023-04-02T11:19:49+00:00","dateModified":"2023-11-17T09:25:21+00:00","mainEntityOfPage":{"@id":"https:\/\/vh-crossmedia.de\/neunmalklug-23-04-02\/"},"wordCount":1827,"publisher":{"@id":"https:\/\/vh-crossmedia.de\/#\/schema\/person\/ae3ae73f913cfbc8063e0ead0833894f"},"image":{"@id":"https:\/\/vh-crossmedia.de\/neunmalklug-23-04-02\/#primaryimage"},"thumbnailUrl":"https:\/\/vh-crossmedia.de\/wp-content\/uploads\/2023\/10\/vh-crossmedia-neunmalklug-beitragsbild.jpg","keywords":["Grafikdesign","neunmalklug","Tipps & Tricks","Webdesign"],"articleSection":["neunmalklug"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/vh-crossmedia.de\/neunmalklug-23-04-02\/","url":"https:\/\/vh-crossmedia.de\/neunmalklug-23-04-02\/","name":"Tips & Tricks No. 12 - vh-crossmedia | Volker Heupel","isPartOf":{"@id":"https:\/\/vh-crossmedia.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vh-crossmedia.de\/neunmalklug-23-04-02\/#primaryimage"},"image":{"@id":"https:\/\/vh-crossmedia.de\/neunmalklug-23-04-02\/#primaryimage"},"thumbnailUrl":"https:\/\/vh-crossmedia.de\/wp-content\/uploads\/2023\/10\/vh-crossmedia-neunmalklug-beitragsbild.jpg","datePublished":"2023-04-02T11:19:49+00:00","dateModified":"2023-11-17T09:25:21+00:00","breadcrumb":{"@id":"https:\/\/vh-crossmedia.de\/neunmalklug-23-04-02\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vh-crossmedia.de\/neunmalklug-23-04-02\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/vh-crossmedia.de\/neunmalklug-23-04-02\/#primaryimage","url":"https:\/\/vh-crossmedia.de\/wp-content\/uploads\/2023\/10\/vh-crossmedia-neunmalklug-beitragsbild.jpg","contentUrl":"https:\/\/vh-crossmedia.de\/wp-content\/uploads\/2023\/10\/vh-crossmedia-neunmalklug-beitragsbild.jpg","width":1920,"height":1402,"caption":"In der Rubrik \u201eneunmalklug\u201c ver\u00f6ffentliche ich in unregelm\u00e4\u00dfigen Abst\u00e4nden Tipps, Tricks und fachliche Infos rund um die Themen Grafik- und Webdesign"},{"@type":"BreadcrumbList","@id":"https:\/\/vh-crossmedia.de\/neunmalklug-23-04-02\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/vh-crossmedia.de\/"},{"@type":"ListItem","position":2,"name":"Tipps & Tricks Nr. 12","item":"https:\/\/vh-crossmedia.de\/en\/neunmalklug-23-04-02\/"}]},{"@type":"WebSite","@id":"https:\/\/vh-crossmedia.de\/#website","url":"https:\/\/vh-crossmedia.de\/","name":"vh-crossmedia | Volker Heupel","description":"From design to print, from flyer to magazine, from simple website to content management system, from logo to corporate identity: everything at vh-crossmedia","publisher":{"@id":"https:\/\/vh-crossmedia.de\/#\/schema\/person\/ae3ae73f913cfbc8063e0ead0833894f"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vh-crossmedia.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":["Person","Organization"],"@id":"https:\/\/vh-crossmedia.de\/#\/schema\/person\/ae3ae73f913cfbc8063e0ead0833894f","name":"vh-crossmedia","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/vh-crossmedia.de\/wp-content\/uploads\/2020\/01\/Volker-Heupel_vh-crossmedia_IMG_3848.jpg","url":"https:\/\/vh-crossmedia.de\/wp-content\/uploads\/2020\/01\/Volker-Heupel_vh-crossmedia_IMG_3848.jpg","contentUrl":"https:\/\/vh-crossmedia.de\/wp-content\/uploads\/2020\/01\/Volker-Heupel_vh-crossmedia_IMG_3848.jpg","width":826,"height":604,"caption":"vh-crossmedia"},"logo":{"@id":"https:\/\/vh-crossmedia.de\/wp-content\/uploads\/2020\/01\/Volker-Heupel_vh-crossmedia_IMG_3848.jpg"}}]}},"_links":{"self":[{"href":"https:\/\/vh-crossmedia.de\/en\/wp-json\/wp\/v2\/posts\/7678","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vh-crossmedia.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vh-crossmedia.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vh-crossmedia.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vh-crossmedia.de\/en\/wp-json\/wp\/v2\/comments?post=7678"}],"version-history":[{"count":0,"href":"https:\/\/vh-crossmedia.de\/en\/wp-json\/wp\/v2\/posts\/7678\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vh-crossmedia.de\/en\/wp-json\/wp\/v2\/media\/9206"}],"wp:attachment":[{"href":"https:\/\/vh-crossmedia.de\/en\/wp-json\/wp\/v2\/media?parent=7678"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vh-crossmedia.de\/en\/wp-json\/wp\/v2\/categories?post=7678"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vh-crossmedia.de\/en\/wp-json\/wp\/v2\/tags?post=7678"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}