{"id":2016,"date":"2014-11-16T00:00:18","date_gmt":"2014-11-15T16:00:18","guid":{"rendered":"https:\/\/xavierlee.com\/?p=2016"},"modified":"2014-11-13T11:33:28","modified_gmt":"2014-11-13T03:33:28","slug":"9-gifs-that-explain-responsive-design-brilliantly","status":"publish","type":"post","link":"https:\/\/xavierlee.com\/?p=2016","title":{"rendered":"9 GIFs That Explain Responsive Design Brilliantly"},"content":{"rendered":"<p>These 9 GIFs can explain Responsive Design brilliantly, neatly and simply!<\/p>\n<p>Source: <a href=\"http:\/\/www.fastcodesign.com\/3038367\/9-gifs-that-explain-responsive-design-brilliantly\" target=\"_blank\">Fast Co Design<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2017\" src=\"https:\/\/xavierlee.com\/wp-content\/uploads\/2014\/11\/3038367-inline-i-1-9-gifs-that-explain-responsive-design-brilliantly-01responsive-vs-adaptive-copy.gif\" alt=\"3038367-inline-i-1-9-gifs-that-explain-responsive-design-brilliantly-01responsive-vs-adaptive-copy\" width=\"640\" height=\"233\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2018\" src=\"https:\/\/xavierlee.com\/wp-content\/uploads\/2014\/11\/3038367-inline-i-4-9-gifs-that-explain-responsive-design-brilliantly-04flow-vs-static-2-copy.gif\" alt=\"3038367-inline-i-4-9-gifs-that-explain-responsive-design-brilliantly-04flow-vs-static-2-copy\" width=\"625\" height=\"227\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2019\" src=\"https:\/\/xavierlee.com\/wp-content\/uploads\/2014\/11\/3038367-inline-i-9-9-gifs-that-explain-responsive-design-brilliantly-09vectors-vs-images-1-copy.gif\" alt=\"3038367-inline-i-9-9-gifs-that-explain-responsive-design-brilliantly-09vectors-vs-images-1-copy\" width=\"625\" height=\"227\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2020\" src=\"https:\/\/xavierlee.com\/wp-content\/uploads\/2014\/11\/3038367-inline-i-8-9-gifs-that-explain-responsive-design-brilliantly-08desktop-first-vs-mobile-first-3-copy.gif\" alt=\"3038367-inline-i-8-9-gifs-that-explain-responsive-design-brilliantly-08desktop-first-vs-mobile-first-3-copy\" width=\"625\" height=\"227\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2021\" src=\"https:\/\/xavierlee.com\/wp-content\/uploads\/2014\/11\/3038367-inline-i-7-9-gifs-that-explain-responsive-design-brilliantly-07max-width-vx-no-max-width-1-copy.gif\" alt=\"3038367-inline-i-7-9-gifs-that-explain-responsive-design-brilliantly-07max-width-vx-no-max-width-1-copy\" width=\"625\" height=\"227\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2022\" src=\"https:\/\/xavierlee.com\/wp-content\/uploads\/2014\/11\/3038367-inline-i-5-9-gifs-that-explain-responsive-design-brilliantly-05nested-vs-not-nested-1-copy.gif\" alt=\"3038367-inline-i-5-9-gifs-that-explain-responsive-design-brilliantly-05nested-vs-not-nested-1-copy\" width=\"625\" height=\"227\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2023\" src=\"https:\/\/xavierlee.com\/wp-content\/uploads\/2014\/11\/3038367-inline-i-3-9-gifs-that-explain-responsive-design-brilliantly-03with-breakpoints-vs-without-breakpoints-1-co.gif\" alt=\"3038367-inline-i-3-9-gifs-that-explain-responsive-design-brilliantly-03with-breakpoints-vs-without-breakpoints-1-co\" width=\"625\" height=\"227\" \/> <img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2024\" src=\"https:\/\/xavierlee.com\/wp-content\/uploads\/2014\/11\/3038367-inline-i-2-9-gifs-that-explain-responsive-design-brilliantly-02relative-units-vs-static-units-1-copy.gif\" alt=\"3038367-inline-i-2-9-gifs-that-explain-responsive-design-brilliantly-02relative-units-vs-static-units-1-copy\" width=\"625\" height=\"227\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>These 9 GIFs can explain Responsive Design brilliantly, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2024,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[8],"tags":[],"class_list":["post-2016","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/xavierlee.com\/wp-content\/uploads\/2014\/11\/3038367-inline-i-2-9-gifs-that-explain-responsive-design-brilliantly-02relative-units-vs-static-units-1-copy.gif","jetpack_shortlink":"https:\/\/wp.me\/p4rsr0-ww","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/xavierlee.com\/index.php?rest_route=\/wp\/v2\/posts\/2016","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xavierlee.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xavierlee.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xavierlee.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xavierlee.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2016"}],"version-history":[{"count":2,"href":"https:\/\/xavierlee.com\/index.php?rest_route=\/wp\/v2\/posts\/2016\/revisions"}],"predecessor-version":[{"id":2026,"href":"https:\/\/xavierlee.com\/index.php?rest_route=\/wp\/v2\/posts\/2016\/revisions\/2026"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xavierlee.com\/index.php?rest_route=\/wp\/v2\/media\/2024"}],"wp:attachment":[{"href":"https:\/\/xavierlee.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2016"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xavierlee.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2016"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xavierlee.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2016"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}