{"id":70516,"date":"2023-11-27T21:01:39","date_gmt":"2023-11-27T13:01:39","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=70516"},"modified":"2023-11-27T17:50:11","modified_gmt":"2023-11-27T09:50:11","slug":"designers-developers-monthly-11-2023","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2023\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (November 2023)"},"content":{"rendered":"<p>It\u2019s a new month, and it\u2019s time to share some exciting resources for web developers. In this edition, we\u2019re introducing new web apps, tools, and plenty of resources to learn about AI. Additionally, there\u2019s a tool for creating color scales, a self-hosted backup solution for mobile devices, a quick way to check internet speed, and much more.<\/p>\n<p>Let\u2019s dive into 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-10-2023\/\" class=\"ref-block__link\" title=\"Read More: Fresh Resources for Web Designers and Developers (October 2023)\" rel=\"bookmark\"><span class=\"screen-reader-text\">Fresh Resources for Web Designers and Developers (October 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-10-2023.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-69971 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/designers-developers-monthly-10-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 (October 2023)<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tIt's time for another round of Fresh Resources for our fellow web designers and developers. This month's collection...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/monaspace.githubnext.com\/\">Monaspace<\/a><\/h2>\n<p><strong>Monaspace<\/strong> is a new monospace font family from GitHub. It\u2019s like a modern take on traditional monospace fonts, offering five distinct styles to add flair to your coding experience.<\/p>\n<p>Check out our list of <a href=\"https:\/\/www.hongkiat.com\/blog\/monospaced-fonts\/\">20 free monospace fonts<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/monaspace.jpg\" alt=\"Monaspace font preview\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/blueprint.laravelshift.com\/\">Laravel Shift Blueprint<\/a><\/h2>\n<p><strong>Blueprint<\/strong> is a Laravel code generator that makes building components a breeze. Its simple YAML syntax and Laravel integration let you quickly create factories, migrations, and more.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/laravel-blueprint.jpg\" alt=\"Laravel Shift Blueprint interface\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/gvergnaud\/ts-pattern\">ts-pattern<\/a><\/h2>\n<p><strong>ts-pattern<\/strong> is a TypeScript library for \u201cPattern Matching,\u201d offering a smarter way to write conditions. It\u2019s like an advanced <code>if\/else<\/code> or <code>switch<\/code>, available now even though it\u2019s still a proposal for <a href=\"https:\/\/www.hongkiat.com\/blog\/ecmascript-6\/\">ECMAScript<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/ts-pattern.jpg\" alt=\"ts-pattern library example\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/marketplace\/actions\/wp-performance-tests\">WP Performance Tests<\/a><\/h2>\n<p><strong>wp-performance-tests<\/strong>, a GitHub Action, helps measure WordPress site performance. It analyzes data from <code>Server-Timing<\/code> headers and uses Lighthouse for deeper insights, aiding in site speed optimization.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/wp-performance-tests.jpg\" alt=\"WP Performance Tests in action\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/ryangjchandler\/orbit\">Orbit<\/a><\/h2>\n<p><strong>Orbit<\/strong> is a Laravel package for file-based data management. It allows manipulation of files using Laravel Eloquent methods, offering a unique alternative to traditional databases.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/orbit.jpg\" alt=\"Orbit package interface\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/docs.storefrontui.io\/v2\/\">Vue Storefront UI<\/a><\/h2>\n<p><strong>Storefront UI<\/strong> is a versatile library for e-commerce sites. It offers fast, accessible, and customizable components for creating Headless e-commerce websites.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/vue-storefront.jpg\" alt=\"Vue Storefront UI components\" width=\"720\" height=\"405\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/hihayk.github.io\/scale\">Scale<\/a><\/h2>\n<p><strong>Scale<\/strong> is a tool for creating color scales. It\u2019s useful for design, <a href=\"https:\/\/www.hongkiat.com\/blog\/data-visualization-tools-resources\/\">data visualization<\/a>, and more, simplifying the process of making attractive color combinations.<\/p>\n<p class=\"recommended_top\">\n\t\t\t\t\t<strong>Read Also:<\/strong>\u00a0\n\t\t\t\t\t<a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/best-color-tools-for-web-designers\/\">Best Color Tools for Web Designers<\/a>\n\t\t\t\t<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/hihayk.jpg\" alt=\"Scale color tool interface\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/denoland\/denokv\">DenoKV<\/a><\/h2>\n<p><strong>Deno KV<\/strong> is a key-value database for <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/deno.com\/\">Deno<\/a>, ensuring data integrity and reliability in JavaScript. It can be deployed on <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/deno.com\/deploy\">Deno Deploy<\/a> or your own hosting setup.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/denokv.jpg\" alt=\"DenoKV database interface\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/iles.pages.dev\/\">Iles<\/a><\/h2>\n<p><strong>Iles<\/strong> is a modern static-site generator that uses \u201cpartial hydration\u201d for better performance. It combines Vue, MDX, and Vite.js for a smooth development process. In production, it smartly loads only necessary JavaScript for interactive components, boosting site speed for users.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/iles.jpg\" alt=\"Iles static-site generator interface\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/EbookFoundation\/free-programming-books\">Free Programming Books<\/a><\/h2>\n<p>This extensive collection by the <strong>Ebook Foundation<\/strong> offers a range of <a href=\"https:\/\/www.hongkiat.com\/blog\/free-ebooks-for-designers-developers\/\">free programming books<\/a>. It includes various languages, frameworks, and tools, making it an invaluable resource for anyone interested in programming and development.<\/p>\n<p class=\"recommended_top\">\n\t\t\t\t\t<strong>Read Also:<\/strong>\u00a0\n\t\t\t\t\t<a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/20-best-websites-to-download-free-e-books\/\">50 Websites to Download Free EBooks<\/a>\n\t\t\t\t<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/free-programming-books.jpg\" alt=\"Collection of free programming books\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/vite-pwa-org.netlify.app\/\">Vite PWA<\/a><\/h2>\n<p><strong>Vite PWA<\/strong> simplifies creating <a href=\"https:\/\/www.hongkiat.com\/blog\/progressive-web-apps-explained\/\">Progressive Web Apps<\/a> (PWAs). It\u2019s adaptable to any UI framework, offers easy-to-use default settings, customization options, and supports offline use.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/vite-pwa.jpg\" alt=\"Vite PWA development tool\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/speed.cloudflare.com\/\">Cloudflare Speed Test<\/a><\/h2>\n<p><strong>Cloudflare Speed Test<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/internet-speed-checkl-macos-monterey\/\">checks your internet speed<\/a> and reliability. It compares your ISP\u2019s promised speed with actual performance, tests different ISPs, and evaluates network connectivity. The tests run on Cloudflare\u2019s global network for accurate, interference-free results.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/cloudflare-speed-test.jpg\" alt=\"Cloudflare Speed Test interface\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/immich.app\/\">Immich<\/a><\/h2>\n<p><strong>Immich<\/strong> is a self-hosted backup solution for photos and videos on mobile devices. It lets you securely store media files on your private storage, giving you full control and offering personalized management features.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/immich.jpg\" alt=\"Immich backup solution interface\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/helix-editor.com\/\">Helix Editor<\/a><\/h2>\n<p><strong>Helix Editor<\/strong> is a Rust-based text editor with Vim-like features. Inspired by Kakoune and Neovim, it offers modal editing, multiple selections, and built-in language support, enhancing productivity with its extensive shortcuts and keymaps.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/helix-editor.jpg\" alt=\"Helix Editor interface\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/pkgx.sh\/\">pkgx<\/a><\/h2>\n<p><strong>pkgx<\/strong> is a versatile, cross-platform tool for executing various commands. It goes beyond <code>npx<\/code>, offering broader functionality across different platforms, making it a versatile choice for diverse operations.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/pkgx.jpg\" alt=\"pkgx command execution tool\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/reworkd\/AgentGPT\">AgentGPT<\/a><\/h2>\n<p><strong>AgentGPT<\/strong> lets you create your own AI companions. You can give them names, set goals, and watch them learn and improve as they perform tasks. It\u2019s an exciting way to experiment with AI and see it in action.<\/p>\n<p class=\"recommended_top\">\n\t\t\t\t\t<strong>Read Also:<\/strong>\u00a0\n\t\t\t\t\t<a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/chatgpt-gpts\/\">Top 10 GPTs by OpenAI So Far (Explained with Examples)<\/a>\n\t\t\t\t<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/agentgpt.jpg\" alt=\"AgentGPT AI creation interface\" width=\"720\" height=\"480\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/microsoft\/generative-ai-for-beginners\">Generative AI for Beginners<\/a><\/h2>\n<p>This course by <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/developer.microsoft.com\/en-us\/advocates\/\">Microsoft Cloud Advocates<\/a>, featuring 12 lessons, is a practical guide to building Generative AI applications. It covers key concepts and application development, equipping learners with the skills to create and innovate with<a href=\"https:\/\/www.hongkiat.com\/blog\/ai-writing-tools\/\"> Generative AI<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/generative-ai.jpg\" alt=\"Generative AI course interface\" width=\"720\" height=\"405\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/vercel\/ai\">Vercel AI SDK<\/a><\/h2>\n<p>The <strong>Vercel AI SDK<\/strong> is a toolkit for developing AI-driven text and chat interfaces. It supports React, Svelte, Vue, and Solid, integrates with SWR, and works well with AI platforms like OpenAI, Hugging Face, and others. It\u2019s a great starting point for AI application development.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/next-ai.jpg\" alt=\"Vercel AI SDK interface\" width=\"720\" height=\"405\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/sindresorhus\/awesome-chatgpt\">Awesome ChatGPT<\/a><\/h2>\n<p>This is a curated collection of ChatGPT-related resources, including tools, libraries, tutorials, and more. It\u2019s a comprehensive guide for developers and AI enthusiasts interested in ChatGPT and its applications.<\/p>\n<p class=\"recommended_top\">\n\t\t\t\t\t<strong>Read Also:<\/strong>\u00a0\n\t\t\t\t\t<a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/chatgpt-tools\/\">10 Most Useful ChatGPT Tools So Far<\/a>\n\t\t\t\t<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/awesome-chatgpt.jpg\" alt=\"Awesome ChatGPT resource collection\" width=\"720\" height=\"405\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/gitleaks\/gitleaks\">Gitleaks<\/a><\/h2>\n<p><strong>Gitleaks<\/strong> helps secure your code by detecting sensitive information in public repositories. It\u2019s versatile, customizable, and can integrate into CI\/CD pipelines to prevent data leaks during code integration and deployment.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/gitleaks.jpg\" alt=\"Gitleaks security tool interface\" width=\"720\" height=\"405\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>It\u2019s a new month, and it\u2019s time to share some exciting resources for web developers. In this edition, we\u2019re introducing new web apps, tools, and plenty of resources to learn about AI. Additionally, there\u2019s a tool for creating color scales, a self-hosted backup solution for mobile devices, a quick way to check internet speed, and&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":[],"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 (November 2023) - Hongkiat<\/title>\n<meta name=\"description\" content=\"It&#039;s a new month, and it&#039;s time to share some exciting resources for web developers. In this edition, we&#039;re introducing new web apps, tools, and plenty of\" \/>\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-11-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 (November 2023)\" \/>\n<meta property=\"og:description\" content=\"It&#039;s a new month, and it&#039;s time to share some exciting resources for web developers. In this edition, we&#039;re introducing new web apps, tools, and plenty of\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-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-11-27T13:01:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/monaspace.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<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-11-2023\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2023\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (November 2023)\",\"datePublished\":\"2023-11-27T13:01:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2023\\\/\"},\"wordCount\":765,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2023\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2023\\\/monaspace.jpg\",\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2023\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2023\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (November 2023) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2023\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2023\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2023\\\/monaspace.jpg\",\"datePublished\":\"2023-11-27T13:01:39+00:00\",\"description\":\"It's a new month, and it's time to share some exciting resources for web developers. In this edition, we're introducing new web apps, tools, and plenty of\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2023\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2023\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2023\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2023\\\/monaspace.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2023\\\/monaspace.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-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 (November 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\\\/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 (November 2023) - Hongkiat","description":"It's a new month, and it's time to share some exciting resources for web developers. In this edition, we're introducing new web apps, tools, and plenty of","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-11-2023\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (November 2023)","og_description":"It's a new month, and it's time to share some exciting resources for web developers. In this edition, we're introducing new web apps, tools, and plenty of","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2023\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2023-11-27T13:01:39+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/monaspace.jpg","type":"","width":"","height":""}],"author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2023\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2023\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (November 2023)","datePublished":"2023-11-27T13:01:39+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2023\/"},"wordCount":765,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2023\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/monaspace.jpg","articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2023\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2023\/","name":"Fresh Resources for Web Designers and Developers (November 2023) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2023\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2023\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/monaspace.jpg","datePublished":"2023-11-27T13:01:39+00:00","description":"It's a new month, and it's time to share some exciting resources for web developers. In this edition, we're introducing new web apps, tools, and plenty of","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2023\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2023\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2023\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/monaspace.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2023\/monaspace.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-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 (November 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\/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-ilm","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/70516","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=70516"}],"version-history":[{"count":1,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/70516\/revisions"}],"predecessor-version":[{"id":70517,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/70516\/revisions\/70517"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=70516"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=70516"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=70516"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=70516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}