{"id":25568,"date":"2016-02-02T23:01:49","date_gmt":"2016-02-02T15:01:49","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=25568"},"modified":"2025-04-21T17:59:10","modified_gmt":"2025-04-21T09:59:10","slug":"designers-developers-monthly-01-2016","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2016\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (February 2016)"},"content":{"rendered":"<p>Welcome to 2016! The web development landscape has evolved dramatically, with web technologies now powering everything from mobile apps to desktop applications. Thanks to powerful frameworks like React.js, <a href=\"https:\/\/www.hongkiat.com\/blog\/angularjs-tutorials-screencast\/\">Angular<\/a>, and <a href=\"https:\/\/www.hongkiat.com\/blog\/node-js-server-side-javascript\/\">Node.js<\/a>, we\u2019re seeing web technologies reach new heights of versatility and performance.<\/p>\n<p>To help you stay ahead of the curve, we\u2019ve curated an exciting collection of JavaScript and CSS libraries that will supercharge your development workflow. Let\u2019s explore what\u2019s new!<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-25568-1\">\n\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/fresh-resources-developers\/\" target=\"_blank\" class=\"ref-block__link\" title=\"Read More: Click Here for More Resources\" rel=\"bookmark\"><span class=\"screen-reader-text\">Click Here for More Resources<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/related\/tag-fresh-resources-developers.jpg\" }'>\n\t\t\t<noscript>\n<style>.no-js #ref-block-tax-25568-1 .ref-block__thumbnail {\n\t\t\t\t\tbackground-image: url( \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/related\/tag-fresh-resources-developers.jpg\" );\n\t\t\t\t}<\/style>\n<p>\t\t\t<\/p><\/noscript>\n\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Click Here for More Resources<\/h4>\n<div class=\"ref-description\">\n<p>Check out our complete collection of hand-picked tools for designers and developers.<\/p>\n<\/div><\/div>\n<\/div>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/lugolabs.com\/flat-slider\">Flat Slider<\/a><\/h2>\n<p>jQuery UI comes with a collection of common web interface including <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/jqueryui.com\/slider\/\">a Slider<\/a> \u2014 a UI which allows user to select a range of numeric values. The <strong>Flat Slider<\/strong> is a web tool that makes customizing the jQUery UI style, which was once a very daunting task, a lot easier now.<\/p>\n<figure><img decoding=\"async\" alt=\"jQuery UI Theme Generator Interface\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jan-2016\/slideui.jpg\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/utility-opentype.kennethormandy.com\/\">Utility Open-type<\/a><\/h2>\n<p><strong>Utility Open-type<\/strong> is a collection of drop-in classes to <strong>apply advanced CSS typographic features<\/strong> such <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/developer.mozilla.org\/en\/docs\/Web\/CSS\/font-variant-ligatures\">font ligatures<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/developer.mozilla.org\/en\/docs\/Web\/CSS\/font-variant-caps\">small capital letter<\/a>, and a lot more. They basically give the best possible reading experience for your users in fine detail. It degrades nicely in older, unsupported browsers.<\/p>\n<figure><img decoding=\"async\" alt=\"Utility Open Type\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jan-2016\/utility-open-type.jpg\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/wentin\/ResponsifyJS\">ResponsifyJS<\/a><\/h2>\n<p>One of the notorious constraints responsive images face is it usually does scale the image properly, but this diverts the main focal point of the image when it is scaled down to a very small viewport size.<\/p>\n<p><strong>ResponsifyJS<\/strong> is lightweight JavaScript library that you can use to <strong>set coordinates to maintain the image focus<\/strong> while it is being resized.<\/p>\n<figure><img decoding=\"async\" alt=\"Art Direction for Responsive Photo with Responsify\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jan-2016\/responsifyjs.jpg\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/linear\">Linear<\/a><\/h2>\n<p><strong>Linear<\/strong> is a ruler app for Mac. You can use the ruler to measure web pages, find out the size of an element without having to open the DevTools or figure out if an element is perfectly centered. You can have multiple rulers, and switch the unit from <a href=\"https:\/\/www.hongkiat.com\/blog\/css-units\/\">PX to EM<\/a>.<\/p>\n<figure><img decoding=\"async\" alt=\"Mac app for web development in mind\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jan-2016\/linear.jpg\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/mike-zarandona\/StickyStack.js\">StickyStack<\/a><\/h2>\n<p><strong>StickyStack<\/strong> is a jQuery plugin to create a stack scrolling experience, when a panel reaches the top of the viewport, it sticks there, while further scrolling pulls up the next panel. It is a lightweight plugin with a few options to configure the page container, stack section, as well as the box-shadow of the stacks. Check out the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/codepen.io\/\/mike-zarandona\/full\/Dasnw\">demo<\/a>.<\/p>\n<figure><img decoding=\"async\" alt=\"Sticky Page Scroll UI\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jan-2016\/stickystack.jpg\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/fengyuanchen.github.io\/viewer\/\">Viewer<\/a><\/h2>\n<p><strong>Viewer<\/strong> is jQuery plugin for image lightbox \u2014 a fancy popular way to zoom-in images on the web. The plugin comes with an overwhelming options that allows you to <strong>customize every bit of the <em>lightbox<\/em> interface<\/strong>.<\/p>\n<p>The plugin also provides a set of APIs and custom Events for total control over the <em>lightbox<\/em> response and behavior. What\u2019s more, it works down to Internet Explorer 8.<\/p>\n<p class=\"recommended_top\"><strong>Read more: <\/strong><a href=\"https:\/\/www.hongkiat.com\/blog\/responsive-lightbox-library\/\">15 Lightbox Libraries For Mobile Responsiveness<\/a><\/p>\n<figure><img decoding=\"async\" alt=\"A simple jQuery image viewing plugin\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jan-2016\/viewer.jpg\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/rm-labo.github.io\/devicemock\/\">DeviceMock<\/a><\/h2>\n<p><strong>DeviceMock<\/strong> is a JavaScript library that allows you to <strong>create device frames or mockups<\/strong> such as a phone, a tablet and a desktop. Likewise, the library providse options to set the theme color of the frame, the size, as well as the frame orientation.<\/p>\n<p>It may be a good alternative to showcase your web and app in place of using Photoshop.<\/p>\n<figure><img decoding=\"async\" alt=\"Create Device Mockup with JavaScript\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jan-2016\/devicemock.jpg\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/clrs.cc\/\">Clrs<\/a><\/h2>\n<p><strong>Clrs<\/strong> is an initiative to <strong>redefine  default web colors  into a more eye-friendly, modern color tone<\/strong>. Additionally, it advocates <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/clrs.cc\/a11y\/\">a set of color combinations<\/a> <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.youtube.com\/watch?v=0s7XMGkpKdw\">for better accessibility<\/a>. You can deploy these colors through NPM, Gem (Ruby), and Photoshop and Illustrator color swatches.<\/p>\n<figure><img decoding=\"async\" alt=\"Better standard web colors\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jan-2016\/clrscss.jpg\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/codrops\/BookBlock\">BookBlock<\/a><\/h2>\n<p><strong>BookBlock<\/strong> is jQuery plugin to <strong>create a booklet with the page-flip effect<\/strong>. It is a beautiful alternative to display multiple images on your website, particularly if there is a sequence or flow that you want to showcase.<\/p>\n<p>You can check out the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/tympanus.net\/Development\/BookBlock\/\">demo<\/a> here to get an idea of how BookBlock works.<\/p>\n<figure><img decoding=\"async\" alt=\"A booklet like component with jQuery\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jan-2016\/bookblock.jpg\"><\/figure>\n<hr>","protected":false},"excerpt":{"rendered":"<p>Welcome to 2016! The web development landscape has evolved dramatically, with web technologies now powering everything from mobile apps to desktop applications. Thanks to powerful frameworks like React.js, Angular, and Node.js, we\u2019re seeing web technologies reach new heights of versatility and performance. To help you stay ahead of the curve, we\u2019ve curated an exciting collection&hellip;<\/p>\n","protected":false},"author":113,"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":[2539],"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.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (February 2016) - Hongkiat<\/title>\n<meta name=\"description\" content=\"Welcome to 2016! The web development landscape has evolved dramatically, with web technologies now powering everything from mobile apps to desktop\" \/>\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\/designers-developers-monthly-01-2016\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fresh Resources for Web Designers and Developers (February 2016)\" \/>\n<meta property=\"og:description\" content=\"Welcome to 2016! The web development landscape has evolved dramatically, with web technologies now powering everything from mobile apps to desktop\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-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=\"2016-02-02T15:01:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T09:59:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jan-2016\/slideui.jpg\" \/>\n<meta name=\"author\" content=\"Thoriq Firdaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@tfirdaus\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thoriq Firdaus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2016\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2016\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (February 2016)\",\"datePublished\":\"2016-02-02T15:01:49+00:00\",\"dateModified\":\"2025-04-21T09:59:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2016\\\/\"},\"wordCount\":608,\"commentCount\":7,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2016\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-developers-jan-2016\\\/slideui.jpg\",\"keywords\":[\"Tools for Designers &amp; Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2016\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2016\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2016\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (February 2016) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2016\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2016\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-developers-jan-2016\\\/slideui.jpg\",\"datePublished\":\"2016-02-02T15:01:49+00:00\",\"dateModified\":\"2025-04-21T09:59:10+00:00\",\"description\":\"Welcome to 2016! The web development landscape has evolved dramatically, with web technologies now powering everything from mobile apps to desktop\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2016\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2016\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2016\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-developers-jan-2016\\\/slideui.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-developers-jan-2016\\\/slideui.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2016\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fresh Resources for Web Designers and Developers (February 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\\\/e7948c7a175d211496331e4b6ce55807\",\"name\":\"Thoriq Firdaus\",\"description\":\"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.\",\"sameAs\":[\"https:\\\/\\\/thoriq.com\",\"https:\\\/\\\/x.com\\\/tfirdaus\"],\"jobTitle\":\"Web Developer\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/thoriq\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Fresh Resources for Web Designers and Developers (February 2016) - Hongkiat","description":"Welcome to 2016! The web development landscape has evolved dramatically, with web technologies now powering everything from mobile apps to desktop","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\/designers-developers-monthly-01-2016\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (February 2016)","og_description":"Welcome to 2016! The web development landscape has evolved dramatically, with web technologies now powering everything from mobile apps to desktop","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2016\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2016-02-02T15:01:49+00:00","article_modified_time":"2025-04-21T09:59:10+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jan-2016\/slideui.jpg","type":"","width":"","height":""}],"author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2016\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2016\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (February 2016)","datePublished":"2016-02-02T15:01:49+00:00","dateModified":"2025-04-21T09:59:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2016\/"},"wordCount":608,"commentCount":7,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jan-2016\/slideui.jpg","keywords":["Tools for Designers &amp; Developers"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2016\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2016\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2016\/","name":"Fresh Resources for Web Designers and Developers (February 2016) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2016\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2016\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jan-2016\/slideui.jpg","datePublished":"2016-02-02T15:01:49+00:00","dateModified":"2025-04-21T09:59:10+00:00","description":"Welcome to 2016! The web development landscape has evolved dramatically, with web technologies now powering everything from mobile apps to desktop","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2016\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2016\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2016\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jan-2016\/slideui.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-jan-2016\/slideui.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2016\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Fresh Resources for Web Designers and Developers (February 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\/e7948c7a175d211496331e4b6ce55807","name":"Thoriq Firdaus","description":"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.","sameAs":["https:\/\/thoriq.com","https:\/\/x.com\/tfirdaus"],"jobTitle":"Web Developer","url":"https:\/\/www.hongkiat.com\/blog\/author\/thoriq\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-6Eo","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/25568","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\/113"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=25568"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/25568\/revisions"}],"predecessor-version":[{"id":73881,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/25568\/revisions\/73881"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=25568"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=25568"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=25568"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=25568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}