{"id":57571,"date":"2021-09-30T21:01:41","date_gmt":"2021-09-30T13:01:41","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=57571"},"modified":"2025-04-21T19:50:47","modified_gmt":"2025-04-21T11:50:47","slug":"designers-developers-monthly-09-2021","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2021\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (September 2021)"},"content":{"rendered":"<p>There\u2019s a lot happening this month in the tech industry; from Docker updating their <a href=\"https:\/\/www.hongkiat.com\/blog\/entreprenuers-business-plan\/\">business and plans<\/a>, prominent <a href=\"https:\/\/www.hongkiat.com\/blog\/category\/wordpress\/\">WordPress businesses<\/a> being acquired, Web3, <a href=\"https:\/\/www.hongkiat.com\/blog\/play-to-earn-nft-games\/\">NFT<\/a>, as well as new resources and updates in HTML, CSS, and JavaScript. This is why we\u2019ve put together a few of these to keep you updated.<\/p>\n<p>First, we have some cool <strong><a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/javascript-libraries\/\">JavaScript libraries<\/a> to create animations, a CLI tool to help you manage and deploy your WordPress<\/strong> site on DigitalOcean, there are also a couple of resources in the CSS category that will improve how you write CSS in modern applications, and a lot more. Let\u2019s take a look.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-57571-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-57571-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.theatrejs.com\/\">Theater.js<\/a><\/h2>\n<p>Theatre.js is a <strong>JavaScript library to write animation<\/strong>. It comes with a rich UI called \u201cStudio\u201d which makes it more intuitive to use compared to similar libraries. It\u2019s also feature-rich; you can use it to <strong>animate HTML, SVG, WebGL, or use it with a 2D\/3D graphic JavaScript library<\/strong> like Three.js or Pixie.js.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Theater.js\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/theatrejs.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/sailed.io\/\" title=\"Sailed.io Homepage\">Sailed<\/a><\/h2>\n<p>A free <strong>open-source Command-line Interface (CLI)<\/strong> to manage your WordPress sites to DigitalOcean. The CLI allows you to manage your site efficiently, including provisioning servers.<\/p>\n<p>You can also deploy the site, backup the site and do rollback, and even <strong>manage the DNS and SSL certificate<\/strong> with <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/letsencrypt.org\/\">Let\u2019s Encrypt<\/a>. A great handy tool for WordPress power-users and SysOps.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Sailed\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/sailed.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/metatags.io\/\" title=\"MetaTags.io Homepage\">MetaTags<\/a><\/h2>\n<p>A web application to <strong>generate preview of your site on Google<\/strong> and several social media sites like Facebook, Twitter, Pinterest, and Slack. You can use this tool to manage your site title, description, and image to ensure that they fit in and are optimised before sharing it on those sites.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"MetaTags\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/metatags.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/CSSHoudini\/awesome-css-houdini\" title=\"Houdini.how Homepage\">Houdini<\/a><\/h2>\n<p>\u201cHoudini\u201d makes CSS more powerful. It works similar to how the Custom Element works in HTML; it <strong>allows web developers to define custom CSS properties with their own custom functionalities<\/strong>.<\/p>\n<p>So you can create something like <code>--cool-text-decoration<\/code> which will provide some custom richer text decoration than what the browser provides.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Houdini\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/css-houdini.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/stitches.dev\/\" title=\"Stitches.dev Homepage\">Stitches<\/a><\/h2>\n<p>A JavaScript library that allows you to <strong>write CSS for your application right in the JavaScript files<\/strong>; also known as CSS-in-JS. The library optimized CSS as it\u2019s compiled.<\/p>\n<p>It delivers only the CSS that\u2019s needed by the app component and supports server-side rendering. Also, <strong>Stitches is framework-agnostic<\/strong> so you can use it in any of your favorites whether it\u2019s React.js, Vue.js, or <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/svelte.dev\/\">Svelte<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Stitches\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/stitches.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/unjs\/unplugin\" title=\"The Unplugin.js repository URL on Github\">Unplugin.js<\/a><\/h2>\n<p>Unplugin is a JavaScript library that aims to provide a <strong>unified system for creating plugin<\/strong> <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/stackoverflow.com\/questions\/28684041\/what-is-the-purposes-of-javascript-build-tools\">for build tools<\/a> like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/webpack.js.org\/\">Webpack<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/rollupjs.org\/guide\/en\/\">Rollup<\/a>, and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/vitejs.dev\/\">Vite<\/a>. If you\u2019re a developer looking to support several of these build tools, this is the library that you might want to look into that may save you time and speed up development.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Unplugin\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/unplugin.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/lahmatiy\/react-render-tracker\">React Render Tracker<\/a><\/h2>\n<p>Sometimes <strong>rendering a React.js component<\/strong> can be quite expensive for the browser to process and might affect the performance of the application. You can use this tool to inspect <strong>how many times the component is rendered on the browser<\/strong>.<\/p>\n<p>You\u2019d want to make sure that the component is not re-rendered excessively. A handy tool to debug and optimise your React.js application.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"React Render Tracker\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/react-render-tracker.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/jakearchibald.com\/2021\/great-alt-text\/\">Great \u201cAlt\u201d Text<\/a><\/h2>\n<p>Alt text is an important piece of information on the image. It provides the additional information of the image that would benefit not only search engine but also assitive device. This allows your image to perform better on Search Engine and makes your website more accessible to users.<\/p>\n<p>But how do you make a great \u201calt\u201d text? <strong>Jake Archibaled of Google Developer Advocate have some tips for you<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Great Alt Text\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/writing-image-alt-tag.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/hihayk.github.io\/shaper\/\" title=\"Shaper Github Page\">Shaper<\/a><\/h2>\n<p>This little tool can help you create a prototype of your next awesome web application fast. Rather than creating it from scratch, you can save time by using this tool to <strong>generate UI base styles with some defined parameters<\/strong> like Font Family, Text Size, Color Accent, and their proportion.<\/p>\n<p>The tool will immediately generate the preview and base CSS that you can copy-paste it onto your website stylesheet.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Shaper\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/shaper.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.beekeeperstudio.io\/\" title=\"Bee Keeper Studio Homepage\">BeeKeeperStudio<\/a><\/h2>\n<p>A desktop application to <strong>connect and manage the database<\/strong>. It supports several types of database including MySQL, Postgres, SQLite, and SQL Server. With this application, you can perform several database operations conveniently such as creating or deleting database, run an SQL query, and more.<\/p>\n<p>BeeKeeperStudio is <strong>available for macOS, Windows, and some Linux distros<\/strong>. It\u2019s open-source and free; and it will always be free.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"BeeKeeper Studio\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/beekeeperstudio.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/filamentadmin.com\/\" title=\"Filament Admin Homepage\">Filament Admin<\/a><\/h2>\n<p>Filament is a TALL (Tailwind, Alpine.js, Laravel, and Livewire) stack to build an Admin planel application. It\u2019s pre-packaged with features that you would need to build a functioning standard application such as User Authentications, Authorization, and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/filamentadmin.com\/docs\/1.x\/admin\/forms\">some utilities<\/a> that <strong>make development easier and boost productivity<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Filament Admin\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/filamentadmin.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/motion.dev\/\" title=\"Motion.dev Homepage\">Motion.dev<\/a><\/h2>\n<p>A JavaScript <strong>animation library with a focus on performance and simplicity<\/strong>. It leverages <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Web_Animations_API\">Animation API<\/a> that allows it to stay small (3.1kb) while providing native animation features such as <a href=\"https:\/\/www.hongkiat.com\/blog\/css3-2d-transformation\/\">transform<\/a>, <a href=\"https:\/\/www.hongkiat.com\/blog\/visualizing-change-css-transitions-animations\/\">transitions, and keyframes<\/a> out of the box.<\/p>\n<p>On top of that, it also provides options and easing to create an animation that feels more alive.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Motion.dev\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/motion.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/calcom\/cal.com\" title=\"Calenso Github Repository Page\">Cal.com<\/a><\/h2>\n<p>Recently changed its name to Cal.com, Calendso is an <strong>open-source tool to host and manage your own calendar application<\/strong>. It\u2019s an overall good alternative to Google Calendar or Calendly especially if it needs to have full control over the data and customize however you like to fit in your business or development requirement.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Cal.com\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/calcom.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/CesiumGS\/cesium\" title=\"Cesium Github repository page\">Cesium<\/a><\/h2>\n<p>A <strong>cross-browser JavaScript library for creating 3D or 2D objects<\/strong>. It uses WebGL for hardware-accelerated graphics. Designed for dynamic precision and visual quality, Cesium is the perfect library for creating interactive <strong>3D models like globe, cityscape, terrain, and other dynamic visualization<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Cesium\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/cesium.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/dropzone\/dropzone\" title=\"Dropzone\">Dropzone<\/a><\/h2>\n<p>This is another cool JavaScript library worth mentioning. Dropzone.js turns any HTML element into, well, a \u201cdropzone\u201d. You can <strong>drag and drop a file onto it<\/strong>.<\/p>\n<p>It will display the file preview, handle the upload process as well as render the progress. If you\u2019re looking to <strong>improve the UX to upload files on your site<\/strong>, this is the JavaScript library you want.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Dropzone\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/dropzone.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/vercel\/swr\" title=\"SWR Github repository page\">SWR<\/a><\/h2>\n<p>A React Hook that <strong>improves as well as simplifies data fetching for a web application<\/strong>. Unlike the traditional data fetch, SWR covers the common requirements for a modern application with React.<\/p>\n<p>Not only that it\u2019s <strong>fast, lightweight, and reusable<\/strong>, but it\u2019s also <strong>compatible with both SSR (Server-side Rendering) and SSG (Server-side Generator), React Suspense, and React Native<\/strong>. This library has got you covered so you can focus on developing the best of user experience for your application.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"SWR\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/swr.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/louislam\/uptime-kuma\" title=\"Uptime Kuma Github repository page\">UptimeKuma<\/a><\/h2>\n<p>A self-hosted application for site monitoring. UptimeKuma features a nice interactive UI and <strong>supports a number of protocols such as the basic HTTP(S), TCP, Ping, or through DNS records<\/strong>.<\/p>\n<p>You can set it to send notification to a number of channels including Email, Slack, Discord, Telegram, etc. UptimeKuma is a nice alternative to the commercial offering like Uptime Robot; it\u2019s open-source, and you can add as many as the site you\u2019d like to monitor without the additional <strong>$<\/strong> cost.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Uptime Kuma\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/uptime-kuma.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/rammcodes\/Dopefolio\" title=\"Dopfolio Github respoitory\">Dopefolio<\/a><\/h2>\n<p>A <strong>boilerplate and template to create an online portfolio quickly<\/strong>. It\u2019s built with just HTML, CSS (Sass), and JavaScript. It\u2019s preconfigured so all you need to do is to fill in the HTML page, customize the styles with Sass, and run NPM command to compile the styles. It\u2019s fast, responsive, and since it\u2019s just a static site you can easily deploy it to static site hosting like Netlify or Cloudflare Pages.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Dopefolio\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/dope-folio.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/arcticicestudio\/nord\" title=\"Nord Github respository\">Nord<\/a><\/h2>\n<p>A carefully curated color palette aims to create clear, elegant designs following a minimal and flat style pattern. This palette has been translated to color some popular developer applications such as Atom, Coda, JetBrains, SublimeText, Terminal, and even Slack. A great initiative to tie your daily apps together with a unified color scheme.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Nord\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/nord.jpg\" width=\"750\"><\/figure>\n<hr>","protected":false},"excerpt":{"rendered":"<p>There\u2019s a lot happening this month in the tech industry; from Docker updating their business and plans, prominent WordPress businesses being acquired, Web3, NFT, as well as new resources and updates in HTML, CSS, and JavaScript. This is why we\u2019ve put together a few of these to keep you updated. First, we have some cool&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 (September 2021) - Hongkiat<\/title>\n<meta name=\"description\" content=\"There&#039;s a lot happening this month in the tech industry; from Docker updating their business and plans, prominent WordPress businesses being acquired,\" \/>\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-09-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 (September 2021)\" \/>\n<meta property=\"og:description\" content=\"There&#039;s a lot happening this month in the tech industry; from Docker updating their business and plans, prominent WordPress businesses being acquired,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-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-09-30T13:01:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T11:50:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/theatrejs.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=\"6 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-09-2021\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2021\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (September 2021)\",\"datePublished\":\"2021-09-30T13:01:41+00:00\",\"dateModified\":\"2025-04-21T11:50:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2021\\\/\"},\"wordCount\":1322,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2021\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-09-2021\\\/theatrejs.jpg\",\"keywords\":[\"Tools for Designers &amp; Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2021\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2021\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (September 2021) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2021\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2021\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-09-2021\\\/theatrejs.jpg\",\"datePublished\":\"2021-09-30T13:01:41+00:00\",\"dateModified\":\"2025-04-21T11:50:47+00:00\",\"description\":\"There's a lot happening this month in the tech industry; from Docker updating their business and plans, prominent WordPress businesses being acquired,\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2021\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2021\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-2021\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-09-2021\\\/theatrejs.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-09-2021\\\/theatrejs.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-09-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 (September 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 (September 2021) - Hongkiat","description":"There's a lot happening this month in the tech industry; from Docker updating their business and plans, prominent WordPress businesses being acquired,","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-09-2021\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (September 2021)","og_description":"There's a lot happening this month in the tech industry; from Docker updating their business and plans, prominent WordPress businesses being acquired,","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2021\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2021-09-30T13:01:41+00:00","article_modified_time":"2025-04-21T11:50:47+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/theatrejs.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":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2021\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2021\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (September 2021)","datePublished":"2021-09-30T13:01:41+00:00","dateModified":"2025-04-21T11:50:47+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2021\/"},"wordCount":1322,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2021\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/theatrejs.jpg","keywords":["Tools for Designers &amp; Developers"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2021\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2021\/","name":"Fresh Resources for Web Designers and Developers (September 2021) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2021\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2021\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/theatrejs.jpg","datePublished":"2021-09-30T13:01:41+00:00","dateModified":"2025-04-21T11:50:47+00:00","description":"There's a lot happening this month in the tech industry; from Docker updating their business and plans, prominent WordPress businesses being acquired,","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2021\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2021\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2021\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/theatrejs.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-09-2021\/theatrejs.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-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 (September 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-eYz","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/57571","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=57571"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/57571\/revisions"}],"predecessor-version":[{"id":74008,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/57571\/revisions\/74008"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=57571"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=57571"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=57571"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=57571"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}