{"id":1068,"date":"2014-06-30T12:51:27","date_gmt":"2014-06-30T10:51:27","guid":{"rendered":"http:\/\/silke.warmstal.nl\/?p=1068"},"modified":"2020-03-17T19:25:03","modified_gmt":"2020-03-17T18:25:03","slug":"creative-explorations-responsive-design","status":"publish","type":"post","link":"https:\/\/silketerstal.nl\/wp\/2014\/06\/30\/creative-explorations-responsive-design\/","title":{"rendered":"Exploration: Responsive Design"},"content":{"rendered":"\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-7i89cc-ee53c9a159bd807e0aa42d768675847b\">\n.avia-section.av-7i89cc-ee53c9a159bd807e0aa42d768675847b{\nbackground-color:#f8f8f8;\n}\n.avia-section.av-7i89cc-ee53c9a159bd807e0aa42d768675847b .av-extra-border-element .av-extra-border-inner{\nbackground-color:#ffffff;\n}\n<\/style>\n<div id='av_section_1'  class='avia-section av-7i89cc-ee53c9a159bd807e0aa42d768675847b main_color avia-section-huge avia-no-border-styling  avia-builder-el-0  el_before_av_section  avia-builder-el-first  avia-bg-style-scroll container_wrap fullsize'  ><div class='container av-section-cont-open' ><main  role=\"main\" itemprop=\"mainContentOfPage\"  class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-1068'><div class='entry-content-wrapper clearfix'>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-5kz498-4a7c4280a5c39a61766ad0604bca5944\">\n.flex_column.av-5kz498-4a7c4280a5c39a61766ad0604bca5944{\nborder-radius:0px 0px 0px 0px;\n-webkit-border-radius:0px 0px 0px 0px;\n-moz-border-radius:0px 0px 0px 0px;\npadding:0px 5% 5% 0px;\n}\n<\/style>\n<div class='flex_column av-5kz498-4a7c4280a5c39a61766ad0604bca5944 av_two_third  avia-builder-el-1  avia-builder-el-no-sibling  first flex_column_div '   ><section  class='av_textblock_section av-k5864p0a-3cd90e3fc8a8952b8196fc7195f8b3b8'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h1>Exploration: Responsive Design<\/h1>\n<\/div><\/section><br \/>\n<section  class='av_textblock_section av-k55gx2oe-e67bcecb2b6ca0c5479c0c2f0577b836'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>As the name of the course already states the goal of the course Creative Explorations in Art, Science and Technology is exploration. The topic of this exploration could be chosen by the student itself. Since I work often with websites, I thought of the subject Responsive Design. I have basic knowledge about the techniques behind websites, but I never studied adaptation of websites to different devices. This is why I thought it would be interesting to learn more about this topic.<\/p>\n<p>Started is with a literature study, researching the problems and assumptions concerning Responsive Design. Next to this, the different techniques that could be used to implement Responsive Design are searched for. Later examples of existing websites, with a strong implementation of Responsive Design are looked at.<\/p>\n<p>After studying the principles of Responsive Design I did implement the principles and techniques in a new created website. The existing websites were used as inspiration to optimize the website for all different kinds of devices.<\/p>\n<\/div><\/section><br \/>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-3r44uk-b47942f127dbf073c5edc7d23cf0771e\">\n#top .av-special-heading.av-3r44uk-b47942f127dbf073c5edc7d23cf0771e{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-3r44uk-b47942f127dbf073c5edc7d23cf0771e .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-3r44uk-b47942f127dbf073c5edc7d23cf0771e .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-3r44uk-b47942f127dbf073c5edc7d23cf0771e av-special-heading-h3  avia-builder-el-4  el_after_av_textblock  el_before_av_textblock '><h3 class='av-special-heading-tag'  itemprop=\"headline\"  >Tools used<\/h3><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div><br \/>\n<section  class='av_textblock_section av-k584p6tl-743feba043773adf044c475250ec6f77'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p class=\"skills\">HTML<\/p>\n<p class=\"skills\">Less, with media queries<\/p>\n<\/div><\/section><\/p><\/div>\n\n<\/div><\/div><\/main><!-- close content main element --><\/div><div class='av-extra-border-element border-extra-diagonal  diagonal-box-shadow'><div class='av-extra-border-outer'><div class='av-extra-border-inner'><\/div><\/div><\/div><\/div>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-k583tzyz-31c5b7a5e8a324805adb34613a298eab\">\n.avia-section.av-k583tzyz-31c5b7a5e8a324805adb34613a298eab{\nbackground-color:#ffffff;\n}\n.avia-section.av-k583tzyz-31c5b7a5e8a324805adb34613a298eab .av-extra-border-element .av-extra-border-inner{\nbackground-color:#333333;\n}\n<\/style>\n<div id='av_section_2'  class='avia-section av-k583tzyz-31c5b7a5e8a324805adb34613a298eab main_color avia-section-default avia-no-border-styling  avia-builder-el-6  el_after_av_section  avia-builder-el-last  avia-bg-style-scroll container_wrap fullsize'  ><div class='container av-section-cont-open' ><div class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-1068'><div class='entry-content-wrapper clearfix'>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-4ylfmk-db1164092d3be1253ac5c7f2b3c89dd7\">\n.flex_column.av-4ylfmk-db1164092d3be1253ac5c7f2b3c89dd7{\nborder-radius:0px 0px 0px 0px;\n-webkit-border-radius:0px 0px 0px 0px;\n-moz-border-radius:0px 0px 0px 0px;\n}\n<\/style>\n<div class='flex_column av-4ylfmk-db1164092d3be1253ac5c7f2b3c89dd7 av_one_third  avia-builder-el-7  avia-builder-el-no-sibling  first flex_column_div av-zero-column-padding '   ><p>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-2xg3rw-7f192475c47ea307fc20cd9bb076ac6e\">\n#top .av-special-heading.av-2xg3rw-7f192475c47ea307fc20cd9bb076ac6e{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-2xg3rw-7f192475c47ea307fc20cd9bb076ac6e .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-2xg3rw-7f192475c47ea307fc20cd9bb076ac6e .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-2xg3rw-7f192475c47ea307fc20cd9bb076ac6e av-special-heading-h3  avia-builder-el-8  el_before_av_gallery  avia-builder-el-first '><h3 class='av-special-heading-tag'  itemprop=\"headline\"  >Photos<\/h3><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div><br \/>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-k55hbep5-411dd281933387e256de8930cb222d59\">\n#top .avia-gallery.av-k55hbep5-411dd281933387e256de8930cb222d59 .avia-gallery-thumb a{\nwidth:20%;\n}\n<\/style>\n<div  class='avia-gallery av-k55hbep5-411dd281933387e256de8930cb222d59 avia_animate_when_visible  avia-builder-el-9  el_after_av_heading  avia-builder-el-last  avia_lazyload avia-gallery-animate avia-gallery-1'  itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><meta itemprop=\"contentURL\" content=\"https:\/\/silketerstal.nl\/wp\/2014\/06\/30\/creative-explorations-responsive-design\/\"><div class='avia-gallery-thumb'><a href=\"https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/header-small.jpg\" data-srcset=\"https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/header-small.jpg 494w, https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/header-small-233x300.jpg 233w, https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/header-small-450x579.jpg 450w\" data-sizes=\"(max-width: 494px) 100vw, 494px\" data-rel='gallery-1' data-prev-img='https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/header-small-494x400.jpg' class='first_thumb lightbox ' data-onclick='1' title='Bet System Menu Larger Screens'  itemprop=\"thumbnailUrl\"  ><img decoding=\"async\" class=\"wp-image-1095 avia-img-lazy-loading-not-1095\"   src=\"https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/header-small-494x400.jpg\" width=\"494\" height=\"400\"  title='Bet System Menu Larger Screens' alt='Bet system - Menu - Larger screens' \/><div class='big-prev-fake'><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1095 avia-img-lazy-loading-1095\"  width=\"494\" height=\"400\" src=\"https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/header-small-494x400.jpg\" title='Bet System Menu Larger Screens' alt='Bet system - Menu - Larger screens' \/><\/div><\/a><a href=\"https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/Home-large.jpg\" data-srcset=\"https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/Home-large.jpg 1026w, https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/Home-large-300x182.jpg 300w, https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/Home-large-768x467.jpg 768w, https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/Home-large-705x429.jpg 705w, https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/Home-large-450x274.jpg 450w\" data-sizes=\"(max-width: 1026px) 100vw, 1026px\" data-rel='gallery-1' data-prev-img='https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/Home-large-495x400.jpg' class='lightbox ' data-onclick='2' title='Bet System Home Large Screens'  itemprop=\"thumbnailUrl\"  ><img decoding=\"async\" class=\"wp-image-1092 avia-img-lazy-loading-not-1092\"   src=\"https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/Home-large-495x400.jpg\" width=\"495\" height=\"400\"  title='Bet System Home Large Screens' alt='Bet system - Home - Large screens' \/><div class='big-prev-fake'><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1092 avia-img-lazy-loading-1092\"  width=\"495\" height=\"400\" src=\"https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/Home-large-495x400.jpg\" title='Bet System Home Large Screens' alt='Bet system - Home - Large screens' \/><\/div><\/a><a href=\"https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/Home-medium.jpg\" data-srcset=\"https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/Home-medium.jpg 584w, https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/Home-medium-277x300.jpg 277w, https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/Home-medium-450x487.jpg 450w\" data-sizes=\"(max-width: 584px) 100vw, 584px\" data-rel='gallery-1' data-prev-img='https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/Home-medium-495x400.jpg' class='lightbox ' data-onclick='3' title='Bet System Home Small Screens'  itemprop=\"thumbnailUrl\"  ><img decoding=\"async\" class=\"wp-image-1091 avia-img-lazy-loading-not-1091\"   src=\"https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/Home-medium-495x400.jpg\" width=\"495\" height=\"400\"  title='Bet System Home Small Screens' alt='Bet system - Home - Small screens' \/><div class='big-prev-fake'><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1091 avia-img-lazy-loading-1091\"  width=\"495\" height=\"400\" src=\"https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/Home-medium-495x400.jpg\" title='Bet System Home Small Screens' alt='Bet system - Home - Small screens' \/><\/div><\/a><a href=\"https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/menubar-small-open.jpg\" data-srcset=\"https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/menubar-small-open.jpg 350w, https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/menubar-small-open-165x300.jpg 165w\" data-sizes=\"(max-width: 350px) 100vw, 350px\" data-rel='gallery-1' data-prev-img='https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/menubar-small-open-350x400.jpg' class='lightbox ' data-onclick='4' title='Bet System Menu Open Small Screens'  itemprop=\"thumbnailUrl\"  ><img decoding=\"async\" class=\"wp-image-1090 avia-img-lazy-loading-not-1090\"   src=\"https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/menubar-small-open-350x400.jpg\" width=\"350\" height=\"400\"  title='Bet System Menu Open Small Screens' alt='Bet system - Menu open - Small screens' \/><div class='big-prev-fake'><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1090 avia-img-lazy-loading-1090\"  width=\"350\" height=\"400\" src=\"https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/menubar-small-open-350x400.jpg\" title='Bet System Menu Open Small Screens' alt='Bet system - Menu open - Small screens' \/><\/div><\/a><a href=\"https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/menubar-small-closed-1.jpg\" data-srcset=\"https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/menubar-small-closed-1.jpg 350w, https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/menubar-small-closed-1-165x300.jpg 165w\" data-sizes=\"(max-width: 350px) 100vw, 350px\" data-rel='gallery-1' data-prev-img='https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/menubar-small-closed-1-350x400.jpg' class='lightbox ' data-onclick='5' title='Bet System Menu Closed Small Screens'  itemprop=\"thumbnailUrl\"  ><img decoding=\"async\" class=\"wp-image-1777 avia-img-lazy-loading-not-1777\"   src=\"https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/menubar-small-closed-1-350x400.jpg\" width=\"350\" height=\"400\"  title='Bet System Menu Closed Small Screens' alt='Bet system - Menu closed - Small screens' \/><div class='big-prev-fake'><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1777 avia-img-lazy-loading-1777\"  width=\"350\" height=\"400\" src=\"https:\/\/silketerstal.nl\/wp\/wp-content\/uploads\/2014\/06\/menubar-small-closed-1-350x400.jpg\" title='Bet System Menu Closed Small Screens' alt='Bet system - Menu closed - Small screens' \/><\/div><\/a><\/div><\/div><\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Next to the regular courses a individual project had to be done. I chose to do more research on responsive design for websites.<\/p>\n","protected":false},"author":2,"featured_media":1090,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[40,47,30,31],"tags":[],"class_list":["post-1068","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-portfolio","category-second-year-block-2b","category-ut","category-web-development"],"_links":{"self":[{"href":"https:\/\/silketerstal.nl\/wp\/wp-json\/wp\/v2\/posts\/1068","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/silketerstal.nl\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/silketerstal.nl\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/silketerstal.nl\/wp\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/silketerstal.nl\/wp\/wp-json\/wp\/v2\/comments?post=1068"}],"version-history":[{"count":3,"href":"https:\/\/silketerstal.nl\/wp\/wp-json\/wp\/v2\/posts\/1068\/revisions"}],"predecessor-version":[{"id":2160,"href":"https:\/\/silketerstal.nl\/wp\/wp-json\/wp\/v2\/posts\/1068\/revisions\/2160"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/silketerstal.nl\/wp\/wp-json\/wp\/v2\/media\/1090"}],"wp:attachment":[{"href":"https:\/\/silketerstal.nl\/wp\/wp-json\/wp\/v2\/media?parent=1068"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/silketerstal.nl\/wp\/wp-json\/wp\/v2\/categories?post=1068"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/silketerstal.nl\/wp\/wp-json\/wp\/v2\/tags?post=1068"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}