{"id":867,"date":"2017-01-03T12:35:04","date_gmt":"2017-01-03T12:35:04","guid":{"rendered":"https:\/\/dev.quantumcloud.com\/iList\/?page_id=867"},"modified":"2019-08-30T06:46:31","modified_gmt":"2019-08-30T06:46:31","slug":"ilist-template-infographic-origami-style-09","status":"publish","type":"page","link":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-origami-style-09\/","title":{"rendered":"iList Template Infographic Origami Style 09"},"content":{"rendered":"<div id=\"iList-outer-wrapper\"  class=\"iList-outer-wrapper origami-style-09\" data-display_copy_share=\"true\">\r\n<style type=\"text\/css\">\r\n\r\n\t.pinfo4subtitlecolor > p{\r\n\t\tcolor:#4c4c4c!important;\r\n\t}\r\n\t<\/style><style type=\"text\/css\">\r\n\r\n\t\t.pinfog4tfontsize{\r\n\t\t\tfont-size:20px!important;\r\n\t\t}\r\n\t\t<\/style><style type=\"text\/css\">\r\n\r\n\t\t.pinfog4dfontsize p{\r\n\t\t\tfont-size:14px!important;\r\n\t\t}\r\n\t\t<\/style><link href=\"https:\/\/fonts.googleapis.com\/css?family=Roboto\" rel=\"stylesheet\"><style type=\"text\/css\">.pinfo4titlefont{font-family:Roboto!important;}<\/style><style type=\"text\/css\">.pinfo4descfont>p{font-family:Roboto!important;}<\/style>\t<style>\r\n\t\t.info-slider-area .slick-prev:before, .info-slider-area .slick-next:before {\r\n    display:none !important;\r\n}\r\n.info-slider-area .image-slider .slick-arrow {\r\n    background-color: #dbdbdb !important;\r\n    color: #303030 !important;\r\n}\r\n\r\n.ilist-fancybox-content .fluid-width-video-wrapper {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.bottom-row-x18 {\r\n    background: #000 !important;\r\n}\r\n\r\n\r\n\r\n.content-box-x18 p {\r\n    color: #fff5f5 !important;\r\n}\r\n\r\n\r\n.qcld_vertical.inner-qcld_therm span {\r\n    top: 85px !important;\r\n}\r\n\r\n\r\n.list-style-twenty-01 .list-twenty-sl {\r\n    padding: 10px 10px;\r\n}\r\n\r\n.list-style-twenty-01 .list-twenty-sl h2 {\r\n    font-size: 50px;\r\n    line-height: 50px;\r\n}\r\n\r\n.list-twentySix-upvote .upvote-section{\r\nwhite-space: nowrap;\r\n}\r\n\r\n.origami-style-04 .qcilist-copy-share-section {\r\n    bottom: -125px;\r\n}\r\n\r\n.origami-style-04 .list-nineteen-inner-part {\r\n    padding: 30px 30px;\r\n}\r\n\r\n\r\n.premium-style-08 .slick-slide {\r\n    overflow: hidden;\r\n}\r\n\r\n.premium-style-08 .slick-slide.slick-active {\r\n    overflow: visible;\r\n}\r\n\r\n.premium-style-12 .content-inner {\r\n    width: 95%;\r\n}\r\n\r\n.premium-style-13 .content-box h4 {\r\n    white-space: nowrap;\r\n}\r\n\r\n.info-style-04 .ilist_sl4_qcld_style .upvote-section {\r\n    white-space: nowrap;\r\n}\r\n\r\n.graphic-style-01 .ilist_img1_qcldtitle {\r\n    color: #fff !important;\r\n}\r\n\r\n.graphic-style-01 .qcilist-copy-share-section {\r\n    top: 10px;\r\n}\r\n\r\n.graphic-style-01 .ilist_img1_qcld_style .upvote-section {\r\n    top: 10px;\r\n    white-space: nowrap;\r\n    font-weight: bold;\r\nfont-size:15px;\r\n}\r\n\r\n@media screen and (max-width: 981px){\r\n.origami-style-04 .qcilist-copy-share-section {\r\n    bottom: 25px;\r\n}\r\n\r\n}\r\n.premium-info-04 .qcilist-copy-share-section {\r\n    margin-left: 20px !important;\r\n}\t<\/style>\r\n\t\r\n\r\n\r\n<div id=\"qcld-list-holder\" class=\"qcld-list-hoder pinfog4bgimage\" style=\"overflow:hidden;\">\r\n<div id=\"qcopd-list-1\" >\r\n\t\t<div class=\"qcopd-single-list\">\r\n\t\t\t\n        <a style=\"float:right\" class=\"button-link-ilist js-open-modal\" href=\"#\" data-modal-id=\"ilist-popup\" title=\"Generate Embed Code\"\n           data-url=\"https:\/\/dev.quantumcloud.com\/iList\/embed-ilist\"\n           data-order=\"ASC\"\n           data-mode=\"one\"\n           data-column=\"2\"\n           data-style=\"origami-style-09\"\n           data-search=\"\"\n           data-category=\"\"\n           data-listid=\"1179\"\n           data-ctitle=\"iList WordPress Plugin\"\n           data-clink=\"https:\/\/www.quantumcloud.com\/products\/infographic-maker-ilist\/\"\n           data-upvote=\"on\"> \n\t\t\tShare List\t\t   <i class=\"fa fa-share-alt\"><\/i><\/a>\n\t\t\t    \t\t\t<h3 style=\"height: 40px;\" class=\"pinfo4titlefont\">\r\n\t\tWeb Designer Tips to Survive 2017 &#8211; V2\t\t<\/h3>\r\n\t\t\r\n\t<div style=\"clear:both;margin-bottom:20px\"><\/div>\r\n\t\t\t<div class=\"qcld_list_chart_top_bottom_wrap\">\r\n\t\t\t<canvas id=\"myChartilist-usage\"><\/canvas>\r\n\r\n\r\n<script>\r\njQuery(document).ready(function($){\r\n\r\n\tvar ctx = document.getElementById(\"myChartilist-usage\");\r\n\r\n\tvar myChart = new Chart(ctx, {\r\n\t    type: \"pie\",\r\n\t    data: {\r\n\t        labels: [\"Infographics\",\"Graphics Lists\",\"Text Lists\",\"Charts\"],\r\n\t        datasets: [{\r\n\t            label: 'iList Usage',\r\n\t            data: [65,6,8,21],\r\n\t\t\t\t\t\t\t\tbackgroundColor: ['#dd9933','#1e73be','#dd3333','#eeee22'],\r\n\t\t\t\t\t\t\t\t\r\n\t            \t            pointRadius: 8,\r\n\t\t\t\tpointHoverRadius: 11,\r\n\t            \/\/borderWidth: 3,\r\n\t\t\t\t\t\t\t\tfill: false,\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t        }]\r\n\t    },\r\n\t    options: {\r\n\t\t\t\t\telements: {\r\n\t\t\t\t\t\tpoint: {\r\n\t\t\t\t\t\t\tpointStyle: 'circle'\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t},\r\n\t\t\t\t\ttitle: {\r\n            display: true,\r\n              text: 'iList Usage'\r\n          },\r\n\t\t\t\t\ttooltips: {\r\n            mode: 'index',\r\n            intersect: true,\r\n\t        },\r\n          hover: {\r\n              mode: 'nearest',\r\n              intersect: true\r\n          },\r\n\t\t\t\t\tscale: {\r\n          \tticks: {\r\n              beginAtZero: true,\r\n              display: 1,\r\n            }\r\n          }\r\n\r\n\t    }\r\n\t});\r\n\r\n});\r\n<\/script>\r\n\t<\/div>\r\n\t\t<ul class=\"listing-sixteen\">\r\n\t\t\t\t\t<li id=\"qcld_sl_1179_1\" class=\"list-style-sixteen list-style-sixteen-01 ilist_pinfo4_2 wow slideInLeft\">\r\n\t\t\t\t<div class=\"list-sixteen-inner-part\">\r\n\t\t\t\t\t<div class=\"list-sixteen-top\">\r\n\t\t\t\t\t\t<div class=\"list-sixteen-sl\">\r\n\t\t\t\t\t\t\t<h2 class=\"sl-title\" >01<\/h2>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--list-sixteen-sl-->\r\n\t\t\t\t\t\t<div class=\"list-sixteen-top-content pinfo4hovertitlecolor\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"color:#060716\" class=\"pinfo4titlefont pinfog4tfontsize\" >\r\n\t\t\t\t\t\t\t\t\tEnd of traditional web design\t\t\t\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer\">\r\n\t\t\t\t\t<span data-post-id=\"1179\" data-item-title=\"End of traditional web design\" class=\"upvote-btn-ilist upvote-on\" style=\"\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t51\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n                      \r\n                        \r\n                        <!-- Start Copy and Share Button  -->\r\n\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\tCopied\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"list-twentyTwo-copied-content\" id=\"qcld_copy_content_sl_1179_1\">\r\n\t\t\t\t\t\t<div>End of traditional web design<\/div>\r\n\t\t\t\t\t\t<div><p>The concept of web design in the traditional sense is fading away. Web design has morphed into something bigger. Web designers (or experience designers) no longer just make websites \u201clook beautiful\u201d. Rather they need to look into the experience of users and their stories.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-copy-button\">\r\n\t\t\t\t\t\t\t\t<a title=\"Copy to Clipbord\"><i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i><\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-share-twitter-button\">\r\n\t\t\t\t\t\t\t\t<a  title=\"Share to Twitter\" \r\n\t\t\t\t\t\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?text=End of traditional web design. The concept of web design in the traditional sense is fading away. Web design has morphed into something bigger. Web designers (or experience designers) no longer just make websites \u201clook beautiful\u201d. Rather they need to look into the experience of users and their stories. \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small\"\r\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t  <span>\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t  <\/span>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- End Copy and Share Button  -->             \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-top-->\r\n\r\n\t\t\t\t\t<div class=\"list-sixteen-content\">\r\n\t\t\t\t\t\t<div class=\"list-sixteen-bg pinfo4hoverdesccolor\">\r\n\r\n\t\t\t\t\t\t<span class=\"pinfo4descfont pinfo4subtitlecolor pinfog4dfontsize\">\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-end-of-traditional-web-design\">\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>The concept of web design in the traditional sense is fading away. Web design has morphed into something bigger. Web designers (or experience designers) no longer just make websites \u201clook beautiful\u201d. Rather they need to look into the experience of users and their stories.<\/p>\n\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<span id=\"ilist-fancybox-id-end-of-traditional-web-design\" style=\"display:none;\">\t\r\n\t\t\t\t\t\t\t\t<span class=\"ilist-fancybox-content\">\t\r\n\t\t\t\t\t\t\t\t<h3 style=\"text-align: center;width: 100%\"><strong>End of traditional web design<\/strong><\/h3>\n<p style=\"text-align: center\">The concept of web design in the traditional sense is fading away. Web design has morphed into something bigger. Web designers (or experience designers) no longer just make websites \u201clook beautiful\u201d. Rather they need to look into the experience of users and their stories.<\/p>\n<p><div class=\"ast-oembed-container \" style=\"height: 100%;\"><iframe title=\"What is headless CMS?\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/U5_H9cD17gA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div><\/p>\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-content-->\r\n\t\t\t\t\t<div class=\"list-sixteen-bottom\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"list-sixteen-avatar\">\r\n\t\t\t\t\t\t\t<div style=\"font-size: 140px;color: #fff;align-self: center;\"><i class=\"fa fa-anchor\"><\/i><\/div>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-bottom-->\r\n\r\n\t\t\t\t<\/div>\r\n\t\t<\/li>\r\n\r\n\t\t\t\t\t\t<li id=\"qcld_sl_1179_2\" class=\"list-style-sixteen list-style-sixteen-01 ilist_pinfo4_2 wow slideInRight\">\r\n\t\t\t\t<div class=\"list-sixteen-inner-part\">\r\n\t\t\t\t\t<div class=\"list-sixteen-top\">\r\n\t\t\t\t\t\t<div class=\"list-sixteen-sl\">\r\n\t\t\t\t\t\t\t<h2 class=\"sl-title\" >02<\/h2>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--list-sixteen-sl-->\r\n\t\t\t\t\t\t<div class=\"list-sixteen-top-content pinfo4hovertitlecolor\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"color:#060716\" class=\"pinfo4titlefont pinfog4tfontsize\" >\r\n\t\t\t\t\t\t\t\t\tChatty UI\t\t\t\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer\">\r\n\t\t\t\t\t<span data-post-id=\"1179\" data-item-title=\"Chatty UI\" class=\"upvote-btn-ilist upvote-on\" style=\"\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t67\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n                      \r\n                        \r\n                        <!-- Start Copy and Share Button  -->\r\n\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\tCopied\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"list-twentyTwo-copied-content\" id=\"qcld_copy_content_sl_1179_2\">\r\n\t\t\t\t\t\t<div>Chatty UI<\/div>\r\n\t\t\t\t\t\t<div><p>In 2017 people will interact with companies, services, and bots through chat, messaging, and other natural language interfaces. As messaging platforms (such as Slack, Facebook Messenger, or WeChat) are overtaking social networks and app downloads, companies are thinking about ways on how to utilize this change.\u00a0<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-copy-button\">\r\n\t\t\t\t\t\t\t\t<a title=\"Copy to Clipbord\"><i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i><\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-share-twitter-button\">\r\n\t\t\t\t\t\t\t\t<a  title=\"Share to Twitter\" \r\n\t\t\t\t\t\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?text=Chatty UI. In 2017 people will interact with companies, services, and bots through chat, messaging, and other natural language interfaces. As messaging platforms (such as Slack, Facebook Messenger, or WeChat) are overtaking social networks and app downloads, companies are thinking about ways on how to utilize this change.\u00a0 \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small\"\r\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t  <span>\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t  <\/span>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- End Copy and Share Button  -->             \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-top-->\r\n\r\n\t\t\t\t\t<div class=\"list-sixteen-content\">\r\n\t\t\t\t\t\t<div class=\"list-sixteen-bg pinfo4hoverdesccolor\">\r\n\r\n\t\t\t\t\t\t<span class=\"pinfo4descfont pinfo4subtitlecolor pinfog4dfontsize\">\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>In 2017 people will interact with companies, services, and bots through chat, messaging, and other natural language interfaces. As messaging platforms (such as Slack, Facebook Messenger, or WeChat) are overtaking social networks and app downloads, companies are thinking about ways on how to utilize this change.\u00a0<\/p>\n\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-content-->\r\n\t\t\t\t\t<div class=\"list-sixteen-bottom\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"list-sixteen-avatar\">\r\n\t\t\t\t\t\t\t<div style=\"font-size: 140px;color: #fff;align-self: center;\"><i class=\"fa fa-comments\"><\/i><\/div>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-bottom-->\r\n\r\n\t\t\t\t<\/div>\r\n\t\t<\/li>\r\n\r\n\t\t\t\t\t\t<li id=\"qcld_sl_1179_3\" class=\"list-style-sixteen list-style-sixteen-01 ilist_pinfo4_2 wow slideInLeft\">\r\n\t\t\t\t<div class=\"list-sixteen-inner-part\">\r\n\t\t\t\t\t<div class=\"list-sixteen-top\">\r\n\t\t\t\t\t\t<div class=\"list-sixteen-sl\">\r\n\t\t\t\t\t\t\t<h2 class=\"sl-title\" >03<\/h2>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--list-sixteen-sl-->\r\n\t\t\t\t\t\t<div class=\"list-sixteen-top-content pinfo4hovertitlecolor\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"color:#060716\" class=\"pinfo4titlefont pinfog4tfontsize\" >\r\n\t\t\t\t\t\t\t\t\tGIFs and other animations\t\t\t\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer\">\r\n\t\t\t\t\t<span data-post-id=\"1179\" data-item-title=\"GIFs and other animations\" class=\"upvote-btn-ilist upvote-on\" style=\"\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t39\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n                      \r\n                        \r\n                        <!-- Start Copy and Share Button  -->\r\n\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\tCopied\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"list-twentyTwo-copied-content\" id=\"qcld_copy_content_sl_1179_3\">\r\n\t\t\t\t\t\t<div>GIFs and other animations<\/div>\r\n\t\t\t\t\t\t<div><p>GIFs are going mainstream. Now built into Facebook &amp;\u00a0Twitter, GIFs can also be used for your web design. But don\u2019t overuse them \u2013 they work well to draw a user\u2019s attention. GIFs enable you to provide a richer product experience &amp; explain a workflow.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-copy-button\">\r\n\t\t\t\t\t\t\t\t<a title=\"Copy to Clipbord\"><i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i><\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-share-twitter-button\">\r\n\t\t\t\t\t\t\t\t<a  title=\"Share to Twitter\" \r\n\t\t\t\t\t\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?text=GIFs and other animations. GIFs are going mainstream. Now built into Facebook &amp;\u00a0Twitter, GIFs can also be used for your web design. But don\u2019t overuse them \u2013 they work well to draw a user\u2019s attention. GIFs enable you to provide a richer product experience &amp; explain a workflow. \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small\"\r\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t  <span>\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t  <\/span>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- End Copy and Share Button  -->             \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-top-->\r\n\r\n\t\t\t\t\t<div class=\"list-sixteen-content\">\r\n\t\t\t\t\t\t<div class=\"list-sixteen-bg pinfo4hoverdesccolor\">\r\n\r\n\t\t\t\t\t\t<span class=\"pinfo4descfont pinfo4subtitlecolor pinfog4dfontsize\">\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-gifs-and-other-animations\">\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>GIFs are going mainstream. Now built into Facebook &amp;\u00a0Twitter, GIFs can also be used for your web design. But don\u2019t overuse them \u2013 they work well to draw a user\u2019s attention. GIFs enable you to provide a richer product experience &amp; explain a workflow.<\/p>\n\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<span id=\"ilist-fancybox-id-gifs-and-other-animations\" style=\"display:none;\">\t\r\n\t\t\t\t\t\t\t\t<span class=\"ilist-fancybox-content\">\t\r\n\t\t\t\t\t\t\t\t<p><img fetchpriority=\"high\" fetchpriority=\"high\" decoding=\"async\" class=\"alignleft size-medium wp-image-2443\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/chinatown-4582511_640-300x200.jpg\" alt=\"\" width=\"300\" height=\"200\" srcset=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/chinatown-4582511_640-300x200.jpg 300w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/chinatown-4582511_640-480x320.jpg 480w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/chinatown-4582511_640.jpg 640w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<h3>GIFs and other animations<\/h3>\n<p>GIFs are going mainstream. Now built into Facebook &amp;\u00a0Twitter, GIFs can also be used for your web design. But don\u2019t overuse them \u2013 they work well to draw a user\u2019s attention. GIFs enable you to provide a richer product experience &amp; explain a workflow.<\/p>\n<p>Eschewing much of the over-the-top luddism that now fills the New York Times (\u201cSilicon Valley is Not Your Friends\u201d), the Guardian (\u201cThe Tech Insiders Who Fear a Smartphone Dystopia\u201d), and other mainstream media outlets, Keen proffers practical solutions to a wide range of tech-related woes. These include persistent public and private surveillance, labor displacement, and fake news.Eschewing much of the over-the-top luddism that now fills the New York Times (\u201cSilicon Valley is Not Your Friends\u201d), the Guardian (\u201cThe Tech Insiders Who Fear a Smartphone Dystopia\u201d), and other mainstream media outlets, Keen proffers practical solutions to a wide range of tech-related woes. These include persistent public and private surveillance, labor displacement, and fake news.<\/p>\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-content-->\r\n\t\t\t\t\t<div class=\"list-sixteen-bottom\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"list-sixteen-avatar\">\r\n\t\t\t\t\t\t\t<div style=\"font-size: 140px;color: #fff;align-self: center;\"><i class=\"fa fa-fighter-jet\"><\/i><\/div>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-bottom-->\r\n\r\n\t\t\t\t<\/div>\r\n\t\t<\/li>\r\n\r\n\t\t\t\t\t\t<li id=\"qcld_sl_1179_4\" class=\"list-style-sixteen list-style-sixteen-01 ilist_pinfo4_2 wow slideInRight\">\r\n\t\t\t\t<div class=\"list-sixteen-inner-part\">\r\n\t\t\t\t\t<div class=\"list-sixteen-top\">\r\n\t\t\t\t\t\t<div class=\"list-sixteen-sl\">\r\n\t\t\t\t\t\t\t<h2 class=\"sl-title\" >04<\/h2>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--list-sixteen-sl-->\r\n\t\t\t\t\t\t<div class=\"list-sixteen-top-content pinfo4hovertitlecolor\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"color:#060716\" class=\"pinfo4titlefont pinfog4tfontsize\" >\r\n\t\t\t\t\t\t\t\t\tNext generation of RWD\t\t\t\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer\">\r\n\t\t\t\t\t<span data-post-id=\"1179\" data-item-title=\"Next generation of RWD\" class=\"upvote-btn-ilist upvote-on\" style=\"\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t37\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n                      \r\n                        \r\n                        <!-- Start Copy and Share Button  -->\r\n\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\tCopied\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"list-twentyTwo-copied-content\" id=\"qcld_copy_content_sl_1179_4\">\r\n\t\t\t\t\t\t<div>Next generation of RWD<\/div>\r\n\t\t\t\t\t\t<div><p>Responsive design will continue dominate because it is one of the most effective ways of achieving a good UX. CSS media queries offer websites flexibility and allow them to adjust according to the different devices the site is being accessed on. \u00a0<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-copy-button\">\r\n\t\t\t\t\t\t\t\t<a title=\"Copy to Clipbord\"><i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i><\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-share-twitter-button\">\r\n\t\t\t\t\t\t\t\t<a  title=\"Share to Twitter\" \r\n\t\t\t\t\t\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?text=Next generation of RWD. Responsive design will continue dominate because it is one of the most effective ways of achieving a good UX. CSS media queries offer websites flexibility and allow them to adjust according to the different devices the site is being accessed on. \u00a0 \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small\"\r\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t  <span>\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t  <\/span>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- End Copy and Share Button  -->             \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-top-->\r\n\r\n\t\t\t\t\t<div class=\"list-sixteen-content\">\r\n\t\t\t\t\t\t<div class=\"list-sixteen-bg pinfo4hoverdesccolor\">\r\n\r\n\t\t\t\t\t\t<span class=\"pinfo4descfont pinfo4subtitlecolor pinfog4dfontsize\">\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Responsive design will continue dominate because it is one of the most effective ways of achieving a good UX. CSS media queries offer websites flexibility and allow them to adjust according to the different devices the site is being accessed on. \u00a0<\/p>\n\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-content-->\r\n\t\t\t\t\t<div class=\"list-sixteen-bottom\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"list-sixteen-avatar\">\r\n\t\t\t\t\t\t\t<div style=\"font-size: 140px;color: #fff;align-self: center;\"><i class=\"fa fa-mobile-phone\"><\/i><\/div>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-bottom-->\r\n\r\n\t\t\t\t<\/div>\r\n\t\t<\/li>\r\n\r\n\t\t\t\t\t\t<li id=\"qcld_sl_1179_5\" class=\"list-style-sixteen list-style-sixteen-01 ilist_pinfo4_2 wow slideInLeft\">\r\n\t\t\t\t<div class=\"list-sixteen-inner-part\">\r\n\t\t\t\t\t<div class=\"list-sixteen-top\">\r\n\t\t\t\t\t\t<div class=\"list-sixteen-sl\">\r\n\t\t\t\t\t\t\t<h2 class=\"sl-title\" >05<\/h2>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--list-sixteen-sl-->\r\n\t\t\t\t\t\t<div class=\"list-sixteen-top-content pinfo4hovertitlecolor\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"color:#060716\" class=\"pinfo4titlefont pinfog4tfontsize\" >\r\n\t\t\t\t\t\t\t\t\tMinimalistic web design\t\t\t\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer\">\r\n\t\t\t\t\t<span data-post-id=\"1179\" data-item-title=\"Minimalistic web design\" class=\"upvote-btn-ilist upvote-on\" style=\"\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t1189\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n                      \r\n                        \r\n                        <!-- Start Copy and Share Button  -->\r\n\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\tCopied\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"list-twentyTwo-copied-content\" id=\"qcld_copy_content_sl_1179_5\">\r\n\t\t\t\t\t\t<div>Minimalistic web design<\/div>\r\n\t\t\t\t\t\t<div><p>Minimalism is being taken to a whole new level in 2017. Websites are now using cards and within a website itself, multiple cards can also be used to visually suggest a topic and entice users to click. Basically, people now want de-cluttered, simplistic, and visually explanatory web designs.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-copy-button\">\r\n\t\t\t\t\t\t\t\t<a title=\"Copy to Clipbord\"><i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i><\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-share-twitter-button\">\r\n\t\t\t\t\t\t\t\t<a  title=\"Share to Twitter\" \r\n\t\t\t\t\t\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?text=Minimalistic web design. Minimalism is being taken to a whole new level in 2017. Websites are now using cards and within a website itself, multiple cards can also be used to visually suggest a topic and entice users to click. Basically, people now want de-cluttered, simplistic, and visually explanatory web designs. \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small\"\r\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t  <span>\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t  <\/span>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- End Copy and Share Button  -->             \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-top-->\r\n\r\n\t\t\t\t\t<div class=\"list-sixteen-content\">\r\n\t\t\t\t\t\t<div class=\"list-sixteen-bg pinfo4hoverdesccolor\">\r\n\r\n\t\t\t\t\t\t<span class=\"pinfo4descfont pinfo4subtitlecolor pinfog4dfontsize\">\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-minimalistic-web-design\">\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Minimalism is being taken to a whole new level in 2017. Websites are now using cards and within a website itself, multiple cards can also be used to visually suggest a topic and entice users to click. Basically, people now want de-cluttered, simplistic, and visually explanatory web designs.<\/p>\n\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<span id=\"ilist-fancybox-id-minimalistic-web-design\" style=\"display:none;\">\t\r\n\t\t\t\t\t\t\t\t<span class=\"ilist-fancybox-content\">\t\r\n\t\t\t\t\t\t\t\t<h3 style=\"text-align: center;width: 100%\">Minimalistic web design<\/h3>\n<p style=\"text-align: center\">Minimalism is being taken to a whole new level in 2017. Websites are now using cards and within a website itself, multiple cards can also be used to visually suggest a topic and entice users to click. Basically, people now want de-cluttered, simplistic, and visually explanatory web designs.<\/p>\n<p>https:\/\/www.youtube.com\/watch?v=8VwVVkW6x9s<\/p>\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-content-->\r\n\t\t\t\t\t<div class=\"list-sixteen-bottom\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"list-sixteen-avatar\">\r\n\t\t\t\t\t\t\t<div style=\"font-size: 140px;color: #fff;align-self: center;\"><i class=\"fa fa-bookmark-o\"><\/i><\/div>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-bottom-->\r\n\r\n\t\t\t\t<\/div>\r\n\t\t<\/li>\r\n\r\n\t\t\t\t\t\t<li id=\"qcld_sl_1179_6\" class=\"list-style-sixteen list-style-sixteen-01 ilist_pinfo4_2 wow slideInRight\">\r\n\t\t\t\t<div class=\"list-sixteen-inner-part\">\r\n\t\t\t\t\t<div class=\"list-sixteen-top\">\r\n\t\t\t\t\t\t<div class=\"list-sixteen-sl\">\r\n\t\t\t\t\t\t\t<h2 class=\"sl-title\" >06<\/h2>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--list-sixteen-sl-->\r\n\t\t\t\t\t\t<div class=\"list-sixteen-top-content pinfo4hovertitlecolor\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"color:#060716\" class=\"pinfo4titlefont pinfog4tfontsize\" >\r\n\t\t\t\t\t\t\t\t\tData visualization\t\t\t\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer\">\r\n\t\t\t\t\t<span data-post-id=\"1179\" data-item-title=\"Data visualization\" class=\"upvote-btn-ilist upvote-on\" style=\"\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t29\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n                      \r\n                        \r\n                        <!-- Start Copy and Share Button  -->\r\n\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\tCopied\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"list-twentyTwo-copied-content\" id=\"qcld_copy_content_sl_1179_6\">\r\n\t\t\t\t\t\t<div>Data visualization<\/div>\r\n\t\t\t\t\t\t<div><p>Presenting data in visual ways increases user interaction with this information. Particularly useful when it comes to understanding user representation, colorful charts such as the ones you can create using Tableau, are eye-catching and draw user\u2019s attention. data visualization design trend.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-copy-button\">\r\n\t\t\t\t\t\t\t\t<a title=\"Copy to Clipbord\"><i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i><\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-share-twitter-button\">\r\n\t\t\t\t\t\t\t\t<a  title=\"Share to Twitter\" \r\n\t\t\t\t\t\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?text=Data visualization. Presenting data in visual ways increases user interaction with this information. Particularly useful when it comes to understanding user representation, colorful charts such as the ones you can create using Tableau, are eye-catching and draw user\u2019s attention. data visualization design trend. \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small\"\r\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t  <span>\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t  <\/span>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- End Copy and Share Button  -->             \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-top-->\r\n\r\n\t\t\t\t\t<div class=\"list-sixteen-content\">\r\n\t\t\t\t\t\t<div class=\"list-sixteen-bg pinfo4hoverdesccolor\">\r\n\r\n\t\t\t\t\t\t<span class=\"pinfo4descfont pinfo4subtitlecolor pinfog4dfontsize\">\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-data-visualization\">\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Presenting data in visual ways increases user interaction with this information. Particularly useful when it comes to understanding user representation, colorful charts such as the ones you can create using Tableau, are eye-catching and draw user\u2019s attention. data visualization design trend.<\/p>\n\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<span id=\"ilist-fancybox-id-data-visualization\" style=\"display:none;\">\t\r\n\t\t\t\t\t\t\t\t<span class=\"ilist-fancybox-content\">\t\r\n\t\t\t\t\t\t\t\t<p>https:\/\/www.youtube.com\/watch?v=VyhLRJVoIrI<\/p>\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-content-->\r\n\t\t\t\t\t<div class=\"list-sixteen-bottom\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"list-sixteen-avatar\">\r\n\t\t\t\t\t\t\t<div style=\"font-size: 140px;color: #fff;align-self: center;\"><i class=\"fa fa-bar-chart\"><\/i><\/div>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-bottom-->\r\n\r\n\t\t\t\t<\/div>\r\n\t\t<\/li>\r\n\r\n\t\t\t\t\t\t<li id=\"qcld_sl_1179_7\" class=\"list-style-sixteen list-style-sixteen-01 ilist_pinfo4_2 wow slideInLeft\">\r\n\t\t\t\t<div class=\"list-sixteen-inner-part\">\r\n\t\t\t\t\t<div class=\"list-sixteen-top\">\r\n\t\t\t\t\t\t<div class=\"list-sixteen-sl\">\r\n\t\t\t\t\t\t\t<h2 class=\"sl-title\" >07<\/h2>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--list-sixteen-sl-->\r\n\t\t\t\t\t\t<div class=\"list-sixteen-top-content pinfo4hovertitlecolor\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"color:#060716\" class=\"pinfo4titlefont pinfog4tfontsize\" >\r\n\t\t\t\t\t\t\t\t\tFewer stock photos\t\t\t\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer\">\r\n\t\t\t\t\t<span data-post-id=\"1179\" data-item-title=\"Fewer stock photos\" class=\"upvote-btn-ilist upvote-on\" style=\"\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t27\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n                      \r\n                        \r\n                        <!-- Start Copy and Share Button  -->\r\n\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\tCopied\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"list-twentyTwo-copied-content\" id=\"qcld_copy_content_sl_1179_7\">\r\n\t\t\t\t\t\t<div>Fewer stock photos<\/div>\r\n\t\t\t\t\t\t<div><p>As people, we do prefer to see bespoke pictures which really relate to the company or business, rather than a generic image. Photography is an art form and one which perhaps got a little lost for a few years. Images of your people (meet the team) are popular too \u2013 put a face to the brand.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-copy-button\">\r\n\t\t\t\t\t\t\t\t<a title=\"Copy to Clipbord\"><i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i><\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-share-twitter-button\">\r\n\t\t\t\t\t\t\t\t<a  title=\"Share to Twitter\" \r\n\t\t\t\t\t\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?text=Fewer stock photos. As people, we do prefer to see bespoke pictures which really relate to the company or business, rather than a generic image. Photography is an art form and one which perhaps got a little lost for a few years. Images of your people (meet the team) are popular too \u2013 put a face to the brand. \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small\"\r\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t  <span>\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t  <\/span>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- End Copy and Share Button  -->             \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-top-->\r\n\r\n\t\t\t\t\t<div class=\"list-sixteen-content\">\r\n\t\t\t\t\t\t<div class=\"list-sixteen-bg pinfo4hoverdesccolor\">\r\n\r\n\t\t\t\t\t\t<span class=\"pinfo4descfont pinfo4subtitlecolor pinfog4dfontsize\">\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-fewer-stock-photos\">\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>As people, we do prefer to see bespoke pictures which really relate to the company or business, rather than a generic image. Photography is an art form and one which perhaps got a little lost for a few years. Images of your people (meet the team) are popular too \u2013 put a face to the brand.<\/p>\n\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<span id=\"ilist-fancybox-id-fewer-stock-photos\" style=\"display:none;\">\t\r\n\t\t\t\t\t\t\t\t<span class=\"ilist-fancybox-content\">\t\r\n\t\t\t\t\t\t\t\t<h3>Fewer stock photos<\/h3>\n<p>As people, we do prefer to see bespoke pictures which really relate to the company or business, rather than a generic image. Photography is an art form and one which perhaps got a little lost for a few years. Images of your people (meet the team) are popular too \u2013 put a face to the brand.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-2442\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/newspapers-4565916_640-300x200.jpg\" alt=\"\" width=\"300\" height=\"200\" srcset=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/newspapers-4565916_640-300x200.jpg 300w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/newspapers-4565916_640-480x320.jpg 480w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/newspapers-4565916_640.jpg 640w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/> <img decoding=\"async\" class=\"alignnone size-medium wp-image-2443\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/chinatown-4582511_640-300x200.jpg\" alt=\"\" width=\"300\" height=\"200\" srcset=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/chinatown-4582511_640-300x200.jpg 300w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/chinatown-4582511_640-480x320.jpg 480w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/chinatown-4582511_640.jpg 640w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/> <img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2444\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280-1-300x200.jpg\" alt=\"\" width=\"300\" height=\"200\" srcset=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280-1-300x200.jpg 300w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280-1-768x512.jpg 768w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280-1-1024x682.jpg 1024w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280-1-1080x720.jpg 1080w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280-1-980x653.jpg 980w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280-1-480x320.jpg 480w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/caravansary-4519431_1280-1.jpg 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2445\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/tree-4578319_640-300x200.jpg\" alt=\"\" width=\"300\" height=\"200\" srcset=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/tree-4578319_640-300x200.jpg 300w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/tree-4578319_640-480x320.jpg 480w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/tree-4578319_640.jpg 640w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/> <img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2446\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/night-photograph-4579193_640-300x199.jpg\" alt=\"\" width=\"300\" height=\"199\" srcset=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/night-photograph-4579193_640-300x199.jpg 300w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/night-photograph-4579193_640-480x319.jpg 480w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/night-photograph-4579193_640.jpg 640w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/> <img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2447\" src=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/brighton-4577172_640-300x192.jpg\" alt=\"\" width=\"300\" height=\"192\" srcset=\"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/brighton-4577172_640-300x192.jpg 300w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/brighton-4577172_640-480x307.jpg 480w, https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2017\/01\/brighton-4577172_640.jpg 640w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-content-->\r\n\t\t\t\t\t<div class=\"list-sixteen-bottom\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"list-sixteen-avatar\">\r\n\t\t\t\t\t\t\t<div style=\"font-size: 140px;color: #fff;align-self: center;\"><i class=\"fa fa-file-image-o\"><\/i><\/div>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-bottom-->\r\n\r\n\t\t\t\t<\/div>\r\n\t\t<\/li>\r\n\r\n\t\t\t\t\t\t<li id=\"qcld_sl_1179_8\" class=\"list-style-sixteen list-style-sixteen-01 ilist_pinfo4_2 wow slideInRight\">\r\n\t\t\t\t<div class=\"list-sixteen-inner-part\">\r\n\t\t\t\t\t<div class=\"list-sixteen-top\">\r\n\t\t\t\t\t\t<div class=\"list-sixteen-sl\">\r\n\t\t\t\t\t\t\t<h2 class=\"sl-title\" >08<\/h2>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<!--list-sixteen-sl-->\r\n\t\t\t\t\t\t<div class=\"list-sixteen-top-content pinfo4hovertitlecolor\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"color:#060716\" class=\"pinfo4titlefont pinfog4tfontsize\" >\r\n\t\t\t\t\t\t\t\t\tMaterial design\t\t\t\t\t\t\t\t<\/h2>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"upvote-section\" style=\"cursor:pointer\">\r\n\t\t\t\t\t<span data-post-id=\"1179\" data-item-title=\"Material design\" class=\"upvote-btn-ilist upvote-on\" style=\"\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<span class=\"upvote-count-ilist\">\r\n\t\t\t\t\t\t22\t\t\t\t\t<\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n                      \r\n                        \r\n                        <!-- Start Copy and Share Button  -->\r\n\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\tCopied\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"list-twentyTwo-copied-content\" id=\"qcld_copy_content_sl_1179_8\">\r\n\t\t\t\t\t\t<div>Material design<\/div>\r\n\t\t\t\t\t\t<div><p>Material design has been developed by Google in recent years and is being steadily rolled out across its applications. It is a way of designing to create a hierarchy of meaning and importance on the page, drawing the user\u2019s focus to different areas while moving &amp;\u00a0responding to the user\u2019s actions.\u00a0<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-copy-button\">\r\n\t\t\t\t\t\t\t\t<a title=\"Copy to Clipbord\"><i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i><\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-single-button qcilist-share-twitter-button\">\r\n\t\t\t\t\t\t\t\t<a  title=\"Share to Twitter\" \r\n\t\t\t\t\t\t\t\t\thref=\"https:\/\/twitter.com\/intent\/tweet?text=Material design. Material design has been developed by Google in recent years and is being steadily rolled out across its applications. It is a way of designing to create a hierarchy of meaning and importance on the page, drawing the user\u2019s focus to different areas while moving &amp;\u00a0responding to the user\u2019s actions.\u00a0 \u2014 https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small\"\r\n\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t  <span>\r\n\t\t\t\t\t\t\t\t\t<i class=\"fa fa-twitter\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t  <\/span>\r\n\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- End Copy and Share Button  -->             \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \r\n            \t\t\t\t\t\t\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-top-->\r\n\r\n\t\t\t\t\t<div class=\"list-sixteen-content\">\r\n\t\t\t\t\t\t<div class=\"list-sixteen-bg pinfo4hoverdesccolor\">\r\n\r\n\t\t\t\t\t\t<span class=\"pinfo4descfont pinfo4subtitlecolor pinfog4dfontsize\">\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-material-design\">\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Material design has been developed by Google in recent years and is being steadily rolled out across its applications. It is a way of designing to create a hierarchy of meaning and importance on the page, drawing the user\u2019s focus to different areas while moving &amp;\u00a0responding to the user\u2019s actions.\u00a0<\/p>\n\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<span id=\"ilist-fancybox-id-material-design\" style=\"display:none;\">\t\r\n\t\t\t\t\t\t\t\t<span class=\"ilist-fancybox-content\">\t\r\n\t\t\t\t\t\t\t\t<p><div class=\"ast-oembed-container \" style=\"height: 100%;\"><iframe title=\"Material design\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/Q8TXgCzxEnw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div><\/p>\n\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-content-->\r\n\t\t\t\t\t<div class=\"list-sixteen-bottom\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"list-sixteen-avatar\">\r\n\t\t\t\t\t\t\t<div style=\"font-size: 140px;color: #fff;align-self: center;\"><i class=\"fa fa-clone\"><\/i><\/div>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<!--list-sixteen-bottom-->\r\n\r\n\t\t\t\t<\/div>\r\n\t\t<\/li>\r\n\r\n\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n<div style=\"clear:both\"><\/div>\r\n\r\n<\/div>\r\n\t\t<script type=\"application\/ld+json\">\r\n\t\t{\r\n\t\t    \"@context\": \"http:\/\/schema.org\",\r\n\t\t    \"@type\": \"ItemList\",\r\n\t\t    \"numberOfItems\": \"8\",\r\n\t\t    \"itemListElement\": [\r\n\t\t     \t\t            \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 1,\r\n\t\t                    \"image\": \"\",\r\n\t\t                    \"name\": \"End of traditional web design\",\r\n\t\t                    \"description\": \"The concept of web design in the traditional sense is fading away. Web design has morphed into something bigger. Web designers (or experience designers) no longer just make websites \u201clook beautiful\u201d. Rather they need to look into the experience of users and their stories.\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small?list-view=1\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 2,\r\n\t\t                    \"image\": \"\",\r\n\t\t                    \"name\": \"Chatty UI\",\r\n\t\t                    \"description\": \"In 2017 people will interact with companies, services, and bots through chat, messaging, and other natural language interfaces. As messaging platforms (such as Slack, Facebook Messenger, or WeChat) are overtaking social networks and app downloads, companies are thinking about ways on how to utilize this change.\u00a0\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small?list-view=2\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 3,\r\n\t\t                    \"image\": \"\",\r\n\t\t                    \"name\": \"GIFs and other animations\",\r\n\t\t                    \"description\": \"GIFs are going mainstream. Now built into Facebook &amp;\u00a0Twitter, GIFs can also be used for your web design. But don\u2019t overuse them \u2013 they work well to draw a user\u2019s attention. GIFs enable you to provide a richer product experience &amp; explain a workflow.\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small?list-view=3\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 4,\r\n\t\t                    \"image\": \"\",\r\n\t\t                    \"name\": \"Next generation of RWD\",\r\n\t\t                    \"description\": \"Responsive design will continue dominate because it is one of the most effective ways of achieving a good UX. CSS media queries offer websites flexibility and allow them to adjust according to the different devices the site is being accessed on. \u00a0\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small?list-view=4\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 5,\r\n\t\t                    \"image\": \"\",\r\n\t\t                    \"name\": \"Minimalistic web design\",\r\n\t\t                    \"description\": \"Minimalism is being taken to a whole new level in 2017. Websites are now using cards and within a website itself, multiple cards can also be used to visually suggest a topic and entice users to click. Basically, people now want de-cluttered, simplistic, and visually explanatory web designs.\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small?list-view=5\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 6,\r\n\t\t                    \"image\": \"\",\r\n\t\t                    \"name\": \"Data visualization\",\r\n\t\t                    \"description\": \"Presenting data in visual ways increases user interaction with this information. Particularly useful when it comes to understanding user representation, colorful charts such as the ones you can create using Tableau, are eye-catching and draw user\u2019s attention. data visualization design trend.\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small?list-view=6\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 7,\r\n\t\t                    \"image\": \"\",\r\n\t\t                    \"name\": \"Fewer stock photos\",\r\n\t\t                    \"description\": \"As people, we do prefer to see bespoke pictures which really relate to the company or business, rather than a generic image. Photography is an art form and one which perhaps got a little lost for a few years. Images of your people (meet the team) are popular too \u2013 put a face to the brand.\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small?list-view=7\"\r\n\t\t        }\r\n\t\t        \t\t        ,\r\n\t\t        \r\n\t\t        \t\t        {\r\n\t\t            \"@type\": \"ListItem\",\r\n\t\t            \"position\": 8,\r\n\t\t                    \"image\": \"\",\r\n\t\t                    \"name\": \"Material design\",\r\n\t\t                    \"description\": \"Material design has been developed by Google in recent years and is being steadily rolled out across its applications. It is a way of designing to create a hierarchy of meaning and importance on the page, drawing the user\u2019s focus to different areas while moving &amp;\u00a0responding to the user\u2019s actions.\u00a0\",\r\n\t\t                    \"url\": \"https:\/\/dev.quantumcloud.com\/iList\/?ilist=web-designer-tips-to-survive-2017-small?list-view=8\"\r\n\t\t        }\r\n\t\t        \r\n\t\t        \t\t            \t\t    ]\r\n\t\t}\r\n\t<\/script>\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-867","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>iList Template Infographic Origami Style 09 - iList<\/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:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-origami-style-09\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"iList Template Infographic Origami Style 09 - iList\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-origami-style-09\/\" \/>\n<meta property=\"og:site_name\" content=\"iList\" \/>\n<meta property=\"article:modified_time\" content=\"2019-08-30T06:46:31+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographic-origami-style-09\\\/\",\"url\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographic-origami-style-09\\\/\",\"name\":\"iList Template Infographic Origami Style 09 - iList\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/#website\"},\"datePublished\":\"2017-01-03T12:35:04+00:00\",\"dateModified\":\"2019-08-30T06:46:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographic-origami-style-09\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographic-origami-style-09\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographic-origami-style-09\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"iList Template Infographic Origami Style 09\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/#website\",\"url\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/\",\"name\":\"iList\",\"description\":\"Infographics and List Builder plugin for WordPress\",\"publisher\":{\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/#organization\",\"name\":\"iList\",\"url\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/icon-256x256-1-90x90-1.png\",\"contentUrl\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/icon-256x256-1-90x90-1.png\",\"width\":90,\"height\":90,\"caption\":\"iList\"},\"image\":{\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"iList Template Infographic Origami Style 09 - iList","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:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-origami-style-09\/","og_locale":"en_US","og_type":"article","og_title":"iList Template Infographic Origami Style 09 - iList","og_url":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-origami-style-09\/","og_site_name":"iList","article_modified_time":"2019-08-30T06:46:31+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-origami-style-09\/","url":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-origami-style-09\/","name":"iList Template Infographic Origami Style 09 - iList","isPartOf":{"@id":"https:\/\/dev.quantumcloud.com\/iList\/#website"},"datePublished":"2017-01-03T12:35:04+00:00","dateModified":"2019-08-30T06:46:31+00:00","breadcrumb":{"@id":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-origami-style-09\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-origami-style-09\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographic-origami-style-09\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dev.quantumcloud.com\/iList\/"},{"@type":"ListItem","position":2,"name":"iList Template Infographic Origami Style 09"}]},{"@type":"WebSite","@id":"https:\/\/dev.quantumcloud.com\/iList\/#website","url":"https:\/\/dev.quantumcloud.com\/iList\/","name":"iList","description":"Infographics and List Builder plugin for WordPress","publisher":{"@id":"https:\/\/dev.quantumcloud.com\/iList\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dev.quantumcloud.com\/iList\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/dev.quantumcloud.com\/iList\/#organization","name":"iList","url":"https:\/\/dev.quantumcloud.com\/iList\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dev.quantumcloud.com\/iList\/#\/schema\/logo\/image\/","url":"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2025\/04\/icon-256x256-1-90x90-1.png","contentUrl":"https:\/\/dev.quantumcloud.com\/iList\/wp-content\/uploads\/2025\/04\/icon-256x256-1-90x90-1.png","width":90,"height":90,"caption":"iList"},"image":{"@id":"https:\/\/dev.quantumcloud.com\/iList\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/pages\/867","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/comments?post=867"}],"version-history":[{"count":0,"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/pages\/867\/revisions"}],"wp:attachment":[{"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/media?parent=867"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}