{"id":25368,"date":"2015-12-16T21:01:47","date_gmt":"2015-12-16T13:01:47","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=25368"},"modified":"2025-04-21T17:35:24","modified_gmt":"2025-04-21T09:35:24","slug":"web-design-trend-2016","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/web-design-trend-2016\/","title":{"rendered":"20 Hottest Trends That Will Shape Web Design Come 2016"},"content":{"rendered":"<p>As time inches forward with each passing year, many new design trends loom on the horizon. The field of web design is always changing with new tools, workflows, and best practices for constructing usable layouts.<\/p>\n<p>It\u2019s tough to predict which exact trends will draw the greatest attention. Yet recent history shows a pattern of trends that have been growing like wildfire. I\u2019ve organized 20 unique trends that have gained traction over 2015 and will likely continue well into 2016.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/web-design-trend-2017\/\" class=\"ref-block__link\" title=\"Read More: Web Design Trends for 2017\" rel=\"bookmark\"><span class=\"screen-reader-text\">Web Design Trends for 2017<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/web-design-trend-2017.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-29072 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/web-design-trend-2017.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Web Design Trends for 2017<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tAnother year has passed and designers are looking ahead towards the future. Many promising design trends are bound...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>1. Sketch App for UI Design<\/h2>\n<p>Sketch is quickly replacing Photoshop for all UI design tasks ranging from <strong>low-fidelity wireframes<\/strong> to <strong>high-fidelity mockups & icon design<\/strong>.<\/p>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.sketchapp.com\/\">Sketch App<\/a> is a Mac-only application made specifically for web and mobile designers. It offers a smoother work environment to craft vector elements for any interface, yet it also retains many features you\u2019d expect from Photoshop like text effects and layer styles.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.sketchapp.com\/\"><img decoding=\"async\" alt=\"sketch app screenshot\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/01-sketch-app.jpg\"><\/a><\/figure>\n<p>While there\u2019s no evidence that Sketch will ever be released for Windows, it has still become a valued choice by OS X users. The simplified workflow and cheaper price tag is giving Adobe a run for its money. If Sketch continues to provide the best UI design experience, then it\u2019ll surely continue growing well into 2016 and beyond.<\/p>\n<h2>2. Browser-Based IDEs<\/h2>\n<p>Desktop IDEs have been around for decades with options ranging from Notepad++ to Xcode and Visual Studio. An IDE makes it easier to write code with suggestions and syntax highlighting (among other features).<\/p>\n<p>But traditionally IDEs have been released as desktop applications. Over the past few years, we\u2019ve seen a dramatic rise in <a href=\"https:\/\/www.hongkiat.com\/blog\/cloud-ide-developers\/\">browser-based cloud IDEs<\/a>. These don\u2019t require any software other than a web browser, which allows devs to write code from any computer with Internet access.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/codepen.io\/\"><img decoding=\"async\" alt=\"codepen sample snippet\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/02-codepen-ide.jpg\"><\/a><\/figure>\n<p>Cloud IDEs function more like web applications where you can save code snippets to your account for sharing or personal storage. <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/codepen.io\/\">CodePen<\/a> is one of the most popular IDEs with support for HTML\/CSS\/JS along with custom preprocessing like Jade\/Haml and LESS\/SCSS.<\/p>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/foundation.mozilla.org\/en\/artifacts\/webmaker-thimble\/\">Mozilla Thimble<\/a> is another IDE for beginning developers who want to learn as they code. Also, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.codeply.com\/\">Codeply<\/a> is great for testing specific responsive frameworks like Bootstrap or Zurb\u2019s Foundation without needing to download any files.<\/p>\n<h2>3. Free Sass\/SCSS Mixins<\/h2>\n<p>Preprocessors have been trendy for years but only recently became mainstream enough to feel ubiquitous across the entire field of web design\/development. Nowadays, it seems odd to write vanilla CSS when Sass\/SCSS can provide so much more.<\/p>\n<p>One benefit is a growing supply of <a href=\"https:\/\/www.hongkiat.com\/blog\/mixin-library-for-sass\/\">Sass mixin libraries<\/a>. Simple mixins are like code snippets or basic functions to generate repeatable code in CSS. While you can always <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/sass-guidelin.es\/#mixins\">write your own<\/a>, many developers have been kind enough to release free mixins online.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.bourbon.io\/\"><img decoding=\"async\" alt=\"bourbon sass mixins\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/03-sass-scss-mixins-bourbon.jpg\"><\/a><\/figure>\n<p>Some mixins come in libraries like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.bourbon.io\/\">Bourbon<\/a> while others can be standalone items. Try doing a search <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/search?utf8=%E2%9C%93&q=scss+mixin\">in GitHub<\/a> for Sass\/SCSS mixins to see what you can find.<\/p>\n<h2>4. Card Layouts<\/h2>\n<p>Website card layouts were first popularized by Pinterest a few years back and have since become a trend for content-heavy webpages. Free plugins like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/masonry.desandro.com\/\">jQuery Masonry<\/a> can be used to mimic this layout style with animated cards for various heights & widths.<\/p>\n<p>A card layout is best used on pages with lots of data that should be scannable. The landing page for Google Now uses a card layout to advertise optional cards for the Google Now app.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/assistant.google.com\/#cards\"><img decoding=\"async\" alt=\"google now cards\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/04-google-now-cards.jpg\"><\/a><\/figure>\n<p>You can think of card layouts as more dynamic grids with a focus on minimizing content to the bare essentials to list more items together. Online magazines like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/ugsmag.com\/\">UGSMAG<\/a> and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/thenextweb.com\/\">The Next Web<\/a> are both perfect examples of card layouts used to showcase recent post content.<\/p>\n<h2>5. Custom Explainer Videos<\/h2>\n<p>Big and small companies alike have taken to the trend of custom explainer videos.<\/p>\n<p>The purpose of an explainer video is to demonstrate how a product or service works. Visitors may skim a list of features and still have no idea how the product operates. Videos clarify everything visually and cover the important stuff in just a few minutes.<\/p>\n<p>If you want to try your hand at making a custom explainer video, check out <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.udemy.com\/landing-page-videos\/\">this Udemy course<\/a>. It\u2019s an in-depth study focusing on videos for landing page design.<\/p>\n<h2>6. Live Product Previews<\/h2>\n<p>Landing page design has seen incredible growth stemming from greater Internet speeds and browser capabilities. One major trend I\u2019ve noticed is the addition of live product previews on homepages or custom landing pages.<\/p>\n<p>Take for example <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/slack.com\/is\">Slack\u2019s product page<\/a>. It features a video tour and vector graphics covering the Slack interface. These product previews are meant to give potential users a glimpse into how the product operates.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.webydo.com\/\"><img decoding=\"async\" alt=\"Webydo homepage demo preview\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/05-webydo-live-preview.jpg\"><\/a><\/figure>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.webydo.com\/\">Webydo<\/a> is another brilliant example with a live animation playing on the homepage. This allows visitors to see Webydo in action without having to manually demo the product. But you don\u2019t always need to rely on animations for product previews. <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/geticonjar.com\/\">Iconjar<\/a> uses a simple PNG screenshot to show what the product is and how it works.<\/p>\n<h2>7. Automated Task Runners<\/h2>\n<p>The world of frontend development has changed so much with a handful of new best practices for website creation. Task runners\/build systems like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/gulpjs.com\/\">Gulp<\/a> and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/gruntjs.com\/\">Grunt<\/a> are being used much more frequently for a slew of tasks that previously required manual effort.<\/p>\n<figure><a href=\"https:\/\/www.hongkiat.com\/blog\/gulp-vs-grunt\/\"><img decoding=\"async\" alt=\"gulp vs grunt\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/gulp-vs-grunt.jpg\"><\/a><\/figure>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-2\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/gulp-vs-grunt\/\" class=\"ref-block__link\" title=\"Read More: Gulp vs. Grunt: The Battle Of Build Scripts\" rel=\"bookmark\"><span class=\"screen-reader-text\">Gulp vs. Grunt: The Battle Of Build Scripts<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/gulp-vs-grunt.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-23298 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/gulp-vs-grunt.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Gulp vs. Grunt: The Battle Of Build Scripts<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tI've already written about how to get started with Gulp as well as how to get started with...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<p>Automation is the lifeblood of quick turnaround and churning out quality code. Machines don\u2019t make mistakes, so the more you can automate with confidence, the fewer issues you\u2019ll have (in theory).<\/p>\n<p>To learn more, check out <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/r\/web_design\/comments\/3k4mtf\/what_exactly_are_task_runners_for_gruntgulp\/\">this Reddit post<\/a> explaining how task runners operate. These tools basically run JS code that will automate parts of your workflow, either custom JS or scripts written by others.<\/p>\n<h2>8. Native JS Mobile Apps<\/h2>\n<p>I\u2019m a big advocate of using the right tools for the job. In the case of mobile app development, this means Java for Android, Objective-C\/Swift for iOS.<\/p>\n<p>But not everyone wants to learn a new language just to build a mobile app. Thankfully, it\u2019s becoming easier for native apps to be created & compiled with alternate libraries such as <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.nativescript.org\/\">NativeScript<\/a> or <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/reactnative.dev\/\">React Native<\/a>.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.nativescript.org\/\"><img decoding=\"async\" alt=\"nativescript ios\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/06-nativescript-homepage.jpg\"><\/a><\/figure>\n<p>The gap for becoming a mobile app programmer is shortening with the ability to create mobile apps via JavaScript. <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/cordova.apache.org\/\">PhoneGap<\/a> is yet another option based on HTML\/CSS\/JS code.<\/p>\n<p>While the creation process does vary greatly, JS is quickly becoming a solution for coders who want to build mobile apps without learning a new language.<\/p>\n<h2>9. Collaboration Tools for Design<\/h2>\n<p>Instant messaging and group chat has been around for well over a decade. However, these resources have traditionally relied on plaintext with some capability to attach files.<\/p>\n<figure><img decoding=\"async\" alt=\"slack\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/slack.jpg\"><\/figure>\n<p>A new emerging trend is the ability to share live design documents within chat applications. <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/helio.app\/?ref=notable\">Notable<\/a> is one example where annotations and comments can be layered right on top of a document. This gives designers a clean way to share work directly with everyone on a team.<\/p>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/slack.com\/\">Slack<\/a> is the most popular chat application at the moment which supports many similar features. The growing Slack userbase has been adamant about <a href=\"https:\/\/www.hongkiat.com\/blog\/slack-productivity-tools\/\">creating extensions<\/a> that greatly improve Slack\u2019s capabilities & tie into other products like Hangouts, MailChimp, and even WordPress.<\/p>\n<h2>10. Responsive Frontend Frameworks<\/h2>\n<p>Frontend frameworks like Bootstrap have been around for years and continue to prove useful on projects both personal and professional. Responsive design has forced its way into frameworks and created a demand for frontend code instead of just backend (Django, Laravel, etc).<\/p>\n<p>Moving into 2016, I think we\u2019ll be reading a lot more about responsive frontend frameworks & their value in web projects. Many devs are eagerly awaiting the release of <a href=\"https:\/\/www.hongkiat.com\/blog\/foundation-6\/\">Foundation 6<\/a> and the public v1 release of <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/blog.getbootstrap.com\/2015\/08\/19\/bootstrap-4-alpha\/\">Bootstrap 4<\/a>.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/get.foundation\/\"><img decoding=\"async\" alt=\"Foundation v6\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/07-zurb-foundation6.jpg\"><\/a><\/figure>\n<p>Other lesser-known frameworks you might check out include <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/purecss.io\/\">Pure CSS<\/a>.<\/p>\n<h2>11. Greater Focus on UX Design<\/h2>\n<p>The field of user experience design will continue to grow rapidly with more designers and developers taking notice. UI design is part of UX design but it\u2019s not the final goal. UI is a means to an end, with the end being a fantastic user experience.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/ux.stackexchange.com\/\"><img decoding=\"async\" alt=\"ux stackexchange\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/08-user-experience-stack-exchange.jpg\"><\/a><\/figure>\n<p>Just 5 years ago, I was barely familiar with UX or how it applied to interface design. Now we have resources like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/ux.stackexchange.com\/\">UX Stack Exchange<\/a> and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.uxpin.com\/knowledge\">free UX ebooks<\/a>. If you don\u2019t know much about user experience, then now is the best time to study & learn how UX principles can be applied to all forms of digital interfaces.<\/p>\n<p class=\"recommended_top\"><strong>Read more: <\/strong><a href=\"https:\/\/www.hongkiat.com\/blog\/ux-lessons-travel-sites\/\">10 things travel websites can teach you about UX design<\/a><\/p>\n<h2>12. Package Managers<\/h2>\n<p>Digital package managers have risen so quickly that they\u2019re practically a requirement for modern web development. Solutions like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/bower.io\/\">Bower<\/a> and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.npmjs.com\/\">NPM<\/a> can save a lot of time starting new projects.<\/p>\n<figure><img decoding=\"async\" alt=\"bower\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/bower.jpg\"><\/figure>\n<p>Mastering any new technology will take time and comes with a learning curve. But if there\u2019s one thing that every frontend (or backend) developer should know, it\u2019s a package manager. They require some knowledge of terminal commands but once you get used to the process, you\u2019ll never want to go back.<\/p>\n<h2>13. Advanced UI Animations<\/h2>\n<p>CSS3 transitions were only the beginning of a long-term trend of animation on the web. Now we have dozens of CSS and JavaScript libraries dedicated to animation. Things I never dreamed possible are now <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/tympanus.net\/Blueprints\/PageStackNavigation\/\">built & available for free<\/a> if you know where to look.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/tympanus.net\/codrops\/2015\/10\/21\/page-stack-navigation\/\"><img decoding=\"async\" alt=\"Codrops animation blueprint\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/09-animation-codrops-snippet.jpg\"><\/a><\/figure>\n<p>Animation isn\u2019t a requirement for good design. But it can make a good design into a great design when used properly.<\/p>\n<p>Keep an eye on animated trends for interfaces and see what you can take away from various websites. Remember that web animation <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.designernews.co\/stories\/57040-your-ui-isnt-a-disney-movie\">isn\u2019t a Disney movie<\/a> and should be treated with respect. Use animation gently so that it enhances an interface without becoming a nuisance or distracting element of the design.<\/p>\n<h2>14. Designers Learning to Code<\/h2>\n<p>A hot button topic this year has been the case for designers learning to code. Some designers feel it\u2019s not their job to write code, while others feel it\u2019s becoming the norm & should be embraced.<\/p>\n<p>I\u2019ve read <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.designernews.co\/stories\/19827-why-designers-should-learn-to-code-and-why-developers-should-learn-to-design\">heated discussions<\/a> and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.webdesignerdepot.com\/2015\/04\/should-designers-learn-to-code\/\">fascinating posts<\/a> about this subject which only seems to draw emotional responses. A good design is just a pretty picture without code. Yet to focus on both requires a designer to spend less time practicing the craft.<\/p>\n<p>So is there a definitive answer? Some would argue that job viability increases for designers who know frontend coding. Yet what if someone doesn\u2019t want to write code? Is it worth learning just to compete?<\/p>\n<p>I feel the clearest answer is to do whatever you want. But it seems this topic is still on the table for many designers who will likely continue the discussion into 2016.<\/p>\n<h2>15. Free Online Tools & Webapps<\/h2>\n<p>It used to be that all programs were run from the desktop no matter what you needed to do. But nowadays, I\u2019m consistently amazed with how many webapps are available for free online.<\/p>\n<figure><img decoding=\"async\" alt=\"dillinger markdown webapp\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/10-dillinger-webapp.jpg\"><\/figure>\n<p>You\u2019ll find everything from <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.url-encode-decode.com\/\">URL encoding\/decoding<\/a> to a completely free <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dillinger.io\/\">Markdown editor<\/a>. Even <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/workspace.google.com\/intl\/en-GB\/products\/drive\/\">Google Drive<\/a> has taken Microsoft Office products into the browser (again, completely free).<\/p>\n<p>The current level of computing power and homogenous standards from web browsers offer a seemingly limitless amount of opportunities. Complex tasks like resume creation to <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/compressor.io\/\">image compression<\/a> can be handled right from a browser window.<\/p>\n<h2>16. The Growth of Web Components<\/h2>\n<p>Web components are trying to solve problems of complexity for developers. The <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.webcomponents.org\/\">WebComponents website<\/a> has great resources and materials to give developers a jump start into this topic.<\/p>\n<p>If you\u2019re not sure how to understand modular web components, then <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/r\/webdev\/comments\/2l27gv\/lets_talk_about_web_components\/\">check out this post<\/a> to learn more.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.webcomponents.org\/\"><img decoding=\"async\" alt=\"webcomponents website\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/11-web-components-website.jpg\"><\/a><\/figure>\n<p>While components haven\u2019t particularly blown up to mainstream status, they are being discussed by professional developers around the world. Google has released <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.polymer-project.org\/\">Polymer<\/a> which is a framework used for adding web components via JS and HTML.<\/p>\n<p class=\"recommended_top\"><strong>Read more: <\/strong><a href=\"https:\/\/www.hongkiat.com\/blog\/google-polymer\/\">How Google Polymer will change the way web apps are built<\/a><\/p>\n<p>This may not be practical to use in major client projects just yet. However, the technology is available and with a little practice, you can master the concepts with ease. To learn more and see a few code samples, you can read through <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/css-tricks.com\/modular-future-web-components\/\">this CSS-Tricks post<\/a> on modular web components.<\/p>\n<h2>17. Online Learning Resources<\/h2>\n<p>We all know that now is the easiest time to learn any skill from the comfort of your computer. It seems the online learning marketplace is growing exponentially with new courses and websites popping up every year.<\/p>\n<p>I feel more confident than ever before that we\u2019ll see a rise of online learning. Well-known sites like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/teamtreehouse.com\/\">Treehouse<\/a> and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.codeschool.com\/\">CodeSchool<\/a> offer incredible courses.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/teamtreehouse.com\/\"><img decoding=\"async\" alt=\"Treehouse learn design\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/12-treehouse-learning.jpg\"><\/a><\/figure>\n<p>If there\u2019s a subject you want to learn, there\u2019s likely a course online \u2013 especially if you want to learn digital techniques like UI design or app development.<\/p>\n<p class=\"recommended_top\"><strong>Read more: <\/strong><a href=\"https:\/\/www.hongkiat.com\/blog\/free-online-courses\/\">9 sites for free online courses & open courseware<\/a><\/p>\n<h2>18. Server-Side JavaScript<\/h2>\n<p>While there have been past options for <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/en.wikipedia.org\/wiki\/Comparison_of_server-side_JavaScript_solutions\">server-side JS<\/a>, none have permeated as quickly as <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/nodejs.org\/en\/\">Node.js<\/a>. JavaScript devs have fallen in love with this library and watched it rise into direct competition with other backend languages such as Python or PHP.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/nodejs.org\/\"><img decoding=\"async\" alt=\"Nodejs homepage\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/13-nodejs-homepage.jpg\"><\/a><\/figure>\n<p>Node allows developers to build websites using a single language for both frontend + backend code. And resources like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.npmjs.com\/\">Node Package Manager<\/a> give even more value to Node.js.<\/p>\n<p>From what I can tell, Node is still on the upswing and continues to gain traction from industry enthusiasts. Whether you plan to learn Node or not, there\u2019s no doubt it\u2019ll continue to grow as a major trend in 2016.<\/p>\n<h2>19. Touch-Supported Website Features<\/h2>\n<p>Smartphone browsers have always supported touch features for all websites to maintain backwards compatibility. Yet recently, I\u2019ve noticed more plugins and custom features appended onto websites with the specific goal of handling touch events.<\/p>\n<figure><img decoding=\"async\" alt=\"photoswipe\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/photoswipe.jpg\"><\/figure>\n<p>Plugins like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/photoswipe.com\/\">Photoswipe<\/a> and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/stereobit.github.io\/dragend\/\">Dragend.js<\/a> are built to handle swiping and tapping on touchscreen displays. It seems web developers are not only building responsive websites but touch-enabled websites too.<\/p>\n<p>If you search around, you\u2019ll find some <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/tympanus.net\/codrops\/2015\/10\/23\/mobile-pull-to-share-interaction-experiment\/\">really impressive features<\/a> built for the web that rely solely on touch events.<\/p>\n<h2>20. Material Design on the Web<\/h2>\n<p>Google\u2019s release of <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/material.io\/design\">material design<\/a> was an enormous success for Android designers. Material design is considered a design language meant to simplify the process of crafting user interfaces for Android smartphones.<\/p>\n<p>Over time, web designers have taken this to heart and built entire websites based on Google\u2019s new design language. It seems the material design trend has moved beyond just mobile apps into the world of web design.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/mui.com\/\"><img decoding=\"async\" alt=\"Material UI open source\" src=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/14-material-ui-design.jpg\"><\/a><\/figure>\n<p>Folks who want to build material websites don\u2019t even have to reinvent the wheel. Free libraries like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/material-ui.com\/\">Material UI<\/a> and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/materializecss.com\/\">Materialize<\/a> offer custom codes for structuring a new layout on top of the material design foundation.<\/p>\n<p class=\"recommended_top\"><strong>Read more: <\/strong><a href=\"https:\/\/www.hongkiat.com\/blog\/material-design-resources\/\">70+ Material Design resources for Android developers<\/a><\/p>\n<h2>Closing<\/h2>\n<p>Looking over these trends, it should be clear that we\u2019re seeing a real concerted effort from the web community to make the process of building websites easier. We all want to save time in our day-to-day workflow.<\/p>\n<p>Since the web\u2019s inception, we\u2019ve seen many technologies rise, only to be replaced by better alternatives. These 2016 trends are pushing for a more uniform set of design techniques that will make building websites easier and much less complex.<\/p>","protected":false},"excerpt":{"rendered":"<p>As time inches forward with each passing year, many new design trends loom on the horizon. The field of web design is always changing with new tools, workflows, and best practices for constructing usable layouts. It\u2019s tough to predict which exact trends will draw the greatest attention. Yet recent history shows a pattern of trends&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[352],"tags":[4577,510],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>20 Hottest Trends That Will Shape Web Design Come 2016 - Hongkiat<\/title>\n<meta name=\"description\" content=\"As time inches forward with each passing year, many new design trends loom on the horizon. The field of web design is always changing with new tools,\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/web-design-trend-2016\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"20 Hottest Trends That Will Shape Web Design Come 2016\" \/>\n<meta property=\"og:description\" content=\"As time inches forward with each passing year, many new design trends loom on the horizon. The field of web design is always changing with new tools,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/web-design-trend-2016\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2015-12-16T13:01:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T09:35:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/01-sketch-app.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-trend-2016\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-trend-2016\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"20 Hottest Trends That Will Shape Web Design Come 2016\",\"datePublished\":\"2015-12-16T13:01:47+00:00\",\"dateModified\":\"2025-04-21T09:35:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-trend-2016\\\/\"},\"wordCount\":2493,\"commentCount\":25,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-trend-2016\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/web-design-trend-2016\\\/01-sketch-app.jpg\",\"keywords\":[\"Web Design Trends\",\"Web Designers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-trend-2016\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-trend-2016\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-trend-2016\\\/\",\"name\":\"20 Hottest Trends That Will Shape Web Design Come 2016 - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-trend-2016\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-trend-2016\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/web-design-trend-2016\\\/01-sketch-app.jpg\",\"datePublished\":\"2015-12-16T13:01:47+00:00\",\"dateModified\":\"2025-04-21T09:35:24+00:00\",\"description\":\"As time inches forward with each passing year, many new design trends loom on the horizon. The field of web design is always changing with new tools,\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-trend-2016\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-trend-2016\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-trend-2016\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/web-design-trend-2016\\\/01-sketch-app.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/web-design-trend-2016\\\/01-sketch-app.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/web-design-trend-2016\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"20 Hottest Trends That Will Shape Web Design Come 2016\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"20 Hottest Trends That Will Shape Web Design Come 2016 - Hongkiat","description":"As time inches forward with each passing year, many new design trends loom on the horizon. The field of web design is always changing with new tools,","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:\/\/www.hongkiat.com\/blog\/web-design-trend-2016\/","og_locale":"en_US","og_type":"article","og_title":"20 Hottest Trends That Will Shape Web Design Come 2016","og_description":"As time inches forward with each passing year, many new design trends loom on the horizon. The field of web design is always changing with new tools,","og_url":"https:\/\/www.hongkiat.com\/blog\/web-design-trend-2016\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2015-12-16T13:01:47+00:00","article_modified_time":"2025-04-21T09:35:24+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/01-sketch-app.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/web-design-trend-2016\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/web-design-trend-2016\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"20 Hottest Trends That Will Shape Web Design Come 2016","datePublished":"2015-12-16T13:01:47+00:00","dateModified":"2025-04-21T09:35:24+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/web-design-trend-2016\/"},"wordCount":2493,"commentCount":25,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/web-design-trend-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/01-sketch-app.jpg","keywords":["Web Design Trends","Web Designers"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/web-design-trend-2016\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/web-design-trend-2016\/","url":"https:\/\/www.hongkiat.com\/blog\/web-design-trend-2016\/","name":"20 Hottest Trends That Will Shape Web Design Come 2016 - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/web-design-trend-2016\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/web-design-trend-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/01-sketch-app.jpg","datePublished":"2015-12-16T13:01:47+00:00","dateModified":"2025-04-21T09:35:24+00:00","description":"As time inches forward with each passing year, many new design trends loom on the horizon. The field of web design is always changing with new tools,","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/web-design-trend-2016\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/web-design-trend-2016\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/web-design-trend-2016\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/01-sketch-app.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/web-design-trend-2016\/01-sketch-app.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/web-design-trend-2016\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"20 Hottest Trends That Will Shape Web Design Come 2016"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-6Ba","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/25368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=25368"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/25368\/revisions"}],"predecessor-version":[{"id":73812,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/25368\/revisions\/73812"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=25368"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=25368"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=25368"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=25368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}