{"id":57309,"date":"2021-08-31T21:01:07","date_gmt":"2021-08-31T13:01:07","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=57309"},"modified":"2022-10-16T18:23:42","modified_gmt":"2022-10-16T10:23:42","slug":"designers-developers-monthly-08-2021","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2021\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (August 2021)"},"content":{"rendered":"<p>There are new tools and techniques coming up every day in the field of web development. And sometimes, it gets pretty difficult to keep up with all the new advancements.<\/p>\n<p>Therefore, in this post, we\u2019ve put together some of the most exciting resources to help our <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/fresh-resources-developers\/\">fellow web developers<\/a> to stay up to date. In this round of the series, we have tools and frameworks, a couple of learning materials, and some <a href=\"https:\/\/www.hongkiat.com\/blog\/freebies-for-designers-ultimate-roundup\/\">design resources<\/a>. Without further ado, let\u2019s jump to the full list.<\/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-2021\/\" class=\"ref-block__link\" title=\"Read More: Fresh Resources for Web Designers and Developers (July 2021)\" rel=\"bookmark\"><span class=\"screen-reader-text\">Fresh Resources for Web Designers and Developers (July 2021)<\/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-2021.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-56188 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/designers-developers-monthly-07-2021.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 2021)<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tAs a web developer, there's always something you can learn every day and grow. You can learn design...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2><a target=\"_blank\" href=\"https:\/\/peeky.netlify.app\/\" rel=\"noopener\">Peeky<\/a><\/h2>\n<p>A <strong>test framework for JavaScript<\/strong> with some interesting takes. First, it includes a nice-looking UI where you can run and monitor the tests of each file.<\/p>\n<p>Secondly, it <strong>supports modern JavaScript out-of-the-box<\/strong>, including Aysnc\/Promise, TypeScript, and many more to come. All these I think make it stands out from the rest of similar frameworks.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/peeky.jpg\" alt=\"peeky-js-framework\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/Kristories\/awesome-guidelines\" rel=\"noopener\">Awesome Guidelines<\/a><\/h2>\n<p>Awesome Guidelines contains <strong>guidelines for code standard and best practices<\/strong> for many programming languages, frameworks, and development environments.<\/p>\n<p>So, if you\u2019re managing a team of developers, this would be a great reference for you to <strong>formulate guidelines for your team<\/strong>. You need to have it in your bookmark.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/aweseme-guidelines.jpg\" alt=\"aweseme-guidelines\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/jakearchibald\/idb-keyval\" rel=\"noopener\">IDB KeyVal<\/a><\/h2>\n<p>Did you know that browser has a built-in database? It\u2019s called IndexedDB. It works similar to SQL where you can add a database and the columns except that it lives right in the browser.<\/p>\n<p>This <strong>library makes it easy to deal with IndexedDB<\/strong>. It addresses all the quirks and compatibility across the different browsers and versions.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/idb-keyval.jpg\" alt=\"idb-keyval\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.blog\/2021-06-22-framework-building-open-graph-images\/\" rel=\"noopener\">Github Open Graph Image<\/a><\/h2>\n<p>Github has made an interesting update to their platform. Before this update, it used to looked weird when shared a repository URL from Github as it shows the repository author.<\/p>\n<p>Now with the update, <strong>Github shows a more relevant image to the repository<\/strong> which includes the repository name, languages, author, etc. In this blog post, Github shared how it works behind the scene.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/github-opengraph-image.jpg\" alt=\"github-opengraph-image\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/absurd.design\/\" rel=\"noopener\">Absurd Design<\/a><\/h2>\n<p>A <strong>collection of abstract illustrations that look absurd<\/strong>. If you ever need to design a website with a unique persona, you can try to use these illustrations in your design. The illustration comes in two formats: <strong>PNG and SVG<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/absurd-design.jpg\" alt=\"absurd-design\" width=\"750\" height=\"480\"><\/figure>\n<h2>WVSC<\/h2>\n<p>A <strong>custom VSCode theme<\/strong>. It comes in a light and dark color scheme and looks great in Retina and in HTML, CSS, and JS codes. Another nice looking theme, you should <strong>install to give your code editor a fresh look<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/wvsc.jpg\" alt=\"wvsc\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/schema.api.page\/\" rel=\"noopener nofollow\">Schema API<\/a><\/h2>\n<p>A tool where you can parse a website to <strong>get structured meta data of the website<\/strong> defined in <a target=\"_blank\" href=\"https:\/\/schema.org\/\" rel=\"noopener\">Schema.org<\/a>. A pretty handy tool to spy on what your competitors are doing with their metadata. Also, it\u2019s free.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/schema-api.jpg\" alt=\"schema-api\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/boxicons.com\/\" rel=\"noopener\">Boxicons<\/a><\/h2>\n<p>A collection of icons designed for web designers and developers. The collection contains more than <strong>1500 icons from various categories<\/strong>. Here you can find some regular icons to build websites and apps as well as logos of popular tech and services.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/boxicons.jpg\" alt=\"boxicons\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/shikijs\/shiki\" target=\"_blank\" rel=\"noopener\">Shiki<\/a><\/h2>\n<p>A lightweight JavaScript library to highlight code syntax with the proper color. It\u2019s fast and <strong>supports 100 languages out-of-the-box<\/strong> including one written in traditional Chinese. It also includes some popular themes such as Monokai, Dracula, Github both dark and the light versions.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/shiki.jpg\" alt=\"\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/alan2207\/bulletproof-react\" target=\"_blank\" rel=\"noopener\">Bulletproof React<\/a><\/h2>\n<p>A pre-defined architecture that covers almost everything you need to build a robust application using React.js. It <strong>sets the directory structure and configuration, styled components, state management, authentication, testing<\/strong>, etc.<\/p>\n<p>It\u2019s a great time saver and allows you to start developing immediately. If you ever need to build an application with React.js, this is a great starting point.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/bulletproof-react.jpg\" alt=\"bulletproof-react\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/torchlight.dev\/\" target=\"_blank\" rel=\"noopener\">Torchlight<\/a><\/h2>\n<p>A <strong>library to render code syntax<\/strong> with a proper color that <em>requires no JavaScript<\/em>. Yes! unlike similar libraries for the purpose, Torchlight runs on the server-end and <strong>outputs a fully rendered HTML with the syntax colors<\/strong>. It supports many lanuages and provides several themes out-of-the-box.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/torchlight.jpg\" alt=\"torchlight\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/laravel-zero\/laravel-zero\" target=\"_blank\" rel=\"noopener\">Laravel Zero<\/a><\/h2>\n<p>A <strong>framework to create a command-line (CLI) using Laravel<\/strong>. It comes with some different takes than one built-in Laravel. For example, it adds support for an interactive menu where you can select options right in Terminal, and the ability to send a desktop notification to name a few. It\u2019s a framework to build a robust CLI application.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/laravel-zero.jpg\" alt=\"laravel-zero\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/nlemoine\/wp-cli-fixtures\" target=\"_blank\" rel=\"noopener\">WP-CLI Fixtures<\/a><\/h2>\n<p>A <strong>WP-CLI extension to generate dummy content<\/strong>. You can generate not only posts but other types of content in WordPress such as Menu, Taxonomy, and Users. This comes in handy for performing automated testing.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/wp-cli-fixtures.jpg\" alt=\"wp-cli-fixtures\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/starship\/starship\" target=\"_blank\" rel=\"noopener\">Starship<\/a><\/h2>\n<p>Starship is a tool that <strong>extends the Shell environment<\/strong>. It adds command completion, extra information of your current projects such as the current Git branch, Git metrics, and version of the current programming language.<\/p>\n<p>It also provides many options that <strong>make Shell environment more joyful to use<\/strong> and boost productivity.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/starship.jpg\" alt=\"starship\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/httpie\/httpie\" target=\"_blank\" rel=\"noopener\">HTTPie<\/a><\/h2>\n<p>A modern <strong>command-line application to perform HTTP requests<\/strong>. Unlike some of the existing apps, HTTPie provides a more intuitive syntax. It also has JSON support built-in with more readable output. It\u2019s an all-around HTTP client that helps you be more <strong>productive when dealing with HTTP requests<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/httpie.jpg\" alt=\"httpie\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/learn-anything\/learn-anything\" target=\"_blank\" rel=\"noopener\">Learn Anything<\/a><\/h2>\n<p>Interested in learning something new but not sure where to get started? Head over to this unique search engine that will provide you with <strong>guidelines and resources for learning materials<\/strong>. You can search anything \u2013 from web design to mobile applications, etc.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/learn-anything.jpg\" alt=\"learn-anything\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/microsoft\/vscode-js-debug\" target=\"_blank\" rel=\"noopener\">VSCode JS Debug<\/a><\/h2>\n<p>The new and improved <strong>JavaScript debugger for Visual Studio Code<\/strong>. It works across different platforms, not only in the browser like Chrome and Edge but also Node.js environment and a VSCode extension.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/vscode-js-debug.jpg\" alt=\"vscode-js-debug\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/okonet\/lint-staged\" target=\"_blank\" rel=\"noopener\">Lint Staged<\/a><\/h2>\n<p>Keep your source in compliance with the code standard with this extension. It allows you to <strong>check code upon staging it in Git<\/strong> and would prevent it to push before it passes the check. It\u2019s pretty handy if you manage a project in a team or open-source with multiple contributors.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/lint-staged.jpg\" alt=\"lint-staged\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/chrome-php\/chrome\" target=\"_blank\" rel=\"noopener\">ChromePHP<\/a><\/h2>\n<p>This PHP library allows you to <strong>orchestrate a Chrome-headless through PHP<\/strong>. You can use this library to run some automation testing in the browser. I\u2019m sure PHP developers would appreciate this library as they can maintain most of their projects that are using a single language: PHP.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/chrome-php.jpg\" alt=\"chrome-php\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/antfu\/vitesse-webext\" target=\"_blank\" rel=\"noopener\">Vitesse WebExt<\/a><\/h2>\n<p>A boilerplate and development environment to get you up quickly on <strong>developing browser extensions built on top of Vue.js<\/strong> and its supporting components.<\/p>\n<p>It also has taken care of the prerequisite configurations such as with the <strong>WebExtension polyfills, WindiCSS for styling, ESLint<\/strong> for code <em>lint<\/em>, TypeScript, etc.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/vitesse-webext.jpg\" alt=\"vitesse-webext\" width=\"750\" height=\"480\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>There are new tools and techniques coming up every day in the field of web development. And sometimes, it gets pretty difficult to keep up with all the new advancements. Therefore, in this post, we\u2019ve put together some of the most exciting resources to help our fellow web developers to stay up to date. In&hellip;<\/p>\n","protected":false},"author":113,"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":[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.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (August 2021) - Hongkiat<\/title>\n<meta name=\"description\" content=\"There are new tools and techniques coming up every day in the field of web development. And sometimes, it gets pretty difficult to keep up with all the\" \/>\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-2021\/\" \/>\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 2021)\" \/>\n<meta property=\"og:description\" content=\"There are new tools and techniques coming up every day in the field of web development. And sometimes, it gets pretty difficult to keep up with all the\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2021\/\" \/>\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=\"2021-08-31T13:01:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-16T10:23:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/peeky.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=\"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-2021\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2021\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (August 2021)\",\"datePublished\":\"2021-08-31T13:01:07+00:00\",\"dateModified\":\"2022-10-16T10:23:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2021\\\/\"},\"wordCount\":1075,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2021\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2021\\\/peeky.jpg\",\"keywords\":[\"Tools for Designers &amp; Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2021\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2021\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (August 2021) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2021\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2021\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2021\\\/peeky.jpg\",\"datePublished\":\"2021-08-31T13:01:07+00:00\",\"dateModified\":\"2022-10-16T10:23:42+00:00\",\"description\":\"There are new tools and techniques coming up every day in the field of web development. And sometimes, it gets pretty difficult to keep up with all the\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2021\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2021\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2021\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2021\\\/peeky.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2021\\\/peeky.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2021\\\/#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 2021)\"}]},{\"@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 2021) - Hongkiat","description":"There are new tools and techniques coming up every day in the field of web development. And sometimes, it gets pretty difficult to keep up with all the","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-2021\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (August 2021)","og_description":"There are new tools and techniques coming up every day in the field of web development. And sometimes, it gets pretty difficult to keep up with all the","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2021\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2021-08-31T13:01:07+00:00","article_modified_time":"2022-10-16T10:23:42+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/peeky.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":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2021\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2021\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (August 2021)","datePublished":"2021-08-31T13:01:07+00:00","dateModified":"2022-10-16T10:23:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2021\/"},"wordCount":1075,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2021\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/peeky.jpg","keywords":["Tools for Designers &amp; Developers"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2021\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2021\/","name":"Fresh Resources for Web Designers and Developers (August 2021) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2021\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2021\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/peeky.jpg","datePublished":"2021-08-31T13:01:07+00:00","dateModified":"2022-10-16T10:23:42+00:00","description":"There are new tools and techniques coming up every day in the field of web development. And sometimes, it gets pretty difficult to keep up with all the","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2021\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2021\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2021\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/peeky.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2021\/peeky.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2021\/#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 2021)"}]},{"@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-eUl","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/57309","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=57309"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/57309\/revisions"}],"predecessor-version":[{"id":62904,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/57309\/revisions\/62904"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=57309"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=57309"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=57309"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=57309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}