{"id":30095,"date":"2017-05-30T23:01:39","date_gmt":"2017-05-30T15:01:39","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=30095"},"modified":"2025-04-21T19:44:18","modified_gmt":"2025-04-21T11:44:18","slug":"designers-developers-monthly-05-2017","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2017\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (May 2017)"},"content":{"rendered":"<p>As we move through 2017, the web development landscape continues to evolve with exciting new tools and resources. This month\u2019s collection features some truly innovative solutions that have caught our attention.<\/p>\n<p>From powerful JavaScript frameworks to cutting-edge CSS utilities and innovative development tools, we\u2019ve curated a diverse selection of resources that can help enhance your workflow and elevate your projects. Whether you\u2019re working on frontend interfaces, backend systems, or full-stack applications, there\u2019s something here to inspire and assist you. Let\u2019s explore what\u2019s new!<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-30095-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-30095-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:\/\/getkap.co\/\">Kap<\/a><\/h2>\n<p>Kap is a <strong>neat little screen recorder for MacOS<\/strong>. It is an open-source app, built with web technology. One thing that I love in this app is that it offers <strong>converting the video right out-of-the box<\/strong>. Kap is a great alternative to record your apps or website\u2019s live demo.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Kap\" height=\"731\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/kap.jpg\" width=\"1090\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/sizzy.co\/\">Sizzy<\/a><\/h2>\n<p>Sizzy is a <strong>development tool to test your responsive website<\/strong> in multiple viewport sizes on a single screen. It\u2019s a super handy app as compared to the <strong>Chrome\u2019s built-in mobile emulator<\/strong>. Sizzy also comes as a <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/sizzy\/nfhlbmjiiogoelaflfclodlkncbdiefo\">Chrome Extension<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Sizzy\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/sizzy.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/muse-ui.org\/\">Muse UI<\/a><\/h2>\n<p>A <strong>UI library based on Material Design principle<\/strong> and built on top of <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/vuejs.org\/\">Vue.js 2.0<\/a>, Muse UI is packed with Material Design Compenents such as Appbar, Card, and Dialog. It is great <strong>framework to build and run UI quickly<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Muse UI\" height=\"746\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/muse-ui.jpg\" width=\"1028\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/danielbachhuber.com\/2017\/05\/16\/10-advanced-wp-cli-tricks\/\">Advanced WP-CLI<\/a><\/h2>\n<p>I\u2019m a big fan of <strong>WP-CLI and use it almost every day<\/strong> in my work as a WordPress developer. Yet, it is only recently that I found out that WP-CLI allows you to <strong>create a PHP UnitTest scaffold for a theme!<\/strong> This is a list of WP-CLI advanced usage from the <strong>WP-CLI maintainer, Daniel Bachhuber<\/strong>, himself.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Advanced WP CLI\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/wp-cli-advanced.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/icons8.com\/lunacy\">Lunacy<\/a><\/h2>\n<p>Lunacy is a <strong>standalone Sketch file viewer for Windows<\/strong>. It works great with Sketch file that contains text, raster images, even gradients, and shadows. It <strong>doesn\u2019t require connection to the internet<\/strong>, thus developers can work on Sketch files from anywhere. And <strong>it is completely free<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Lunacy\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/lunacy.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/k6.io\/\">K6<\/a><\/h2>\n<p><strong>Speed matters in almost every aspect of web application<\/strong>. But how do you measure the speed of your website? Well, <strong>the answer is K6<\/strong>. It simulates traffic to your website and loads the website on a given duration as if it is a real traffic. In short, K6 is the <strong>UnitTest for Performance<\/strong>.<\/p>\n<figure><img decoding=\"async\" alt=\"K6\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/k6.gif\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/Brunty\/awesome-checker-services\">Checker Service<\/a><\/h2>\n<p>A great list of web apps to <strong>check a lot of stuff such as DNS, Load, Speed, SEO, Security, and SSL<\/strong>. Many of these tools are free, however, there are a few premium services listed therein that <strong>offer advanced features for users<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Checker Service\" height=\"768\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/checker-service.jpg\" width=\"929\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/sketchmaster.com\/svg-optimizer\">SVGito<\/a><\/h2>\n<p>Is a small web tool to <strong>optimize SVG that has been generated from the Sketch app<\/strong>. Paste your the SVG code onto the website and it will return the optimized code immediately.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"SVGito\" height=\"417\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/svgito.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2>Launchaco<\/h2>\n<p><strong>Finding a great name for your startup<\/strong> is hard, and obtaining an available username handler on social media is even harder. Launchaco is a handy tool that <strong>allows you to find domain names, usernames<\/strong> for different social media like Twitter, Facebook, Instagram etc., and helps you <strong>generate a nice logotype<\/strong> of your business.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Launchaco\" height=\"588\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/launchaco.jpg\" width=\"792\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/tholman.com\/obnoxious\/\">Obnoxious<\/a><\/h2>\n<p>A <strong>collection of unique animation done with CSS<\/strong>. Please don\u2019t run the animation, if you heart and mind are not strong enough to see it.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Obnoxious\" height=\"308\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/obnoxious.gif\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/alialaa.github.io\/css-grid-cheat-sheet\/\">CSS Grid Cheat Sheet<\/a><\/h2>\n<p>Learning CSS Grid can be quite intimidating when it comes to a number of new properties, <strong>a new measuring unit, and also almost a complete new paradigm<\/strong> to build the web layout. This tool, as the name implies, is to help you <strong>get your feet off the ground with CSS Grid<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"CSS Grid Cheat Sheet\" height=\"469\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/css-grid-cheatsheet.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/workboxjs.org\/\">Workbox<\/a><\/h2>\n<p>Workbox is a <strong>new initiative from Google to build Progressive Web App<\/strong> (PWA). It is akin to Yeoman or Create React App in a way that you can get everything up and <strong>ready in single line of command<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Workbox\" height=\"704\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/workbox.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/mavo.io\/\">Mavo<\/a><\/h2>\n<p>Mavo is a new open source project from Lea Verou. It is a library that turns bare HTML markup and a few <strong>custom attributes into a functioning web application<\/strong>. Mavo easier to follow as compared to the other libraries like Backbone, Vue.js or React as it allows <strong>less tech-savvy users to build web application<\/strong> quickly and easily.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Mavo\" height=\"685\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/mavo.jpg\" width=\"1294\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/mui.com\/\">Material UI<\/a><\/h2>\n<p>Simlar to Muse UI, it is a <strong>UI framework based on Meterial Design language<\/strong>. This one is however built using React. It is now up to your preference; if you are with <strong>team Vue.js or team React<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Material UI\" height=\"753\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/material-ui.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/meowni.ca\/lazy-image\/\">Lazy Image<\/a><\/h2>\n<p>Lazy Image is a <strong>custom HTML element to load image on request<\/strong>. This custome element provides an additional <code>.active<\/code> object within the Element Object which you can <strong>use to trigger the image to load in any event or user interaction<\/strong> as you need.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Lazy Image\" height=\"653\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/lazy-image.jpg\" width=\"569\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/guarinogabriel\/Mac-CLI\">Mac CLI<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Mac CLI\" height=\"563\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/mac-cli.jpg\" width=\"897\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/newmarcel\/KeepingYouAwake\">Keeping You Awake<\/a><\/h2>\n<p>KeepingYouAwake is a menu bar utility for MacOS to <strong>prevent your Mac from entering sleep mode for a set duration<\/strong> or as long as it is activated. You can install this app using <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/brew.sh\/\">Homebrew<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Keeping You Awake\" height=\"469\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/keepingyouawake.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/jsonfeed.org\/\">JSON Feed<\/a><\/h2>\n<p>Finally! This is a <strong>standard specification for delivering content feed in JSON<\/strong> format. There is already <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/wp-api-json-feed\/\">a WordPress plugin<\/a> built for the implementation. This should make web developers\u2019 life easier. Let\u2019s just <strong>say goodbye to XML<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"JSON Feed\" height=\"360\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/jsonfeed.jpg\" width=\"800\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/carbon.nesbot.com\/\">Carbon<\/a><\/h2>\n<p>In short, Carbon is the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/momentjs.com\/\">Moment.js<\/a> of PHP. It is PHP library to generate and <strong>manipulate date and time strings<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Carbon\" height=\"695\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/carbon-php.jpg\" width=\"791\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/speedracer\/speedracer\">SpeedRacer<\/a><\/h2>\n<p>Another <strong>tool for Performance Unit Test<\/strong>. While K6 will perform load testers by sending Virutal Users to simulate visits and traffic, SpeedRacer will <strong>evaluate page rendering performance on the browser<\/strong>. SpeedRacer can be a good companion to K6.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Speed Racer\" height=\"1175\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/speedracer.jpg\" width=\"1271\"><\/figure>\n<hr>","protected":false},"excerpt":{"rendered":"<p>As we move through 2017, the web development landscape continues to evolve with exciting new tools and resources. This month\u2019s collection features some truly innovative solutions that have caught our attention. From powerful JavaScript frameworks to cutting-edge CSS utilities and innovative development tools, we\u2019ve curated a diverse selection of resources that can help enhance your&hellip;<\/p>\n","protected":false},"author":113,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"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.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (May 2017) - Hongkiat<\/title>\n<meta name=\"description\" content=\"As we move through 2017, the web development landscape continues to evolve with exciting new tools and resources. This month&#039;s collection features some\" \/>\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-05-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 (May 2017)\" \/>\n<meta property=\"og:description\" content=\"As we move through 2017, the web development landscape continues to evolve with exciting new tools and resources. This month&#039;s collection features some\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-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-05-30T15:01:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T11:44:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/kap.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-05-2017\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-2017\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (May 2017)\",\"datePublished\":\"2017-05-30T15:01:39+00:00\",\"dateModified\":\"2025-04-21T11:44:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-2017\\\/\"},\"wordCount\":950,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-2017\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-05-2017\\\/kap.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-05-2017\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-2017\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-2017\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (May 2017) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-2017\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-2017\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-05-2017\\\/kap.jpg\",\"datePublished\":\"2017-05-30T15:01:39+00:00\",\"dateModified\":\"2025-04-21T11:44:18+00:00\",\"description\":\"As we move through 2017, the web development landscape continues to evolve with exciting new tools and resources. This month's collection features some\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-2017\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-2017\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-2017\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-05-2017\\\/kap.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-05-2017\\\/kap.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-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 (May 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 (May 2017) - Hongkiat","description":"As we move through 2017, the web development landscape continues to evolve with exciting new tools and resources. This month's collection features some","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-05-2017\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (May 2017)","og_description":"As we move through 2017, the web development landscape continues to evolve with exciting new tools and resources. This month's collection features some","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2017\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2017-05-30T15:01:39+00:00","article_modified_time":"2025-04-21T11:44:18+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/kap.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-05-2017\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2017\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (May 2017)","datePublished":"2017-05-30T15:01:39+00:00","dateModified":"2025-04-21T11:44:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2017\/"},"wordCount":950,"commentCount":4,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2017\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/kap.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-05-2017\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2017\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2017\/","name":"Fresh Resources for Web Designers and Developers (May 2017) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2017\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2017\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/kap.jpg","datePublished":"2017-05-30T15:01:39+00:00","dateModified":"2025-04-21T11:44:18+00:00","description":"As we move through 2017, the web development landscape continues to evolve with exciting new tools and resources. This month's collection features some","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2017\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2017\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2017\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/kap.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2017\/kap.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-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 (May 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-7Pp","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/30095","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=30095"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/30095\/revisions"}],"predecessor-version":[{"id":73984,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/30095\/revisions\/73984"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=30095"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=30095"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=30095"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=30095"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}