{"id":69971,"date":"2023-10-23T21:01:33","date_gmt":"2023-10-23T13:01:33","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=69971"},"modified":"2023-10-22T18:21:06","modified_gmt":"2023-10-22T10:21:06","slug":"designers-developers-monthly-10-2023","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2023\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (October 2023)"},"content":{"rendered":"<p>It\u2019s time for another round of <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/fresh-resources-developers\/\">Fresh Resources<\/a> for our fellow web designers and developers. This month\u2019s collection includes numerous resources to level up your skills in <a href=\"https:\/\/www.hongkiat.com\/blog\/full-stack-developer-requirement\/\">advanced front-end development<\/a>.<\/p>\n<p>We also have a handful of <a href=\"https:\/\/www.hongkiat.com\/blog\/getting-started-react-js\/\">React.js<\/a> libraries and frameworks that can easily add cool functionalities to your sites, such as adding fast search engines and survey forms. Additionally, we\u2019ve included tools to enhance productivity. Without further ado, let\u2019s get started.<\/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-09-2023\/\" class=\"ref-block__link\" title=\"Read More: Fresh Resources for Web Designers and Developers (September 2023)\" rel=\"bookmark\"><span class=\"screen-reader-text\">Fresh Resources for Web Designers and Developers (September 2023)<\/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-09-2023.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-69449 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/designers-developers-monthly-09-2023.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 (September 2023)<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tStay ahead with our newest web development resources this month.\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/github.com\/stacksjs\/stacks\">Stacks.js<\/a><\/h2>\n<p><strong>Stacks<\/strong> is a rapid full-stack development framework with a \u201cConvention over Configuration\u201d approach. It simplifies development for web and desktop apps, serverless APIs, cloud infrastructure, and comes with a set of UI components. It\u2019s built with modern web development stacks such as <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/bun.sh\/\">Bun<\/a>, <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/tauri.app\/\">Tauri<\/a>, <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/unocss.dev\/\">UnoCSS<\/a>, <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/vitejs.dev\/\">Vite<\/a>, and <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/vuejs.org\/\">Vue<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/stacks.jpg\" alt=\"Stacks.js logo\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/github.com\/sweetalert2\/sweetalert2\">SweetAlert2<\/a><\/h2>\n<p><strong>SweetAlert2<\/strong> is a JavaScript library designed for crafting visually appealing and responsive modal dialogs in web applications. It allows customization of titles, content, icons, buttons, and animations, enhancing your site\u2019s UX and UI instead of being restricted with the browser\u2019s built-in alert UI.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/sweetalert2.jpg\" alt=\"SweetAlert2 logo\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"noopener nofollow\" target=\"_blank\" href=\"https:\/\/www.youtube.com\/watch?v=Yvz_axxWG4Y\">HTML5 Canvas Crash Course<\/a><\/h2>\n<p>This YouTube tutorial covers the essentials of HTML5 canvas, including setting up canvas projects, drawing circles, adding mouse interactivity, and crafting a particle system \u2013 all from scratch and without using libraries. This is a great tutorial if you\u2019re looking to master creative front-end web development.<\/p>\n<div class=\"su-youtube su-u-responsive-media-yes\"><div class=\"video-19by6\"><iframe loading=\"lazy\" width=\"600\" height=\"400\" src=\"https:\/\/www.youtube.com\/embed\/Yvz_axxWG4Y?\" frameborder=\"0\" allowfullscreen allow=\"autoplay; encrypted-media; picture-in-picture\" title=\"\"><\/iframe><\/div><\/div>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/github.com\/tremorlabs\/tremor\">Tremor<\/a><\/h2>\n<p><strong>Tremor<\/strong> is a React library specifically designed for building dashboards. It allows you to create everything from simple to advanced complex dashboards effortlessly. It is fully open-source and is developed by a team of data scientists and software engineers with a keen eye for design.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/tremor.jpg\" alt=\"Tremor logo\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/kinoweb.dev\">Kinoweb<\/a><\/h2>\n<p><strong>Kino<\/strong> is a <a href=\"https:\/\/www.hongkiat.com\/blog\/progressive-web-apps-explained\/\">Progressive Web App <\/a>(PWA) that serves as a sample Video on Demand (VOD) app. It showcases media functionality, allowing you to download videos for offline viewing. It includes content and videos from the Google Chrome Developers YouTube channel, describing the PWA\u2019s capabilities and several of its use cases.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/kinowebdev.jpg\" alt=\"Kino app screenshot\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/github.com\/GoogleChrome\/samples\">Google Chrome Samples<\/a><\/h2>\n<p>This Git repository is a collection of code samples and demos maintained by the Google Chrome team. These samples cover a range of web development topics and serve as practical illustrations of best practices for building web applications with the latest features on Google Chrome. It\u2019s updated every time Google Chrome is released with new features.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/chrome-samples.jpg\" alt=\"Google Chrome Samples logo\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"noopener nofollow\" target=\"_blank\" href=\"https:\/\/www.youtube.com\/watch?v=-J3wNP6u5YU\">Naming Things<\/a><\/h2>\n<p>This video addresses the common challenge of naming elements in code and offers valuable suggestions on best practices. It explores various aspects of naming conventions, including the use of single-letter variables, <a href=\"https:\/\/www.hongkiat.com\/blog\/web-dev-acronyms\/\">abbreviations<\/a>, types, and units in variable names. It\u2019s full of valuable insights that I\u2019m sure could help you become a better developer.<\/p>\n<div class=\"su-youtube su-u-responsive-media-yes\"><div class=\"video-19by6\"><iframe loading=\"lazy\" width=\"600\" height=\"400\" src=\"https:\/\/www.youtube.com\/embed\/-J3wNP6u5YU?\" frameborder=\"0\" allowfullscreen allow=\"autoplay; encrypted-media; picture-in-picture\" title=\"\"><\/iframe><\/div><\/div>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/github.com\/formbricks\/formbricks\">Formbricks<\/a><\/h2>\n<p><strong>Formbricks<\/strong> is an open-source <a href=\"https:\/\/www.hongkiat.com\/blog\/online-survey-tools\/\">survey and experience management solution<\/a>. It comes with a handful of features like a no-code editor, templates, targeted surveys, shareable links, team collaboration, and integrations with tools like Slack and Zapier. You can self-host it on your own, so you have full control over the app and the data.<\/p>\n<figure><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/formik.jpg\" alt=\"Formbricks logo\"><\/figure>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.totaltypescript.com\/vscode-extension\">TotalTypeScript VS Code<\/a><\/h2>\n<p>This <a href=\"https:\/\/www.hongkiat.com\/blog\/visual-studio-code-extensions\/\">VSCode extension<\/a> can help you learn TypeScript seamlessly within the VSCode editor environment. It offers helpful hints on syntax, with direct links to documentation for complex errors. It\u2019s a comprehensive tool for experienced developers and especially for beginners too.<\/p>\n<figure><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/vscode-totaltypescript.jpg\" alt=\"TotalTypeScript VS Code extension logo\"><\/figure>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/github.com\/resendlabs\/react-email\">React Email<\/a><\/h2>\n<p>ReactEmail is a collection of high-quality, unstyled <a href=\"https:\/\/www.hongkiat.com\/blog\/react-js-web-developers-toolkit\/\">React components<\/a> designed for creating visually appealing emails. Developed with <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/react.dev\/\">React<\/a> and <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.typescriptlang.org\/\">TypeScript<\/a>, it aims to simplify the process of creating responsive emails and address inconsistencies with email clients such as Gmail and Outlook.<\/p>\n<figure><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/react-email.jpg\" alt=\"React Email logo\"><\/figure>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/github.com\/oramasearch\/orama\">Orama<\/a><\/h2>\n<p><strong>Orama<\/strong> is a lightweight full-text and <a href=\"https:\/\/www.hongkiat.com\/blog\/download-free-vector-websites\/\">vector search engine <\/a>written entirely in TypeScript. With a minimal footprint of less than 2kb, it is designed to provide fast, in-memory, and typo-tolerant search capabilities on your website. It\u2019s compatible with any JS environment, including browsers, <a href=\"https:\/\/www.hongkiat.com\/blog\/node-js-server-side-javascript\/\">Node.js,<\/a> and <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/deno.com\/\">Deno<\/a>.<\/p>\n<figure><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/orama.jpg\" alt=\"Orama logo\"><\/figure>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=liviuschera.noctis\">Noctis<\/a><\/h2>\n<p><strong>Noctis<\/strong> is a collection of light and dark themes for VSCode designed to reduce eye strain. It features 11 versions, including 8 dark and 3 light themes, each with distinct color palettes ranging from very dark, cold bluish-cyan to very light, warm orange.<\/p>\n<figure><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/noctis.jpg\" alt=\"Noctis theme preview\"><\/figure>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/github.com\/typicode\/json-server\">JSON Server<\/a><\/h2>\n<p><strong>JSON Server<\/strong> is a REST API mocking tool that quickly prototypes and tests front-end applications. It generates a mock server based on a JSON file, allowing developers to simulate CRUD (Create, Read, Update, Delete) operations and define routes and resources for testing and development. It supports features like filtering, sorting, and pagination.<\/p>\n<figure><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/json-server.jpg\" alt=\"JSON Server logo\"><\/figure>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/github.com\/typescript-cheatsheets\/react\">React TypeScript Cheatsheet<\/a><\/h2>\n<p>This open-source project provides comprehensive guides and best practices for using TypeScript with React. It covers various aspects of React development, including components, hooks, and other key concepts. The project aims to help developers write more reliable and maintainable code when working with TypeScript and React.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/react-typescript-cheatsheet.jpg\" alt=\"React TypeScript Cheatsheet logo\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/open-domains.net\">Open Domains<\/a><\/h2>\n<p><strong>Open Domains<\/strong> is a platform that provides free subdomains for personal sites, open-source projects, and more. You can register subdomains like <code>*.is-cool.dev<\/code> or <code>*.is-not-a.dev<\/code> with support for <code>A<\/code>, <code>AAAA<\/code>, <code>CNAME<\/code>, <code>MX<\/code>, <code>NS<\/code>, and <code>TXT<\/code> records. This can be useful for individuals and projects looking for free subdomain registration.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/open-domains.jpg\" alt=\"Open Domains platform screenshot\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/github.com\/pmndrs\/drei\">Drei<\/a><\/h2>\n<p><strong>Drei<\/strong> is a collection of utilities and components for <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/docs.pmnd.rs\/react-three-fiber\/getting-started\/introduction\">react-three-fiber<\/a>. It simplifies common patterns within a React environment, provides components and helpers to streamline the creation of 3D applications.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/drei.jpg\" alt=\"Drei library logo\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/github.com\/plotly\/plotly.js\">Plotly<\/a><\/h2>\n<p><strong>Plotly.js<\/strong> is an open-source JavaScript library for creating interactive, web-based data visualizations. It allows you to build a variety of charts, graphs, and dashboards. With support for a wide range of chart types, it is particularly well-suited for scientific, statistical, and financial applications.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/plotly.jpg\" alt=\"Plotly.js chart example\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/github.com\/KaTeX\/KaTeX\">KaTeX<\/a><\/h2>\n<p><strong>KaTeX<\/strong> is a JavaScript library for fast and high-quality rendering of mathematical expressions on the web. It\u2019s lightweight, efficient, and ideal for including LaTeX expressions in web applications without requiring heavy processing.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/katex.jpg\" alt=\"KaTeX rendered mathematical expression\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/github.com\/google-github-actions\/release-please-action\">Google Github Actions<\/a><\/h2>\n<p><strong>Release Please Action<\/strong> is a GitHub Action by Google that automates the process of versioning and generating releases for your GitHub projects. It analyzes your commit history, determines the next version based on semantic versioning rules, creates a new release branch, and generates the necessary pull requests and releases.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/release-please-action.jpg\" alt=\"Release Please Action logo\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/github.com\/gogs\/gogs\">Gogs<\/a><\/h2>\n<p><strong>Gogs<\/strong> is a self-hosted Git service written in the Go programming language. It\u2019s designed to be an easy-to-use and lightweight alternative to other Git hosting systems like GitLab and GitHub. Gogs supports repository creation, user authentication, collaboration features, and more, providing a comprehensive solution for managing Git repositories within your infrastructure.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/gogs.jpg\" alt=\"Gogs interface screenshot\" width=\"720\" height=\"480\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>It\u2019s time for another round of Fresh Resources for our fellow web designers and developers. This month\u2019s collection includes numerous resources to level up your skills in advanced front-end development. We also have a handful of React.js libraries and frameworks that can easily add cool functionalities to your sites, such as adding fast search engines&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":[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 (October 2023) - Hongkiat<\/title>\n<meta name=\"description\" content=\"It&#039;s time for another round of Fresh Resources for our fellow web designers and developers. This month&#039;s collection includes numerous resources to level\" \/>\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-10-2023\/\" \/>\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 (October 2023)\" \/>\n<meta property=\"og:description\" content=\"It&#039;s time for another round of Fresh Resources for our fellow web designers and developers. This month&#039;s collection includes numerous resources to level\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2023\/\" \/>\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=\"2023-10-23T13:01:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/stacks.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-10-2023\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2023\\\/\"},\"author\":{\"name\":\"Hongkiat Lim\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e3613a3bf757e4f67770f0b7a339edd0\"},\"headline\":\"Fresh Resources for Web Designers and Developers (October 2023)\",\"datePublished\":\"2023-10-23T13:01:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2023\\\/\"},\"wordCount\":1061,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2023\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-10-2023\\\/stacks.jpg\",\"keywords\":[\"Tools for Designers &amp; Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2023\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2023\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (October 2023) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2023\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2023\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-10-2023\\\/stacks.jpg\",\"datePublished\":\"2023-10-23T13:01:33+00:00\",\"description\":\"It's time for another round of Fresh Resources for our fellow web designers and developers. This month's collection includes numerous resources to level\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2023\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2023\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2023\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-10-2023\\\/stacks.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-10-2023\\\/stacks.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2023\\\/#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 (October 2023)\"}]},{\"@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 (October 2023) - Hongkiat","description":"It's time for another round of Fresh Resources for our fellow web designers and developers. This month's collection includes numerous resources to level","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-10-2023\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (October 2023)","og_description":"It's time for another round of Fresh Resources for our fellow web designers and developers. This month's collection includes numerous resources to level","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2023\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2023-10-23T13:01:33+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/stacks.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-10-2023\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2023\/"},"author":{"name":"Hongkiat Lim","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e3613a3bf757e4f67770f0b7a339edd0"},"headline":"Fresh Resources for Web Designers and Developers (October 2023)","datePublished":"2023-10-23T13:01:33+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2023\/"},"wordCount":1061,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2023\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/stacks.jpg","keywords":["Tools for Designers &amp; Developers"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2023\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2023\/","name":"Fresh Resources for Web Designers and Developers (October 2023) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2023\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2023\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/stacks.jpg","datePublished":"2023-10-23T13:01:33+00:00","description":"It's time for another round of Fresh Resources for our fellow web designers and developers. This month's collection includes numerous resources to level","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2023\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2023\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2023\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/stacks.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2023\/stacks.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2023\/#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 (October 2023)"}]},{"@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-icz","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/69971","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=69971"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/69971\/revisions"}],"predecessor-version":[{"id":69973,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/69971\/revisions\/69973"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=69971"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=69971"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=69971"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=69971"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}