{"id":29279,"date":"2017-02-20T23:01:29","date_gmt":"2017-02-20T15:01:29","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=29279"},"modified":"2025-04-21T19:47:52","modified_gmt":"2025-04-21T11:47:52","slug":"designers-developers-monthly-02-2017","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2017\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (February 2017)"},"content":{"rendered":"<p>Four years strong and still going! Our <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/fresh-resources-developers\/\">Fresh Resources<\/a> series continues to showcase the web\u2019s rapid evolution. Each month brings exciting new tools that push the boundaries of what\u2019s possible in web development.<\/p>\n<p>This month\u2019s lineup is packed with innovation: from cutting-edge <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/javascript-libraries\/\">JavaScript libraries<\/a> to powerful CSS frameworks and essential development references. Whether you\u2019re building progressive web apps or crafting beautiful user interfaces, we\u2019ve got something to level up your game.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-29279-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-29279-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 href=\"https:\/\/www.hongkiat.com\/blog\/subtitles-with-caption\/\">Caption<\/a><\/h2>\n<p>JavaScript is <strong>taking over desktop application <\/strong> for the portability over the different platforms as well as working just as well as the native app. This app, <strong>Caption<\/strong>, for instance is <strong>built on top of Electron<\/strong>. It is a simple app that allows you to search Subtitle files (<code>.srt<\/code>) to attach to the video you are watching.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Caption\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/caption.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/herrbischoff\/awesome-macos-command-line\">Awesome OSX Command Line<\/a><\/h2>\n<p>An <strong>enormous list of useful and handy command lines for macOS<\/strong>. Here you may find a lot of things that might be done through the CLI such as <strong>\u201cclearing the print queue\u201d<\/strong>, <strong>\u201chiding folder in Finder\u201d<\/strong>, and <strong>\u201cpreventing system sleep\u201d<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Awesome OSX Command Line\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/awesome-osx-command.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/vadimdemedes\/trevor\">Trevor<\/a><\/h2>\n<p><strong>Trevor<\/strong> is simply Travis CI done <em>offline<\/em>. Travis is a Continuous Integration service <strong>where developers test their software<\/strong> to see whether the software works properly in multiple environments. <strong>Trevor is still in its early stage<\/strong>; it currently only supports \u201cNodeJS\u201d.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Trevor\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/trevor.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/thinker3197.github.io\/progressively\/\">Progressively<\/a><\/h2>\n<p>A nice JavaScript <strong>library to load the image progressively<\/strong>, hence the name. A small image will be served and blurred while the browser is loading the full image. This <strong>helps your website load much faster<\/strong> especially if it contains large images.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Progressively\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/progressively.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/kciter\/qartjs\">QartJS<\/a><\/h2>\n<p>This is a JavaScript that <strong>makes QR code less boring<\/strong>. With this, you can overlay the QR code over an image \u2014 such as your photo.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"QartJS\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/qartjs.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/xwp\/wp-docker\">WP Docker<\/a><\/h2>\n<p>WP Docker is a <strong>Docker environment designed specifically to develop WordPress<\/strong>. The environment is self-contained and won\u2019t affect your computer system in case you\u2019ve made a configuration. It is a <strong>great alternative to Vagrant, Valet, Local, and MAMP<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"WP Docker\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/docker.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/dixonandmoe\/rellax\">Rellax<\/a><\/h2>\n<p>Rellax is a JavaScript library to <strong>create Parallax effect on page scroll<\/strong>. It comes with a few options and is relatively easy to configure. It is lightweight, runs super fast, and <strong>requires no dependency like jQuery<\/strong> hence it is a great alternative to other libraries on this category such as Parallax.js or Scrollax.js.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Rellax\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/rellax.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/articulate.purefreedom.com\/\">Articulate<\/a><\/h2>\n<p>Yet another cool JavaScript library. Articulate brings <em>synthetical<\/em> voice to your website. It is <strong>able to parse and read your website<\/strong>, eventually can improve your website\u2019s accessibility for users with impaired visibility.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Articulate\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/articulate.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/api.monetizejs.com\/\">MonetizeJS<\/a><\/h2>\n<p>MonetizeJS is a JavaScript library to <strong>implement Stripe easily<\/strong>; as easy as using jQuery.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"MonetizeJS\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/monetize.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/wangdahoo\/vonic\">Vonic<\/a><\/h2>\n<p><strong>Vonic<\/strong> is a collection of UI for <strong>mobile built using Vue.js and Ionic CSS<\/strong>. It comprises a lot of UI components commonly found in mobile, including the <strong>Checkbox, Searches Form, Swiper, and so-called Accordion<\/strong>. You can use to build a mobile app aplication <em>prototype<\/em> right in the browser.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Vonic\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/vonic.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/10up.github.io\/wp-component-library\/\">WordPress Component Library<\/a><\/h2>\n<p>10up, one of the prominent names in WordPress, released a UI library designed <strong>specifically for WordPress<\/strong>. Unlike other UI library which only provides CSS and HTML codes, 10Up also provides the PHP code snippet that you can just paste in your theme. The component includes <strong>Navigation, Tabs, Tooltips, Comments, and Blogrol<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"WordPress Component Library\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/10up-wp-ui-components.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/medium.com\/dev-channel\/javascript-start-up-performance-69200f43b201\">JavaScript Start-up Performance<\/a><\/h2>\n<p>A superb and <strong>detailed article from Addy Osmani<\/strong>, one of the Google engineers, on how to write JavaScript that run super fast. I encourage you to read it through to <strong>level up your JavaScript skill<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"JavaScript Start up Performance\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/js-perf-startup.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/thednp.github.io\/kute.js\/\">KuteJS<\/a><\/h2>\n<p>Kute is a <strong>JavaScript library to perform animation<\/strong>. It is blazing fast and super efficient in memory consumption. It has extensions and extra tools to allow apply animation in <strong>CSS, SVG, and even a jQuery plugin<\/strong> for more convenient syntax.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"KuteJS\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/kute.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/www.github.com\/pwarocks\/pwa.rocks\">PWA Rocks<\/a><\/h2>\n<p>Progressive Web Application (PWA) is a methodology that <strong>allows a website to run fast and useable offline<\/strong>. This PWA Rocks list one that as been approved by Google as a PWA. To <strong>learn more about PWA from Google<\/strong> take a look at: <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/web.dev\/progressive-web-apps\/\">Progressive Web Apps<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"PWA Rocks\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/pwa-rocks.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/miya0001\/gh-auto-updater\">Github Auto-updater<\/a><\/h2>\n<p>Github Auto-Updater is <strong>Composer library that allows your plugin to be updated from Github<\/strong>. This is a handy script for developers to maintain plugins for their clients without <strong>necessarily uploading it to the Github repository<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Github Auto Updater\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/gh-auto-update.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/jessepollak\/card\">Card<\/a><\/h2>\n<p>Card is a JavaScript library <strong>that makes Credit Card input more engaging<\/strong> and improves your user experience while inputting their credit card numbers. It <strong>works well with jQuery, React, Angular, and Ember<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Card\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/card.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/Angelmmiguel\/graaf\">Graaf<\/a><\/h2>\n<p><strong>Graaf<\/strong> provide an overlay over your page to see how the grid \u2014 column, row, gutter \u2014 is laid out. You can also <strong>generate your own grid specification<\/strong> using the API provided.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Graaf\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/graaf.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/balzss.github.io\/luxbar\/\">Luxbar<\/a><\/h2>\n<p>Luxbar is a <strong>CSS framework to create a responsive navigation easily<\/strong>; simply add the stylesheet and add the HTML properly. You can install this library through <strong>NPM, Bower, or link the stylesheet directly from the CDN<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Luxbar\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/luxbar.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/contrast-grid.eightshapes.com\/\">Contrast Grid<\/a><\/h2>\n<p>A list of <strong>table shows color contrast and their accessibility grade based on the WCAG 2.0<\/strong>. You can change the value on the table, and quickly figure out whether the color combination complies with the WCAG standard.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Contrast Grid\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/contrast-grid.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/tonejs.github.io\/\">ToneJS<\/a><\/h2>\n<p>ToneJS is a JavaScript library to <strong>create a tone or sound which may like coming from a musical instrument<\/strong>. I guess this library will come in handy for building a web-based musical instrument emulator <strong>or a game of sound effects<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"ToneJS\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/tonejs.jpg\" width=\"750\"><\/figure>\n<hr>\n<p class=\"recommended_top\">\n\t\t\t\t\t<strong>Read Also:<\/strong>\u00a0\n\t\t\t\t\t<a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/scrolling-effects-js-libraries\/\">JavaScript Libraries for Cool Scrolling Effects<\/a>\n\t\t\t\t<\/p>","protected":false},"excerpt":{"rendered":"<p>Four years strong and still going! Our Fresh Resources series continues to showcase the web\u2019s rapid evolution. Each month brings exciting new tools that push the boundaries of what\u2019s possible in web development. This month\u2019s lineup is packed with innovation: from cutting-edge JavaScript libraries to powerful CSS frameworks and essential development references. Whether you\u2019re building&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.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (February 2017) - Hongkiat<\/title>\n<meta name=\"description\" content=\"Four years strong and still going! Our Fresh Resources series continues to showcase the web&#039;s rapid evolution. Each month brings exciting new tools that\" \/>\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-02-2017\/\" \/>\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 2017)\" \/>\n<meta property=\"og:description\" content=\"Four years strong and still going! Our Fresh Resources series continues to showcase the web&#039;s rapid evolution. Each month brings exciting new tools that\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2017\/\" \/>\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=\"2017-02-20T15:01:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T11:47:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/caption.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=\"8 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-02-2017\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2017\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (February 2017)\",\"datePublished\":\"2017-02-20T15:01:29+00:00\",\"dateModified\":\"2025-04-21T11:47:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2017\\\/\"},\"wordCount\":912,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2017\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-02-2017\\\/caption.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-02-2017\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2017\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2017\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (February 2017) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2017\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2017\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-02-2017\\\/caption.jpg\",\"datePublished\":\"2017-02-20T15:01:29+00:00\",\"dateModified\":\"2025-04-21T11:47:52+00:00\",\"description\":\"Four years strong and still going! Our Fresh Resources series continues to showcase the web's rapid evolution. Each month brings exciting new tools that\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2017\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2017\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2017\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-02-2017\\\/caption.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-02-2017\\\/caption.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2017\\\/#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 2017)\"}]},{\"@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 2017) - Hongkiat","description":"Four years strong and still going! Our Fresh Resources series continues to showcase the web's rapid evolution. Each month brings exciting new tools that","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-02-2017\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (February 2017)","og_description":"Four years strong and still going! Our Fresh Resources series continues to showcase the web's rapid evolution. Each month brings exciting new tools that","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2017\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2017-02-20T15:01:29+00:00","article_modified_time":"2025-04-21T11:47:52+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/caption.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":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2017\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2017\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (February 2017)","datePublished":"2017-02-20T15:01:29+00:00","dateModified":"2025-04-21T11:47:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2017\/"},"wordCount":912,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2017\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/caption.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-02-2017\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2017\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2017\/","name":"Fresh Resources for Web Designers and Developers (February 2017) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2017\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2017\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/caption.jpg","datePublished":"2017-02-20T15:01:29+00:00","dateModified":"2025-04-21T11:47:52+00:00","description":"Four years strong and still going! Our Fresh Resources series continues to showcase the web's rapid evolution. Each month brings exciting new tools that","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2017\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2017\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2017\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/caption.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2017\/caption.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2017\/#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 2017)"}]},{"@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-7Cf","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/29279","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=29279"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/29279\/revisions"}],"predecessor-version":[{"id":73997,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/29279\/revisions\/73997"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=29279"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=29279"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=29279"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=29279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}