{"id":37662,"date":"2017-08-15T21:01:59","date_gmt":"2017-08-15T13:01:59","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=37662"},"modified":"2025-04-21T19:46:52","modified_gmt":"2025-04-21T11:46:52","slug":"designers-developers-monthly-08-2017","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2017\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (August 2017)"},"content":{"rendered":"<p>Several <a href=\"https:\/\/www.hongkiat.com\/blog\/open-source-doesnt-mean-free\/\">open-source companies<\/a> have joined together to provide useful <strong>web resources and tools for everyone to use for free<\/strong>. This is what makes the web community thrive, innovate, and produce more useful resources.<\/p>\n<p>In this installment of the Fresh Resources series, I have put together a number of <strong>new resources from various categories<\/strong>, including an app that allows you to manage Sketch plugins across different computers, a collection of iconic fonts for your nerd soul, <strong>a couple of desktop apps<\/strong>, and a handful of others. Let\u2019s check them out one by one.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-37662-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-37662-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:\/\/inclusivedesignprinciples.org\/\">Inclusive Design Principle<\/a><\/h2>\n<p>A great reference providing <strong>principles to build websites or software applications<\/strong> that are enjoyable for as many people as possible regardless of their disabilities. This reference is available in English, Spainish, French, and Japanese. A nice <strong>poster is also available that you can print<\/strong> and place in your work station.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Inclusive Design Principle\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/inclusive-design.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/richtabor\/MerlinWP\">MerlinWP<\/a><\/h2>\n<p>This is something that I had been thinking to build, however, someone did it first and it looks great. MerlinWP is PHP class intended for theme developers to <strong>provide a nice <em>on-boarding<\/em> experience for a WordPress theme<\/strong> similar to how we would setup macOS or Windows on a new computer.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"MerlinWP\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/merlinwp.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/denysdovhan\/wtfjs\">WTFJS<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"WTFJS\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/wtfjs.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/invoicing\/\">Invoicing<\/a><\/h2>\n<p>A WordPress plugin that <strong>allows you to create an invoice and a quote right from the Dashboard<\/strong>. It has am easy to use and sleek UI and includes all the features necessary to manage invoices. You can also set different payment modes to let your clients pay from Paypal, Authorize.net, Stripe, and many others.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Invoicing\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/invoicing.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/apps.apple.com\/us\/app\/lungo\/id1263070803?mt=12\">Lungo<\/a><\/h2>\n<p>A small <strong>macOS application to make your computer stay awake<\/strong>. This app is particularly useful when you\u2019re in the middle of an automated tasks that would take a long time to complete and you want to make sure your computer won\u2019t go in the sleep mode.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Lungo\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/lungo.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/applypixels.com\/template\/vector-emoji\/\">Vector Emoji<\/a><\/h2>\n<p>A <strong>collection of popular emojis in vector format<\/strong>. Files are available in both Photoshop and Sketch format.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Vector Emoji\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/vector-emoji.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/terminalsare.sexy\/\">TerminalsAreSexy<\/a><\/h2>\n<p>Terminal is probably one of the greatest tool ever invented. And this, \u201cTerminalsAreSexy\u201d, is a <strong>curated list of tools, frameworks, and extensions<\/strong> that will enhance it. Once you\u2019ve mastered Terminal and the command lines, you\u2019ll find it to be more powerful than any GUI applications.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Terminals Are Sexy\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/terminal-are-sexy.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/flatpickr\/flatpickr\">Flat Picker<\/a><\/h2>\n<p>FlatPickr is a <strong>lightweight, easily customizable, insanely fast date-time picker<\/strong> that works in IE9+, iOS Safari 6+, MS Edge, Chrome 8+, Firefox 6+. FlatPickr has also been <strong>ported to popular JavaScript frameworks<\/strong> including React, Ember, Vue, and Angular.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Flat Picker\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/flatpickr.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/getcomposercat.com\/\">Composer Cat<\/a><\/h2>\n<p>Composer is popular dependency management for PHP applications. If you prefer working with a GUI, ComposerCat is the one you\u2019re looking for. It allows you to <strong>install, update, and remove Composer packages an intuitive user interface<\/strong>. Built on top of Electron, ComposerCat is available for Windows, macOS, and Linux.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Composer Cat\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/composercat.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/vidlery.com\/\">Vidlery<\/a><\/h2>\n<p>A great <strong>collection of animated videos that are perfect for a website background<\/strong>. All these videos are free. What more can we ask?<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Vidlery\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/vidlery.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/FormidableLabs\/electron-webpack-dashboard\">Webpack Dashboard<\/a><\/h2>\n<p>Inspired by <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/nasa\/openmct\">NASA OpenMCT Dashboard<\/a>, this app will show you the <strong>Logs, Assets, Operations, and other analytical assessments<\/strong> of your Webpack bundles that will make you feel like working on a NASA project. Sounds awesome right?<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Webpack Dashboard\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/webpack-dashboard.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/aksakalli\/gtop\">GTop<\/a><\/h2>\n<p>Another tool that will add to your productivity. GTop is a Node Package that offers you <strong>system monitoring dashboard for terminal<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"GTop\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/gtop.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wekan.github.io\/\">Wekan<\/a><\/h2>\n<p>Wekan is a <strong>Trello-like application that you can run on your own server<\/strong>. A great alternative to Trello, especially if you haven\u2019t subscribed to any service yet. Check out <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/wekan\/wekan\/wiki\">the the detailed Wiki<\/a> on the installation.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Wekan\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/wekan.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/farzher\/fuzzysort\">FuzzySort<\/a><\/h2>\n<p>Inspired by SublimeText search, FuzzySort is a <strong>JavaScript library for incredibly fast fuzzy-type searches<\/strong>. This library can be used in Node application and in the browser. If you\u2019re not sure what \u201cFuzzy\u201d search means check out <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/stackoverflow.com\/questions\/32337135\/fuzzy-search-algorithm-approximate-string-matching-algorithm\">this thread on StackOverflow<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"FuzzySort\" height=\"960\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/fuzzysort.gif\" width=\"1500\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/nerdfonts.com\/\">NerdFonts<\/a><\/h2>\n<p>A huge <strong>collection of fonts to unleash your nerdy side<\/strong>. The collection includes some of the popular font families such as Hack, Fira, Ubuntu, Roboto, and Meslo.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"NerdFonts\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/nerdfonts.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/rikschennink.github.io\/fitty\/\">Fitty<\/a><\/h2>\n<p>Fitty is a <strong>JavaScript library to make a text be fit in its container<\/strong>. It works with custom webfonts and supports multiline text. It is also responsive; as it will <strong>automatically adjust the font-size when the viewport changes<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Fitty\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/fitty.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/whatwebcando.today\/\">WhatWebCanDo<\/a><\/h2>\n<p>The Web has evolved more than just delivering text and media. It has introduced vastly new APIs, new Elements and CSS, and other technologies that enrich the experience on the web for both users and the developers. <strong>Visit WhatWebCanDo to get the list of features enabled in the browser you\u2019re using<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"WhatWebCanDo\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/whatwecandotoday.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/sketchpacks\">SketchPacks<\/a><\/h2>\n<p>An app that allows you to <strong>sync Sketch plugins across multiple computers<\/strong>. It\u2019s useful when you are working both on your iMac or MacBook, or get your <strong>Sketch up and running when you\u2019ve just set up a new computer<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"SketchPacks\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/sketchpacks.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/fontstorage.com\/\">FontStorage<\/a><\/h2>\n<p>A <strong>huge collection free fonts that can be used on the web<\/strong>. It provides fonts from various categories with glyphs of difference languages. A plugin for <strong>code editor is available to be inserted in the stylesheet of the selected font<\/strong>. Alternately, you can download the fonts and load it using <code>@fontface<\/code> within the site\u2019s own stylesheet. This could be a great alternative to Google Fonts.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"FontStorage\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/fontstorage.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\/librariesio\/\">Libraries.io \u2013 Open Source Search Engine For Developers<\/a>\n\t\t\t\t<\/p>","protected":false},"excerpt":{"rendered":"<p>Several open-source companies have joined together to provide useful web resources and tools for everyone to use for free. This is what makes the web community thrive, innovate, and produce more useful resources. In this installment of the Fresh Resources series, I have put together a number of new resources from various categories, including an&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.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (August 2017) - Hongkiat<\/title>\n<meta name=\"description\" content=\"Several open-source companies have joined together to provide useful web resources and tools for everyone to use for free. This is what makes the web\" \/>\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-08-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 (August 2017)\" \/>\n<meta property=\"og:description\" content=\"Several open-source companies have joined together to provide useful web resources and tools for everyone to use for free. This is what makes the web\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-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-08-15T13:01:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T11:46:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/inclusive-design.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=\"4 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-08-2017\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2017\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (August 2017)\",\"datePublished\":\"2017-08-15T13:01:59+00:00\",\"dateModified\":\"2025-04-21T11:46:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2017\\\/\"},\"wordCount\":877,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2017\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-09-2017\\\/inclusive-design.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-08-2017\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2017\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2017\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (August 2017) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2017\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2017\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-09-2017\\\/inclusive-design.jpg\",\"datePublished\":\"2017-08-15T13:01:59+00:00\",\"dateModified\":\"2025-04-21T11:46:52+00:00\",\"description\":\"Several open-source companies have joined together to provide useful web resources and tools for everyone to use for free. This is what makes the web\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2017\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2017\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2017\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-09-2017\\\/inclusive-design.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-09-2017\\\/inclusive-design.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-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 (August 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 (August 2017) - Hongkiat","description":"Several open-source companies have joined together to provide useful web resources and tools for everyone to use for free. This is what makes the web","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-08-2017\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (August 2017)","og_description":"Several open-source companies have joined together to provide useful web resources and tools for everyone to use for free. This is what makes the web","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2017\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2017-08-15T13:01:59+00:00","article_modified_time":"2025-04-21T11:46:52+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/inclusive-design.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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2017\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2017\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (August 2017)","datePublished":"2017-08-15T13:01:59+00:00","dateModified":"2025-04-21T11:46:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2017\/"},"wordCount":877,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2017\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/inclusive-design.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-08-2017\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2017\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2017\/","name":"Fresh Resources for Web Designers and Developers (August 2017) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2017\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2017\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/inclusive-design.jpg","datePublished":"2017-08-15T13:01:59+00:00","dateModified":"2025-04-21T11:46:52+00:00","description":"Several open-source companies have joined together to provide useful web resources and tools for everyone to use for free. This is what makes the web","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2017\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2017\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2017\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/inclusive-design.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2017\/inclusive-design.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-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 (August 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-9Ns","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/37662","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=37662"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/37662\/revisions"}],"predecessor-version":[{"id":73993,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/37662\/revisions\/73993"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=37662"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=37662"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=37662"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=37662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}