{"id":52151,"date":"2020-08-10T21:34:47","date_gmt":"2020-08-10T13:34:47","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=52151"},"modified":"2023-08-07T20:19:52","modified_gmt":"2023-08-07T12:19:52","slug":"designers-developers-monthly-08-2020","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2020\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (August 2020)"},"content":{"rendered":"<p>While we tended to focus our list on specific fields in the previous installment of this series, our list for today will be more diverse. In fact, we\u2019ve put together not only some handy tools but also sites where you can find more references and various tools within the design and web development fields.<\/p>\n<p>So, let\u2019s take a look at this month\u2019s list of fresh resources.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-07-2020\/\" class=\"ref-block__link\" title=\"Read More: Fresh Resources for Web Designers and Developers (July 2020)\" rel=\"bookmark\"><span class=\"screen-reader-text\">Fresh Resources for Web Designers and Developers (July 2020)<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/designers-developers-monthly-07-2020.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-51930 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/designers-developers-monthly-07-2020.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Fresh Resources for Web Designers and Developers (July 2020)<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tAs we enter the second half of 2020, the web development landscape continues to evolve at an exciting...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2><a href=\"https:\/\/wpcontent.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">WPContent<\/a><\/h2>\n<p>A site where you can submit, find and upvote WordPress-related articles and news. It\u2019s created as a substitute when <a href=\"https:\/\/managewp.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">ManageWP.org<\/a> was discontinued by <a href=\"https:\/\/www.hongkiat.com\/blog\/go\/godaddy\" rel=\"nofollow noopener\" class=\"js-aw-brand-link\" data-feed=\"U8Z9tIslfQMrGZVaa1QtHX7k5LtErUWA\" target=\"_blank\">Godaddy<\/a> in June 2020.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/wpcontent.jpg\" width=\"720\" height=\"450\"><\/figure>\n<h2><a href=\"https:\/\/designresourc.es\/\" target=\"_blank\" rel=\"noopener noreferrer\">DesignResourc.es<\/a><\/h2>\n<p>A collection of resources for designers. Here you can find tools, websites, and inspiration for any category related to design, both paid and free. For example, you can find a tool to help audit your <a href=\"https:\/\/www.hongkiat.com\/blog\/accessibility-tools-for-designers\/\">website\u2019s accessibility<\/a>, <a href=\"https:\/\/www.hongkiat.com\/blog\/best-color-tools-for-web-designers\/\">tools to generate colors<\/a>, find websites for designers, and a lot more.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/designresourc-es.jpg\" width=\"720\" height=\"450\"><\/figure>\n<h2><a href=\"https:\/\/youknowriad.github.io\/blockbook\/\" target=\"_blank\" rel=\"noopener noreferrer\">BlockBook<\/a><\/h2>\n<p>Created by one of the main developers of <a href=\"https:\/\/wordpress.org\/gutenberg\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg<\/a>, BlockBook allows developing a Gutenberg in an isolated environment. You can browse the Block library and view the properties of each Block.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/blockbook.jpg\" width=\"720\" height=\"450\"><\/figure>\n<h2><a href=\"https:\/\/www.digitalocean.com\/community\/tools\" target=\"_blank\" rel=\"noopener noreferrer\">DigitalOcean Community Tools<\/a><\/h2>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/go\/do\">DigitalOcean<\/a> provides a collection of tools to manage your Droplet with ease. One of my favorites is the <a href=\"https:\/\/www.digitalocean.com\/community\/tools\/nginx\" target=\"_blank\" rel=\"noopener noreferrer\">Nginx Config Tools<\/a> where we can generate configs with the preset. These tools are handy and very helpful if you\u2019d like to <a href=\"https:\/\/www.digitalocean.com\/products\/droplets\/\" target=\"_blank\" rel=\"noopener noreferrer\">manage VPS or Droplet<\/a> on your own.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/digitalocean-community-tools.jpg\" width=\"720\" height=\"450\"><\/figure>\n<h2><a href=\"https:\/\/stylestage.dev\/\" target=\"_blank\" rel=\"noopener noreferrer\">StyleStage<\/a><\/h2>\n<p>A project to relight the spirit of <a href=\"http:\/\/www.csszengarden.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSS Zen Garden<\/a>, one of the legendary projects in web development, and may also be the first entry for many developers to learn web development.<\/p>\n<p>Similar to CSS Zen Garden, StyleStage shows and provides inspiration on what CSS is capable of doing with the same HTML structure.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/stylestage-dev.jpg\" width=\"720\" height=\"450\"><\/figure>\n<h2><a href=\"https:\/\/code.visualstudio.com\/docs\/remote\/containers\" target=\"_blank\" rel=\"noopener noreferrer\">VSCode Containers<\/a><\/h2>\n<p>This feature in the Visual Studio Code is quite incredible. It allows you to run <a href=\"https:\/\/www.docker.com\/resources\/what-container\" target=\"_blank\" rel=\"noopener noreferrer\">Docker containers<\/a> as your full-fledge development environment.<\/p>\n<p>This means that you don\u2019t have to <a href=\"https:\/\/www.hongkiat.com\/blog\/node-js-server-side-javascript\/\">install Node.js<\/a>, PHP, and other stuff that\u2019s typically required for development directly on your computer. Rather, VS Code will use ones installed within the Docker container.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/vscode-architecture-containers.jpg\" width=\"720\" height=\"240\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/Requarks\/wiki\" target=\"_blank\" rel=\"noopener noreferrer\">Wiki.js<\/a><\/h2>\n<p>A modern Wiki app built on Node.js. It comes with a complete feature, not only to manage the content but also to manage the uploaded media and the users, customize the language, and configure the search functionality, storage, and appearance.<\/p>\n<p>At the time of writing this post, Wiki.js is in active development so we can expect to see more features in the future.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/wiki-js.jpg\" width=\"720\" height=\"450\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/Dolibarr\/dolibarr\" target=\"_blank\" rel=\"noopener noreferrer\">Dolibarr<\/a><\/h2>\n<p>A modern <abbr title=\"Enterprise Resource Planning\">ERP<\/abbr> and <abbr title=\"Customer Relationship Management\"><a href=\"https:\/\/www.hongkiat.com\/blog\/best-crm-tools\/\">CRM<\/a><\/abbr> to manage your company activities and resources such as the customer contacts and suppliers, <a href=\"https:\/\/www.hongkiat.com\/blog\/invoicing-and-time-management-apps\/\">invoices<\/a> and orders, accounting, and a lot more. It\u2019s free, built with PHP, and designed for small to large companies.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/dolibarr.jpg\" width=\"720\" height=\"450\"><\/figure>\n<h2><a href=\"https:\/\/wordpress.org\/plugins\/unsplash\/\" target=\"_blank\" rel=\"noopener noreferrer\">Unsplash<\/a><\/h2>\n<p><strong>Unsplash<\/strong> is one of the most popular places to <a href=\"https:\/\/www.hongkiat.com\/blog\/more-free-stock-photos-royalty-images\/\">find beautiful free images and photos<\/a>. With the official WordPress plugin, you can now search for the image and include it on your website.<\/p>\n<p>The plugin also adds the relevant <code>alt<\/code> text, and caption, and serves the right image size with the Unsplash CDN.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/wp-unsplash.jpg\" alt=\"Unsplash\" width=\"720\" height=\"450\"><\/figure>\n<h2><a href=\"https:\/\/engineeringblogs.xyz\/\" target=\"_blank\" rel=\"noopener noreferrer\">EngineeringBlogs<\/a><\/h2>\n<p>A collection of aggregated Engineering-related articles and news. You can keep yourself up-to-date on different engineering topics from the Web, SQL, <a href=\"https:\/\/aws.amazon.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">AWS<\/a>, <a href=\"https:\/\/www.elastic.co\/\" target=\"_blank\" rel=\"noopener noreferrer\">Elastic<\/a>, and a lot more.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/engineeringblogs-xyz.jpg\" width=\"720\" height=\"450\"><\/figure>\n<h2><a href=\"https:\/\/www.software.com\/music-time\" target=\"_blank\" rel=\"noopener noreferrer\">MusicTime<\/a><\/h2>\n<p>Music Time connects the Spotify player to your <a href=\"https:\/\/www.hongkiat.com\/blog\/free-code-editors-reviewed\/\">code editor<\/a>. You can add music, play or create playlists, and discover new music without switching to the Spotify web or desktop app. Pretty neat!<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/music-time.jpg\" alt=\"MusicTime\" width=\"720\" height=\"450\"><\/figure>\n<h2><a href=\"https:\/\/www.pixijs.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pixi.js<\/a><\/h2>\n<p>A JavaScript library to build compelling interactive content on desktop and mobile using native Web technologies: WebGL or Canvas. You can use it to create complex animations and effects that can\u2019t be delivered by using just bare HTML and CSS.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/pixi-js.jpg\" width=\"720\" height=\"450\"><\/figure>\n<h2><a href=\"https:\/\/limetext.github.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">LimeText<\/a><\/h2>\n<p>LimeText is a <a href=\"https:\/\/www.hongkiat.com\/blog\/wysiwyg-html-editors\/\">text editor<\/a> that works and feels quite similar to SublimeText. On the backend, while SublimeText is using Python, LimeText is using <a href=\"https:\/\/go.dev\/\" target=\"_blank\" rel=\"noopener noreferrer\">the Go language<\/a>. It\u2019s an open-source text editor with the aim to be a free alternative to SublimeText.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/limetext.jpg\" alt=\"LimeText\" width=\"720\" height=\"450\"><\/figure>\n<h2><a href=\"https:\/\/www.framer.com\/motion\/\" target=\"_blank\" rel=\"noopener noreferrer\">Motion<\/a><\/h2>\n<p>Allows you to easily add animations to your <a href=\"https:\/\/www.hongkiat.com\/blog\/react-js-web-developers-toolkit\/\">React.js application<\/a>, as well as gesture interactions such as tap, pan, and drag.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/framer-motion.jpg\" alt=\"Motion\" width=\"720\" height=\"450\"><\/figure>\n<h2><a href=\"https:\/\/animockup.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Animockup<\/a><\/h2>\n<p>A tool to create an animated mockup. There are a number of device mockups to select from \u2013 phone, laptop, and desktop PC. You can upload a video in MP4, MOV, or <a href=\"https:\/\/www.webmproject.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">WebM<\/a> to appear on the mockup screen.<\/p>\n<p>It also provides a preset size if you aim to download the mockup and upload it to social media like Facebook, Twitter, Dribbble, Snapchat, and Instagram.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/animockup.jpg\" width=\"720\" height=\"450\"><\/figure>\n<h2><a href=\"https:\/\/nodesign.dev\/\" target=\"_blank\" rel=\"noopener noreferrer\">NoDesign<\/a><\/h2>\n<p>A collection of tools for developers to find and generate codes, colors, font pairing, and icons that would complete your website <strong>beyond code<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/nodesign-dev.jpg\" width=\"720\" height=\"450\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/box-project\/box\" target=\"_blank\" rel=\"noopener noreferrer\">Box<\/a><\/h2>\n<p>This tool makes it way easier to convert your PHP application into PHAR. In case you\u2019re not familiar with PHAR, it is a special file extension where we can put and run our PHP application into just a single file, <code>.phar<\/code>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/box.jpg\" width=\"720\" height=\"450\"><\/figure>\n<h2><a href=\"https:\/\/web.dev\/\" target=\"_blank\" rel=\"noopener noreferrer\">Web Fundamentals<\/a><\/h2>\n<p>A great collection of resources put together by Google engineers for best practices, tips, and tools to <a href=\"https:\/\/www.hongkiat.com\/blog\/tools-to-build-premium-looking-websites\/\">build a modern website<\/a> and web application.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/web-dev-fundamental.jpg\" width=\"720\" height=\"450\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/dleitee\/strman\" target=\"_blank\" rel=\"noopener noreferrer\">Strman<\/a><\/h2>\n<p>String or text manipulation is quite common in web programming, but it could also be tricky. This library, <strong>Strman<\/strong>, provides reusable functions that make it way easier to do these common tasks.<\/p>\n<p>You can find functions to append a text into another text, change the text case, truncate the text, and a lot more.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/strman.jpg\" width=\"720\" height=\"450\"><\/figure>\n<h2><a href=\"https:\/\/knopf.dev\/\" target=\"_blank\" rel=\"noopener noreferrer\">Knopf<\/a><\/h2>\n<p>A CSS library that provides a modular and extensible button system to create various types of buttons. With this library, you can create a simple button, a group of buttons, and an icon button, and customize the styles to match your site design need.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/knopf-dev.jpg\" width=\"720\" height=\"450\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>While we tended to focus our list on specific fields in the previous installment of this series, our list for today will be more diverse. In fact, we\u2019ve put together not only some handy tools but also sites where you can find more references and various tools within the design and web development fields. So,&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[352],"tags":[4655,4668,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.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (August 2020) - Hongkiat<\/title>\n<meta name=\"description\" content=\"While we tended to focus our list on specific fields in the previous installment of this series, our list for today will be more diverse. In fact, we&#039;ve\" \/>\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-2020\/\" \/>\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 2020)\" \/>\n<meta property=\"og:description\" content=\"While we tended to focus our list on specific fields in the previous installment of this series, our list for today will be more diverse. In fact, we&#039;ve\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2020\/\" \/>\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=\"2020-08-10T13:34:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-07T12:19:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/wpcontent.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=\"9 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-2020\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2020\\\/\"},\"author\":{\"name\":\"Hongkiat Lim\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e3613a3bf757e4f67770f0b7a339edd0\"},\"headline\":\"Fresh Resources for Web Designers and Developers (August 2020)\",\"datePublished\":\"2020-08-10T13:34:47+00:00\",\"dateModified\":\"2023-08-07T12:19:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2020\\\/\"},\"wordCount\":941,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2020\\\/wpcontent.jpg\",\"keywords\":[\"appwiki\",\"gc\",\"Tools for Designers &amp; Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2020\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2020\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (August 2020) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2020\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2020\\\/wpcontent.jpg\",\"datePublished\":\"2020-08-10T13:34:47+00:00\",\"dateModified\":\"2023-08-07T12:19:52+00:00\",\"description\":\"While we tended to focus our list on specific fields in the previous installment of this series, our list for today will be more diverse. In fact, we've\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2020\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2020\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2020\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2020\\\/wpcontent.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2020\\\/wpcontent.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2020\\\/#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 2020)\"}]},{\"@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 2020) - Hongkiat","description":"While we tended to focus our list on specific fields in the previous installment of this series, our list for today will be more diverse. In fact, we've","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-2020\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (August 2020)","og_description":"While we tended to focus our list on specific fields in the previous installment of this series, our list for today will be more diverse. In fact, we've","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2020\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2020-08-10T13:34:47+00:00","article_modified_time":"2023-08-07T12:19:52+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/wpcontent.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":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2020\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2020\/"},"author":{"name":"Hongkiat Lim","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e3613a3bf757e4f67770f0b7a339edd0"},"headline":"Fresh Resources for Web Designers and Developers (August 2020)","datePublished":"2020-08-10T13:34:47+00:00","dateModified":"2023-08-07T12:19:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2020\/"},"wordCount":941,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/wpcontent.jpg","keywords":["appwiki","gc","Tools for Designers &amp; Developers"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2020\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2020\/","name":"Fresh Resources for Web Designers and Developers (August 2020) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2020\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/wpcontent.jpg","datePublished":"2020-08-10T13:34:47+00:00","dateModified":"2023-08-07T12:19:52+00:00","description":"While we tended to focus our list on specific fields in the previous installment of this series, our list for today will be more diverse. In fact, we've","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2020\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2020\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2020\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/wpcontent.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2020\/wpcontent.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2020\/#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 2020)"}]},{"@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-dz9","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/52151","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=52151"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/52151\/revisions"}],"predecessor-version":[{"id":67565,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/52151\/revisions\/67565"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=52151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=52151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=52151"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=52151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}