{"id":29836,"date":"2017-04-20T21:01:41","date_gmt":"2017-04-20T13:01:41","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=29836"},"modified":"2025-04-21T19:51:27","modified_gmt":"2025-04-21T11:51:27","slug":"designers-developers-monthly-04-2017","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2017\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (April 2017)"},"content":{"rendered":"<p>The web development landscape has evolved significantly since the beginning of 2017, with new tools and resources emerging at an unprecedented pace. Today, we\u2019re excited to share some of the most innovative <a href=\"https:\/\/www.hongkiat.com\/blog\/web-developer-resources-compilation\/\">web development resources<\/a> with you.<\/p>\n<p>Our collection includes an interactive tool for learning the new CSS Grid module, a comprehensive React fundamentals course, and essential PHP design patterns to improve your code quality. Let\u2019s explore these valuable resources together!<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-29836-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-29836-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:\/\/finchalyzer.github.io\/slinky\/\">Slinky<\/a><\/h2>\n<p>A <strong>Sketch plugin<\/strong> that enables you to <strong>export your Artboard to HTML email template<\/strong> with a simple click. Slinky is currently in the active development stage, however, there are still a few things that are rough on the edges. So follow <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/finchalyzer\/slinky#important-guidelines\">the guideline<\/a> to <strong>get the best possible output<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Slinky\" height=\"460\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/slinky.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.boilrplate.com\/\">Boilrplate<\/a><\/h2>\n<p>A <strong>curated directory of boilerplates and templates<\/strong> to help you get started with a project quickly. It contains a list of boilerplates of numerous languages and framework including <strong>jQuery, Angular, React, WordPress, Backbone, and Electron<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Boilrplate\" height=\"460\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/boilrplate.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/griddy.io\/\">Griddy<\/a><\/h2>\n<p><a href=\"https:\/\/www.hongkiat.com\/blog\/css-grid-layout-module\/\">CSS Grid<\/a> is the next big thing that will <strong>change how we arrange layout<\/strong> and use grid frameworks to build website. However, given the complexity, using CSS Grid might be <strong>overwhelming for some users<\/strong>. In such a case, this handy web application, Griddy, can be very <strong>helpful in learning CSS Grid<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Griddy\" height=\"460\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/griddy.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2>React Fundamentals<\/h2>\n<p>I\u2019m learning React at the time of writing and <strong>found a great course<\/strong> where you can <a href=\"https:\/\/www.hongkiat.com\/blog\/getting-started-react-js\/\">learn React as a beginner<\/a>. The course consists of videos, articles, and quizzes. And did I mention that <strong>this course is absolutely free<\/strong>?<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"React Fundamentals\" height=\"460\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/react-fundamentals.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/beta.chassis.io\/\">Chassis Desktop<\/a><\/h2>\n<p>Chassis is a <strong>virtual machine configuration that is designed to build around WordPress ecosystem<\/strong> such as the Themes and Plugins. It will enable you to visually manage Chassis installations. At the time of writing, Chassis is <strong>still in the development phase, but it will be released soon<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Chassis Desktop\" height=\"460\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/chassis.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/papersizes.io\/\">Papersizes<\/a><\/h2>\n<p>A collection of <strong>standard paper sizes used in different countries<\/strong> including those commonly used size in Japan, France and Canada. It\u2019s a great resource that <strong>both web designers and developers should bookmark<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Papersizes\" height=\"460\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/papersizes.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/atomiks.github.io\/tippyjs\/\">TippyJS<\/a><\/h2>\n<p>A nice <strong>JavaScript library to build Tooltip<\/strong>, TippyJS comes with <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/atomiks.github.io\/tippyjs\/#all-settings\">an abundance of settings<\/a> to configure how the tooltip should appear and behave. It\u2019s \u2018themeable\u2019 in a way that you can <strong>customize the look easily through CSS<\/strong>. Developers will especially appreciate the <strong>\u201cCallback\u201d<\/strong> it provides.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"TippyJS\" height=\"460\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/tippyjs.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/DesignPatternsPHP\/DesignPatternsPHP\">Design Patterns PHP<\/a><\/h2>\n<p><strong>Understanding the design pattern of a programming language<\/strong> can help produce codes which not only work but are also scalable and easily maintainable. <strong>If you are into PHP, this is one of the tutorials you should look into<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Design Patterns PHP\" height=\"460\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/php-design-pattern.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/docs.guzzlephp.org\/en\/latest\/\">Guzzle<\/a><\/h2>\n<p>Guzzle is a handy <strong>PHP library to make HTTP requests<\/strong> with various methods like \u201cGET\u201d, \u201cPOST\u201d and even Async requests similar to JavaScript. It comes with an <strong>abundance of function methods<\/strong> where you easily get the response from the request made, including the response <strong>Header, the Body as well as the status code<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Guzzle\" height=\"460\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/guzzle.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/chalarangelo.github.io\/mini.css\">Mini.css<\/a><\/h2>\n<p>Mini is a <strong>CSS framework with minimal footprint<\/strong>. And as the other frameworks, it\u2019s shipped with a number of web components such as <strong>Grid, Navigation, Table<\/strong>, etc.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Mini CSS\" height=\"553\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/minicss.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/simpleicons.org\/\">SimpleIcons<\/a><\/h2>\n<p>A <strong>collection of icons of companies and brands<\/strong> from popular ones like eBay, Viber, Dribble and Google+ to least popular ones such as Gitter, Kirby, Viadeo. The <strong>icons come in SVG format<\/strong> and can prove to be a great resource for both designers and developers.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Simple Icons\" height=\"551\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/simpleicons.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/chrome-mysql-admin\/ndgnpnpakfcdjmpgmcaknimfgcldechn\">Chrome MySQL Admin<\/a><\/h2>\n<p>A <strong>Chrome extension to manage your MySQL database<\/strong>. It\u2019s a great alternative to apps like Sequel Pro and MySQL Workbence.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Chrome MySQL Admin\" height=\"460\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/chrome-mysql-admin.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/numi.app\/\">Numi<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Numi\" height=\"708\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/numi.jpg\" width=\"937\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/laradock.io\/\">Laradock<\/a><\/h2>\n<p>A <strong>Docker configuration to run Laravel<\/strong>. Laradock supports various database engines including MariaDB and MongoDB as well as Cache Engines like Redis and Memchaced. Though it\u2019s named after Laravel, you can <strong>use it for other frameworks or platforms like WordPress and Drupal<\/strong> as well.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Laradock\" height=\"460\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/laradock.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/fabri.ca\/\">Fabrica<\/a><\/h2>\n<p>Fabrica is a <strong>collection of tools to develop WordPress from start to finish<\/strong>. Fabrica uses Docker for running quickly and to set development environment up and uses <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/welaika\/wordmove\">WordMove<\/a> <strong>for the deployment<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Fabrica\" height=\"736\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/fabrica.jpg\" width=\"727\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/typicode\/husky\">Husky<\/a><\/h2>\n<p>Husky is a <strong>Node module<\/strong> that enables us to run <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/githooks.com\/\">githooks<\/a> such as <code>pre-commit<\/code>, <code>pre-receive<\/code>, and <code>post-receive<\/code>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Husky\" height=\"552\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/husky.jpg\" width=\"1008\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/bevacqua\/easymap\">EasyMap<\/a><\/h2>\n<p>EasyMap makes it absolutely <strong>easy to render and add markers in Google Maps<\/strong>. Simply add your Google Maps API key and provide the location address on a <strong>JSON format<\/strong> and you\u2019re done.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Easy Map\" height=\"715\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/easymap.jpg\" width=\"1200\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/wappalyzer-technology-pro\/gppongmhjkpfnbhagpmjfkannfbllamg\">Wappalyzer<\/a><\/h2>\n<p>A handy <strong>Chrome extension to see which tools, server, and the libraries that a website is using<\/strong>. From this tool, I\u2019ve figured out that there are still a lot of popular websites <strong>using jQuery, even the one like Github<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Wappalyzer\" height=\"632\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/wappalyzer.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/Idnan\/bash-guide\">Bash Guide<\/a><\/h2>\n<p><strong>Bash Guide<\/strong>, as the name implies, is a <strong>handy guide for basic command lines<\/strong>. A great resource for web developers who just get started with <strong>Terminal and Command Lines<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Bash Guide\" height=\"547\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/bash-guide.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/gka.github.io\/chroma.js\/\">Chroma.js<\/a><\/h2>\n<p>Chroma.js is <strong>JavaScript library to manipulate colors<\/strong>. It supports many color formatting including HEX, RGB, and RGBA. On top of that, you can also <strong>manipulate the colors by the brightness, the contrast, and the saturation<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Chroma JS\" height=\"774\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/chromajs.jpg\" width=\"1228\"><\/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\/designers-developers-monthly-03-2017\/\">Fresh Resources for Web Designers and Developers (March 2017)<\/a>\n\t\t\t\t<\/p>","protected":false},"excerpt":{"rendered":"<p>The web development landscape has evolved significantly since the beginning of 2017, with new tools and resources emerging at an unprecedented pace. Today, we\u2019re excited to share some of the most innovative web development resources with you. Our collection includes an interactive tool for learning the new CSS Grid module, a comprehensive React fundamentals course,&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.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (April 2017) - Hongkiat<\/title>\n<meta name=\"description\" content=\"The web development landscape has evolved significantly since the beginning of 2017, with new tools and resources emerging at an unprecedented pace.\" \/>\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-04-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 (April 2017)\" \/>\n<meta property=\"og:description\" content=\"The web development landscape has evolved significantly since the beginning of 2017, with new tools and resources emerging at an unprecedented pace.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-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-04-20T13:01:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T11:51:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/slinky.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-04-2017\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2017\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (April 2017)\",\"datePublished\":\"2017-04-20T13:01:41+00:00\",\"dateModified\":\"2025-04-21T11:51:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2017\\\/\"},\"wordCount\":854,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2017\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-04-2017\\\/slinky.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-04-2017\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2017\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2017\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (April 2017) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2017\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2017\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-04-2017\\\/slinky.jpg\",\"datePublished\":\"2017-04-20T13:01:41+00:00\",\"dateModified\":\"2025-04-21T11:51:27+00:00\",\"description\":\"The web development landscape has evolved significantly since the beginning of 2017, with new tools and resources emerging at an unprecedented pace.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2017\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2017\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2017\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-04-2017\\\/slinky.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-04-2017\\\/slinky.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-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 (April 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 (April 2017) - Hongkiat","description":"The web development landscape has evolved significantly since the beginning of 2017, with new tools and resources emerging at an unprecedented pace.","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-04-2017\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (April 2017)","og_description":"The web development landscape has evolved significantly since the beginning of 2017, with new tools and resources emerging at an unprecedented pace.","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2017\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2017-04-20T13:01:41+00:00","article_modified_time":"2025-04-21T11:51:27+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/slinky.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-04-2017\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2017\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (April 2017)","datePublished":"2017-04-20T13:01:41+00:00","dateModified":"2025-04-21T11:51:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2017\/"},"wordCount":854,"commentCount":1,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2017\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/slinky.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-04-2017\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2017\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2017\/","name":"Fresh Resources for Web Designers and Developers (April 2017) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2017\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2017\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/slinky.jpg","datePublished":"2017-04-20T13:01:41+00:00","dateModified":"2025-04-21T11:51:27+00:00","description":"The web development landscape has evolved significantly since the beginning of 2017, with new tools and resources emerging at an unprecedented pace.","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2017\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2017\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2017\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/slinky.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2017\/slinky.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-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 (April 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-7Le","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/29836","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=29836"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/29836\/revisions"}],"predecessor-version":[{"id":74011,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/29836\/revisions\/74011"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=29836"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=29836"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=29836"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=29836"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}