{"id":45238,"date":"2018-08-22T21:01:45","date_gmt":"2018-08-22T13:01:45","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=45238"},"modified":"2025-04-21T18:21:13","modified_gmt":"2025-04-21T10:21:13","slug":"designers-developers-monthly-08-2018","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2018\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (August 2018)"},"content":{"rendered":"<p>The development community has been more active lately, with quite a few new tools released in the last few months. In this round of the series, I\u2019ll highlight some of the tools that are worth mentioning.<\/p>\n<p>Among the list of tools, there is a <strong>JavaScript library to generate dummy data, a tool to share files within local networks<\/strong>, and one that allows you to record Terminal sessions into SVG animations. Sounds cool? Let\u2019s check the full list below.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-45238-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-45238-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:\/\/www.github.com\/oncebot\/pushbar.js\">Pushbar.js<\/a><\/h2>\n<p>It\u2019s a JavaScript library for creating sliding drawer. Typically the sliding drawer is used to display the site menu navigation, but you can use this library to display anything suitable for your site. Pushbar.js is <strong>fully customizable and dependency free, no jQuery required<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Pushbar Js\" height=\"470\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/pushbar-js.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/mixn\/carbon-now-cli\">Carbon Now CLI<\/a><\/h2>\n<p>Carbon CLI is a Node.js package to <strong>generate a code screenshot<\/strong> beautifully through a command line interface. This tool is inspired by <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/carbon.now.sh\/\">carbon.now.sh<\/a> where you can do the same through a nice GUI on the browser.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Carbon Cli\" height=\"806\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/carbon-cli.gif\" width=\"1276\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/fakerjs.dev\/\">Faker.js<\/a><\/h2>\n<p>A JavaScript library to <strong>create a dummy data<\/strong>. It supports generating a bulk of data like names, postal address, company name, phone number, date, and many more. All this data can be very useful to <strong>test your web application<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Faker Js\" height=\"470\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/fakerjs.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/nbedos\/termtosvg\">TermToSVG<\/a><\/h2>\n<p>TermToSVG is a <strong>Linux terminal recorder<\/strong> that renders your command line sessions into an SVG animation. It is a useful tool for developers for writing a tutorial.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Term To Svg\" height=\"470\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/termtosvg.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/backup-manager\/backup-manager\">Database Backup Manager<\/a><\/h2>\n<p>It is a PHP library, and as the name implies, it provides a set of functionalities to <strong>handle database back up and restoration<\/strong>. The library supports various services to send to or pull the backup from, including Dropbox, Amazon S3, FTP and SFTP, and Rackloud Cloud.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Database Backup Manager\" height=\"470\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/backup-manager.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/vasanthk\/react-bits\">React Bits<\/a><\/h2>\n<p>A humongous collections of React.js techniques, tips and tricks, React Bits covers common design patterns, styling, and performance tips. This is a truly <strong>great resource to level up your React.js skills<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"React Bits\" height=\"470\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/react-bits.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/giuseppeg\/dss\">DSS Language<\/a><\/h2>\n<p>The DSS stands for Deterministic StyleSheets, a new CSS authoring tool. How does it work and how can this be applied to my day to day work? I honestly have no idea so far. But it looks cool and it is new so it\u2019s on the list. Thank you!<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"DSS Language\" height=\"470\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/dss-lang.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.purgecss.com\/\">PurgeCSS<\/a><\/h2>\n<p>PurgeCSS is an NPM package that allows <strong>optimize the CSS output<\/strong> in your web application by removing those that are not in use. The tool has a variety of built-in tool support covered including Gulp, Grunt, Grunt, Webpack, and PostCSS, so you can <strong>integrate it into your project<\/strong> right away.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Purge CSS\" height=\"470\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/purgecss.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/twbs\/rfs\">RFS<\/a><\/h2>\n<p>RFS stands for Responsive Font Size and is an interesting project to tackle one of the hardest things on the web, that is to <strong>make font size responsive<\/strong>, in a way that the size will follow nicely with the viewport size of the device. RFS is available as an NPM<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"RFS\" height=\"470\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/rfs.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/grsmto.github.io\/simplebar\/\">SimpleBar<\/a><\/h2>\n<p>A JavaScript library to create a custom scroll bar, SimpleBar allows you to style the scroll to <strong>match your site style using CSS just like any other HTML element<\/strong> on the site. Due to platform and browser restrictions, styling the browser scroll bar used to be complicated but SimpleBar has really made it simple.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Simple Bar\" height=\"470\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/simplebar.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/nunomaduro\/larastan\">Larastan<\/a><\/h2>\n<p>Larastan is a wrapper of <strong>PHPStan for Laravel<\/strong>. <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/phpstan\/phpstan\">PHPStan<\/a> is a tool that will allow you to check your codes for potential error without needing to write a unit test. It checks numerous things including the existence of called methods and functions, types assigned to properties, number and types assigned to Class constructor, and validating phpDocs.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Larastan\" height=\"470\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/larastan.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/paulirish\/pwmetrics\">PWMetrics<\/a><\/h2>\n<p>PWMetrics is a tool that gathers Progressive Web Apps metrics through a command line interface developed by Paul Irish. The tool is powered by <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/GoogleChrome\/lighthouse\/\">Lighthouse<\/a> and is available as an NPM package. It provides plenty of options to <strong>configure the metrics, the test performance<\/strong>, and expectation you\u2019d like to achieve out of the test.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"PW Metrics\" height=\"470\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/pwmetrics.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/pax.js.org\/\">Pax<\/a><\/h2>\n<p>Pax is a JavaScript bundler to <strong>compile JavaScript modules into a usable file for the browsers<\/strong>. Pax promises speed. It compiles faster than some alternative bundlers. It fully supports ES6 <code>import<\/code> and <code>export<\/code> syntax and the CommonJS sytax <code>import<\/code>. Unlike <code>pax<\/code> is written with Rust and is available through Rust package registry called <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/crates.io\/\">Cargo<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Pax\" height=\"470\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/pax.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/sustywp.com\">SustyWP<\/a><\/h2>\n<p>SustyWP is a <strong>WordPress theme aimed for a better cause<\/strong>; to reduce carbon footprint by reducing its size to the smallest as possible. It is weight only 7-6kb when loaded on the browser. It\u2019s <strong>fast and light<\/strong>, and in return, it consumes less resources (e.g. electricity) to load the site. Check out the theme backstory <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/the-sustainable.dev\/delivering-wordpress-in-7kb\/\">in this post<\/a> by Jack Lenox.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Susty WP\" height=\"470\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/sustywp.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.thedoodlelibrary.com\/\">The Doodle Library<\/a><\/h2>\n<p>A <strong>collection of doodle drawings<\/strong>, the Doodle Library has plenty of drawings in the collection and they are grouped into several categories <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.thedoodlelibrary.com\/mugs\/aging-hipster\">Faces<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.thedoodlelibrary.com\/places\/apartment-building\">Places<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.thedoodlelibrary.com\/animals\/bear0001\">Animals<\/a>, etc. <strong>Drawings are available in SVG format<\/strong> and are distributed under the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/creativecommons.org\/licenses\/by\/4.0\/\">Creative Common Attributions 4.0<\/a><\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"The Doodle Library\" height=\"470\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/thedoodlelibrary.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/gijsroge.github.io\/tilt.js\/\">Tilt.js<\/a><\/h2>\n<p>A jQuery plugin to <strong>create a fancy <em>tilt<\/em> effect<\/strong> similar to those preview thumbnails that we see on the Apple TV. It does not need additional CSS. They also provide some sample of implementations <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/gijsroge.github.io\/tilt.js\/\">in this page<\/a> so using it is quite straightforward. Make sure you <strong>check out the Glare effect<\/strong>; it\u2019s really cool.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Tilt\" height=\"470\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/tiltjs.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/fileroom.io\">Fileroom<\/a><\/h2>\n<p>Fileroom is a web application for <strong>peer-to-peer file sharing within the same network<\/strong>. You can share file with your colleague simply by drag-n-drop regardless of the OS. It works in Windows, macOS, Linux.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Fileroom\" height=\"470\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/fileroom.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/webkul.github.io\/coolhue\/\">Coolhue<\/a><\/h2>\n<p>A collection of hand-picked gradient colors, Coolhue enables you to grab the color palette swatches for Photoshop and Sketch app or <strong>install it into your project<\/strong> using <code>bower<\/code> or <code>npm<\/code>. This should save you some time to pick up colors for your upcoming websites.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Cool Hue\" height=\"470\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/coolhue.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/cferdinandi\/reef\">Reef<\/a><\/h2>\n<p>A simple JavaScript library to create UI, Reef does not have all the bells and whistles from the bigger library like React.js or Vue.js. But if all you need is to <strong>render a UI, just data input<\/strong> and the template <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/cferdinandi\/reef\">Reef<\/a> could be a great alternative. It\u2019s weight just 2Kb<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Reef\" height=\"470\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/reef.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/evergreen.surge.sh\/\">Evergreen<\/a><\/h2>\n<p>A collection of UI component from <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/segment.com\/\">Segment.io<\/a>. The components are quite varied; aside of some regular components like Buttons, Icons, Text Input, there are a few that I think are unique to Evergreen such as <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/evergreen.surge.sh\/components\/toaster\">Toaster<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/evergreen.surge.sh\/components\/side-sheet\">Side Sheet<\/a>, and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/evergreen.surge.sh\/components\/corner-dialog\">Corner Dialog<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Evergreen\" height=\"470\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/evergreen.jpg\" width=\"750\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>A list of resources ranging from file sharing tools to useful JS libraries.<\/p>\n","protected":false},"author":1,"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":[],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (August 2018) - Hongkiat<\/title>\n<meta name=\"description\" content=\"A list of resources ranging from file sharing tools to useful JS libraries.\" \/>\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-2018\/\" \/>\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 2018)\" \/>\n<meta property=\"og:description\" content=\"A list of resources ranging from file sharing tools to useful JS libraries.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2018\/\" \/>\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=\"2018-08-22T13:01:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T10:21:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/pushbar-js.jpg\" \/>\n<meta name=\"author\" content=\"Hongkiat Lim\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hongkiat Lim\" \/>\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-08-2018\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2018\\\/\"},\"author\":{\"name\":\"Hongkiat Lim\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e3613a3bf757e4f67770f0b7a339edd0\"},\"headline\":\"Fresh Resources for Web Designers and Developers (August 2018)\",\"datePublished\":\"2018-08-22T13:01:45+00:00\",\"dateModified\":\"2025-04-21T10:21:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2018\\\/\"},\"wordCount\":1061,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2018\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2018\\\/pushbar-js.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-2018\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2018\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2018\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (August 2018) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2018\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2018\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2018\\\/pushbar-js.jpg\",\"datePublished\":\"2018-08-22T13:01:45+00:00\",\"dateModified\":\"2025-04-21T10:21:13+00:00\",\"description\":\"A list of resources ranging from file sharing tools to useful JS libraries.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2018\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2018\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2018\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2018\\\/pushbar-js.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2018\\\/pushbar-js.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2018\\\/#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 2018)\"}]},{\"@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\\\/e3613a3bf757e4f67770f0b7a339edd0\",\"name\":\"Hongkiat Lim\",\"description\":\"Founder and Editor in Chief of Hongkiat.com. Hongkiat is also a designer, developer, entrepreneur, and an active investor in the US stock market.\",\"sameAs\":[\"http:\\\/\\\/www.hongkiat.com\\\/blog\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/hongkiat\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Fresh Resources for Web Designers and Developers (August 2018) - Hongkiat","description":"A list of resources ranging from file sharing tools to useful JS libraries.","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-2018\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (August 2018)","og_description":"A list of resources ranging from file sharing tools to useful JS libraries.","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2018\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2018-08-22T13:01:45+00:00","article_modified_time":"2025-04-21T10:21:13+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/pushbar-js.jpg","type":"","width":"","height":""}],"author":"Hongkiat Lim","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Hongkiat Lim","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2018\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2018\/"},"author":{"name":"Hongkiat Lim","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e3613a3bf757e4f67770f0b7a339edd0"},"headline":"Fresh Resources for Web Designers and Developers (August 2018)","datePublished":"2018-08-22T13:01:45+00:00","dateModified":"2025-04-21T10:21:13+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2018\/"},"wordCount":1061,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2018\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/pushbar-js.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-2018\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2018\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2018\/","name":"Fresh Resources for Web Designers and Developers (August 2018) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2018\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2018\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/pushbar-js.jpg","datePublished":"2018-08-22T13:01:45+00:00","dateModified":"2025-04-21T10:21:13+00:00","description":"A list of resources ranging from file sharing tools to useful JS libraries.","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2018\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2018\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2018\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/pushbar-js.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2018\/pushbar-js.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2018\/#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 2018)"}]},{"@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\/e3613a3bf757e4f67770f0b7a339edd0","name":"Hongkiat Lim","description":"Founder and Editor in Chief of Hongkiat.com. Hongkiat is also a designer, developer, entrepreneur, and an active investor in the US stock market.","sameAs":["http:\/\/www.hongkiat.com\/blog"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/hongkiat\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-bLE","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/45238","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=45238"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/45238\/revisions"}],"predecessor-version":[{"id":73916,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/45238\/revisions\/73916"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=45238"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=45238"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=45238"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=45238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}