{"id":1310,"date":"2017-02-02T11:26:24","date_gmt":"2017-02-02T11:26:24","guid":{"rendered":"https:\/\/dev.quantumcloud.com\/iList\/?page_id=1310"},"modified":"2019-08-30T07:02:50","modified_gmt":"2019-08-30T07:02:50","slug":"ilist-template-infographics-premium-style-08","status":"publish","type":"page","link":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographics-premium-style-08\/","title":{"rendered":"iList Template InfoGraphics Premium Style 08"},"content":{"rendered":"<div id=\"iList-outer-wrapper\"  class=\"iList-outer-wrapper premium-style-08\" data-display_copy_share=\"true\">\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<style type=\"text\/css\">\r\n\r\n\t\t.desinfopg8fontcolor p{\r\n\t\t\tcolor:#4c4c4c !important;\r\n\t\t}\r\n\t\t<\/style><style type=\"text\/css\">\r\n\r\n\t\t.prestl08tfontsize{\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.prestl08dfontsize 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\">.prestl08titlefont{font-family:Roboto!important;}<\/style><style type=\"text\/css\">.prestl08descfont p{font-family:Roboto!important;}<\/style>\r\n<div id=\"qcld-list-holder\" class=\"qcld-list-hoder sl2bgimage\" style=\"overflow:hidden\" >\r\n\t<div id=\"qcopd-list-1\" class=\"\">\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=\"1\"\n           data-style=\"premium-style-08\"\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\r\n\t\t\t<h3 style=\"height: 40px;\" class=\"prestl08titlefont\">\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\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\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"info-slider-area \">\r\n\t<div class=\"title-slider\">\r\n\t\t<div><h2 style=\"color:#060716\" class=\"infogp8hovertextcolor prestl08tfontsize prestl08titlefont\">End of traditional web design<\/h2><\/div><div><h2 style=\"color:#060716\" class=\"infogp8hovertextcolor prestl08tfontsize prestl08titlefont\">Chatty UI<\/h2><\/div><div><h2 style=\"color:#060716\" class=\"infogp8hovertextcolor prestl08tfontsize prestl08titlefont\">GIFs and other animations<\/h2><\/div><div><h2 style=\"color:#060716\" class=\"infogp8hovertextcolor prestl08tfontsize prestl08titlefont\">Next generation of RWD<\/h2><\/div><div><h2 style=\"color:#060716\" class=\"infogp8hovertextcolor prestl08tfontsize prestl08titlefont\">Minimalistic web design<\/h2><\/div><div><h2 style=\"color:#060716\" class=\"infogp8hovertextcolor prestl08tfontsize prestl08titlefont\">Data visualization<\/h2><\/div><div><h2 style=\"color:#060716\" class=\"infogp8hovertextcolor prestl08tfontsize prestl08titlefont\">Fewer stock photos<\/h2><\/div><div><h2 style=\"color:#060716\" class=\"infogp8hovertextcolor prestl08tfontsize prestl08titlefont\">Material design<\/h2><\/div>\t<\/div>\r\n\t<div class=\"image-slider prestyle08bordercolor prestyle08slick-prev prestyle08slick-next\">\r\n\t\t<div><div class=\"image-inner\"><i style=\"color:#060716\" class=\"fa fa-anchor\"><\/i><\/div><\/div><div><div class=\"image-inner\"><i style=\"color:#060716\" class=\"fa fa-comments\"><\/i><\/div><\/div><div><div class=\"image-inner\"><i style=\"color:#060716\" class=\"fa fa-fighter-jet\"><\/i><\/div><\/div><div><div class=\"image-inner\"><i style=\"color:#060716\" class=\"fa fa-mobile-phone\"><\/i><\/div><\/div><div><div class=\"image-inner\"><i style=\"color:#060716\" class=\"fa fa-bookmark-o\"><\/i><\/div><\/div><div><div class=\"image-inner\"><i style=\"color:#060716\" class=\"fa fa-bar-chart\"><\/i><\/div><\/div><div><div class=\"image-inner\"><i style=\"color:#060716\" class=\"fa fa-file-image-o\"><\/i><\/div><\/div><div><div class=\"image-inner\"><i style=\"color:#060716\" class=\"fa fa-clone\"><\/i><\/div><\/div>\t<\/div>\r\n\t<div class=\"content-slider\">\r\n\t\t<div><div class=\"content-slider-inner\"><div class=\"content-slider-info desinfopg8fontcolor infogp8hovertextcolor prestl08dfontsize prestl08descfont\"><div id=\"qcld_1179_1\" class=\"upvote-section\" style=\"cursor:pointer;margin-top: 12px;\"><span data-post-id=\"1179\" data-item-title=\"End of traditional web design\" class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span><span class=\"upvote-count-ilist\">51<\/span><\/div><a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-end-of-traditional-web-design\"><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<\/a><span id=\"ilist-fancybox-id-end-of-traditional-web-design\" style=\"display:none;\"><span class=\"ilist-fancybox-content\" ><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<\/span><\/span>\t\t\t\t\t <!-- Start Copy and Share Button  -->\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\t\tCopied\r\n\t\t\t\t\t\t<\/div>\r\n\t\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\t<div>End of traditional web design<\/div>\r\n\t\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\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\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\t<i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\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\t<a  title=\"Share to Twitter\" \r\n\t\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\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t  <span>\r\n\t\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\t  <\/span>\r\n\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t<\/div>\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\t<!-- End Copy and Share Button  --> \r\n\t\t\t\t\t<\/div><\/div><\/div>   \r\n\t\t\t\t\t<div><div class=\"content-slider-inner\"><div class=\"content-slider-info desinfopg8fontcolor infogp8hovertextcolor prestl08dfontsize prestl08descfont\"><div id=\"qcld_1179_2\" class=\"upvote-section\" style=\"cursor:pointer;margin-top: 12px;\"><span data-post-id=\"1179\" data-item-title=\"Chatty UI\" class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span><span class=\"upvote-count-ilist\">67<\/span><\/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>\n\t\t\t\t\t <!-- Start Copy and Share Button  -->\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\t\tCopied\r\n\t\t\t\t\t\t<\/div>\r\n\t\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\t<div>Chatty UI<\/div>\r\n\t\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\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\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\t<i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\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\t<a  title=\"Share to Twitter\" \r\n\t\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\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t  <span>\r\n\t\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\t  <\/span>\r\n\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t<\/div>\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\t<!-- End Copy and Share Button  --> \r\n\t\t\t\t\t<\/div><\/div><\/div>   \r\n\t\t\t\t\t<div><div class=\"content-slider-inner\"><div class=\"content-slider-info desinfopg8fontcolor infogp8hovertextcolor prestl08dfontsize prestl08descfont\"><div id=\"qcld_1179_3\" class=\"upvote-section\" style=\"cursor:pointer;margin-top: 12px;\"><span data-post-id=\"1179\" data-item-title=\"GIFs and other animations\" class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span><span class=\"upvote-count-ilist\">39<\/span><\/div><a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-gifs-and-other-animations\"><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<\/a><span id=\"ilist-fancybox-id-gifs-and-other-animations\" style=\"display:none;\"><span class=\"ilist-fancybox-content\" ><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<\/span><\/span>\t\t\t\t\t <!-- Start Copy and Share Button  -->\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\t\tCopied\r\n\t\t\t\t\t\t<\/div>\r\n\t\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\t<div>GIFs and other animations<\/div>\r\n\t\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\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\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\t<i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\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\t<a  title=\"Share to Twitter\" \r\n\t\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\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t  <span>\r\n\t\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\t  <\/span>\r\n\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t<\/div>\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\t<!-- End Copy and Share Button  --> \r\n\t\t\t\t\t<\/div><\/div><\/div>   \r\n\t\t\t\t\t<div><div class=\"content-slider-inner\"><div class=\"content-slider-info desinfopg8fontcolor infogp8hovertextcolor prestl08dfontsize prestl08descfont\"><div id=\"qcld_1179_4\" class=\"upvote-section\" style=\"cursor:pointer;margin-top: 12px;\"><span data-post-id=\"1179\" data-item-title=\"Next generation of RWD\" class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span><span class=\"upvote-count-ilist\">37<\/span><\/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>\n\t\t\t\t\t <!-- Start Copy and Share Button  -->\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\t\tCopied\r\n\t\t\t\t\t\t<\/div>\r\n\t\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\t<div>Next generation of RWD<\/div>\r\n\t\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\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\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\t<i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\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\t<a  title=\"Share to Twitter\" \r\n\t\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\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t  <span>\r\n\t\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\t  <\/span>\r\n\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t<\/div>\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\t<!-- End Copy and Share Button  --> \r\n\t\t\t\t\t<\/div><\/div><\/div>   \r\n\t\t\t\t\t<div><div class=\"content-slider-inner\"><div class=\"content-slider-info desinfopg8fontcolor infogp8hovertextcolor prestl08dfontsize prestl08descfont\"><div id=\"qcld_1179_5\" class=\"upvote-section\" style=\"cursor:pointer;margin-top: 12px;\"><span data-post-id=\"1179\" data-item-title=\"Minimalistic web design\" class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span><span class=\"upvote-count-ilist\">1189<\/span><\/div><a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-minimalistic-web-design\"><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<\/a><span id=\"ilist-fancybox-id-minimalistic-web-design\" style=\"display:none;\"><span class=\"ilist-fancybox-content\" ><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<\/span><\/span>\t\t\t\t\t <!-- Start Copy and Share Button  -->\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\t\tCopied\r\n\t\t\t\t\t\t<\/div>\r\n\t\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\t<div>Minimalistic web design<\/div>\r\n\t\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\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\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\t<i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\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\t<a  title=\"Share to Twitter\" \r\n\t\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\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t  <span>\r\n\t\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\t  <\/span>\r\n\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t<\/div>\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\t<!-- End Copy and Share Button  --> \r\n\t\t\t\t\t<\/div><\/div><\/div>   \r\n\t\t\t\t\t<div><div class=\"content-slider-inner\"><div class=\"content-slider-info desinfopg8fontcolor infogp8hovertextcolor prestl08dfontsize prestl08descfont\"><div id=\"qcld_1179_6\" class=\"upvote-section\" style=\"cursor:pointer;margin-top: 12px;\"><span data-post-id=\"1179\" data-item-title=\"Data visualization\" class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span><span class=\"upvote-count-ilist\">29<\/span><\/div><a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-data-visualization\"><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<\/a><span id=\"ilist-fancybox-id-data-visualization\" style=\"display:none;\"><span class=\"ilist-fancybox-content\" ><p>https:\/\/www.youtube.com\/watch?v=VyhLRJVoIrI<\/p>\n<\/span><\/span>\t\t\t\t\t <!-- Start Copy and Share Button  -->\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\t\tCopied\r\n\t\t\t\t\t\t<\/div>\r\n\t\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\t<div>Data visualization<\/div>\r\n\t\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\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\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\t<i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\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\t<a  title=\"Share to Twitter\" \r\n\t\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\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t  <span>\r\n\t\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\t  <\/span>\r\n\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t<\/div>\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\t<!-- End Copy and Share Button  --> \r\n\t\t\t\t\t<\/div><\/div><\/div>   \r\n\t\t\t\t\t<div><div class=\"content-slider-inner\"><div class=\"content-slider-info desinfopg8fontcolor infogp8hovertextcolor prestl08dfontsize prestl08descfont\"><div id=\"qcld_1179_7\" class=\"upvote-section\" style=\"cursor:pointer;margin-top: 12px;\"><span data-post-id=\"1179\" data-item-title=\"Fewer stock photos\" class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span><span class=\"upvote-count-ilist\">27<\/span><\/div><a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-fewer-stock-photos\"><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<\/a><span id=\"ilist-fancybox-id-fewer-stock-photos\" style=\"display:none;\"><span class=\"ilist-fancybox-content\" ><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<\/span><\/span>\t\t\t\t\t <!-- Start Copy and Share Button  -->\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\t\tCopied\r\n\t\t\t\t\t\t<\/div>\r\n\t\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\t<div>Fewer stock photos<\/div>\r\n\t\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\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\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\t<i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\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\t<a  title=\"Share to Twitter\" \r\n\t\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\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t  <span>\r\n\t\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\t  <\/span>\r\n\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t<\/div>\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\t<!-- End Copy and Share Button  --> \r\n\t\t\t\t\t<\/div><\/div><\/div>   \r\n\t\t\t\t\t<div><div class=\"content-slider-inner\"><div class=\"content-slider-info desinfopg8fontcolor infogp8hovertextcolor prestl08dfontsize prestl08descfont\"><div id=\"qcld_1179_8\" class=\"upvote-section\" style=\"cursor:pointer;margin-top: 12px;\"><span data-post-id=\"1179\" data-item-title=\"Material design\" class=\"upvote-btn-ilist upvote-on\">\r\n\t\t\t\t\t\t<i class=\"fa fa-thumbs-up\"><\/i>\r\n\t\t\t\t\t<\/span><span class=\"upvote-count-ilist\">22<\/span><\/div><a class=\"ilist-fancybox\" id=\"#ilist-fancybox-id-material-design\"><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<\/a><span id=\"ilist-fancybox-id-material-design\" style=\"display:none;\"><span class=\"ilist-fancybox-content\" ><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<\/span><\/span>\t\t\t\t\t <!-- Start Copy and Share Button  -->\r\n\t\t\t\t\t<div class=\"qcilist-copy-share-section\">\r\n\t\t\t\t\t\t<div class=\"copy-success-message\">\r\n\t\t\t\t\t\t\tCopied\r\n\t\t\t\t\t\t<\/div>\r\n\t\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\t<div>Material design<\/div>\r\n\t\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\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button\">\r\n\t\t\t\t\t\t\t<i class=\"fa fa-share-alt\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists-container\">\r\n\t\t\t\t\t\t\t<div class=\"qcilist-copy-share-button-lists\">\r\n\t\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\t<i class=\"fa fa-scissors\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\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\t<a  title=\"Share to Twitter\" \r\n\t\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\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t  <span>\r\n\t\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\t  <\/span>\r\n\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t<\/div>\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\t<!-- End Copy and Share Button  --> \r\n\t\t\t\t\t<\/div><\/div><\/div>   \r\n\t\t\t\t\t\t\t\r\n\t<\/div>\r\n<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n<\/div>\r\n\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-1310","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 InfoGraphics Premium Style 08 - 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-infographics-premium-style-08\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"iList Template InfoGraphics Premium Style 08 - iList\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographics-premium-style-08\/\" \/>\n<meta property=\"og:site_name\" content=\"iList\" \/>\n<meta property=\"article:modified_time\" content=\"2019-08-30T07:02:50+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-infographics-premium-style-08\\\/\",\"url\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographics-premium-style-08\\\/\",\"name\":\"iList Template InfoGraphics Premium Style 08 - iList\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/#website\"},\"datePublished\":\"2017-02-02T11:26:24+00:00\",\"dateModified\":\"2019-08-30T07:02:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographics-premium-style-08\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographics-premium-style-08\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/ilist-template-infographics-premium-style-08\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dev.quantumcloud.com\\\/iList\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"iList Template InfoGraphics Premium Style 08\"}]},{\"@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 InfoGraphics Premium Style 08 - 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-infographics-premium-style-08\/","og_locale":"en_US","og_type":"article","og_title":"iList Template InfoGraphics Premium Style 08 - iList","og_url":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographics-premium-style-08\/","og_site_name":"iList","article_modified_time":"2019-08-30T07:02:50+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographics-premium-style-08\/","url":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographics-premium-style-08\/","name":"iList Template InfoGraphics Premium Style 08 - iList","isPartOf":{"@id":"https:\/\/dev.quantumcloud.com\/iList\/#website"},"datePublished":"2017-02-02T11:26:24+00:00","dateModified":"2019-08-30T07:02:50+00:00","breadcrumb":{"@id":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographics-premium-style-08\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographics-premium-style-08\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dev.quantumcloud.com\/iList\/ilist-template-infographics-premium-style-08\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dev.quantumcloud.com\/iList\/"},{"@type":"ListItem","position":2,"name":"iList Template InfoGraphics Premium Style 08"}]},{"@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\/1310","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=1310"}],"version-history":[{"count":0,"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/pages\/1310\/revisions"}],"wp:attachment":[{"href":"https:\/\/dev.quantumcloud.com\/iList\/wp-json\/wp\/v2\/media?parent=1310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}