{"id":65358,"date":"2023-03-30T21:01:54","date_gmt":"2023-03-30T13:01:54","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=65358"},"modified":"2025-04-21T18:14:00","modified_gmt":"2025-04-21T10:14:00","slug":"designers-developers-monthly-03-2023","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2023\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (March 2023)"},"content":{"rendered":"<p>Welcome to our March edition of Fresh Resources! This month, we\u2019ve gathered an impressive collection of tools and libraries that will enhance your web development workflow.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-65358-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-65358-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:\/\/docus.dev\/\">Docus<\/a><\/h2>\n<p>Docus is a <strong>framework that allows you to write documentation using <a href=\"https:\/\/www.hongkiat.com\/blog\/web-content-with-markdown\/\">Markdown<\/a> and Vue components<\/strong>. It\u2019s built on top of <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/nuxt.com\/\">Nuxt<\/a> architecture and comes with over 50 components for building pages, navigation, and table of contents. Docus is highly extensible, allowing you to <strong>customize the design or add components<\/strong> using <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/vuejs.org\/guide\/components\/slots.html\">slots<\/a> to make it your own.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Docus\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/docus.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/react.dev\/\">React Dev<\/a><\/h2>\n<p>This is the <strong>official website for <a href=\"https:\/\/www.hongkiat.com\/blog\/getting-started-react-js\/\">React.js<\/a>, developed and maintained by Facebook<\/strong>. It provides a comprehensive guide to using React, including documentation, tutorials, and examples. The site serves as an <strong>essential resource for anyone who would like to get started with React<\/strong>, and stay up-to-date with the latest updates and best practices in React development.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"React Dev\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/react-dev.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2>IconHunt<\/h2>\n<p>IconHunt hosts a vast collection of <strong>free and open-source icons with a simple and user-friendly interface<\/strong> that makes it easy to search and browse through. You can <strong>download or import the icons to <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.notion.so\/\">Notion<\/a> and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.figma.com\/\">Figma<\/a><\/strong> easily. A useful resource for both designers and developers looking for free and high-quality icons.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"IconHunt\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/iconhunt.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.blocknotejs.org\/\">BlockNote<\/a><\/h2>\n<p>Blocknote is an open-source <strong>JavaScript library to create a <a href=\"https:\/\/www.hongkiat.com\/blog\/wysiwyg-html-editors\/\">WYSIWYG editor<\/a><\/strong>. Aside from basic text editing like bold, italic, and underline, it also highlights some advanced features like <strong>real-time collaboration, drag-n-drop blocks<\/strong>, and a customizable <code>\/<\/code> menu. It\u2019s <strong>flexible and customizable<\/strong>, which makes it a great choice if you\u2019re looking to add a modern editor to your web applications.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"BlockNote\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/blocknote.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/serversideup.net\/open-source\/docker-php\/\">Docker Image PHP<\/a><\/h2>\n<p>A <strong>Docker image from ServerSiderUp that allows you to run PHP applications<\/strong>. It\u2019s production-ready and comes with many things preconfigured, including <strong>Nginx, PHP-FPM, and automatic health checks<\/strong>. It\u2019s also <strong>highly optimized for Laravel<\/strong> and includes and handles queues, tasks, storage linking, and migrations out of the box. One of the better alternatives to the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/hub.docker.com\/_\/php\">official PHP Docker image<\/a>, and it also runs faster.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Docker Image PHP\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/php-docker-image.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/arktype.io\/\">Arktype<\/a><\/h2>\n<p>ArkType is a <strong>runtime validation library that automatically infers TypeScript definitions<\/strong>. It provides immediate feedback in the editor as you type in the code editor, displaying fully-inferred types or specific parse errors. This <strong>feedback reflects what will happen at runtime<\/strong>. A useful library if you\u2019d want to ensure type safety both during development and at runtime of your application.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Arktype\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/arktype.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/houston.astro.build\/\">Houston<\/a><\/h2>\n<p>HoustonAI is an <strong>experimental support bot designed to help users to use <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/astro.build\/\">Astro<\/a><\/strong> \u2013 a static site builder for modern web apps. The bot is <strong>powered by GPT-3, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/python.langchain.com\/docs\/introduction\/\">LangChain<\/a>, and trained on the Astro documentation website<\/strong>. It\u2019s currently experimental, and it may return the wrong answer. But it\u2019s exciting to see how AI would change the way we learn.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Houston\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/houston.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/ts-rest.com\/\">TS-REST<\/a><\/h2>\n<p>TS-REST is a tool that provides a simple way to define a contract that offers <strong>end-to-end type safety for your web application APIs<\/strong>. The contract can be easily defined with <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/zod.dev\/\">a Zod schema<\/a> or <a href=\"https:\/\/www.hongkiat.com\/blog\/typescript-and-javascript\/\">TypeScript<\/a> type. It is well-tested, production-ready, and framework agnostic that, allows you to <strong>use it with a wide variety of frameworks including <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/expressjs.com\/\">Express<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/nestjs.com\/\">Nest<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/nextjs.org\/\">Next<\/a><\/strong>, and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/tanstack.com\/query\/v3\/\">react-query<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"TS REST\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/ts-rest.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/mrsked\/mrsk\">MRSK<\/a><\/h2>\n<p>MRSK is new a tool from the people in <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/basecamp\">Basecamp<\/a>. It <strong>deploys web applications to any environment, from bare metal to a cloud VM, using Docker<\/strong> without any downtime. It uses <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/traefik.io\/\">Traefik<\/a> as a dynamic reverse-proxy to manage requests during the container-switching process. Although originally built for Rails applications, it can <strong>work with any web application<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"MRSK\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/mrsk.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/grep.app\/\">Grep<\/a><\/h2>\n<p>Grep.app is a <strong>search engine for developers<\/strong> that allows you to search through billions of lines of code across repositories and package managers such as GitHub, GitLab, and NPM. It <strong>shows results with context highlighting<\/strong> and can be further filtered and sorted by language, file type, project, and date. A useful search engine if you\u2019d to search for specific codes for research, debugging, or simply inspiration.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Grep App\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/grep-app.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/regexp.dev\/\">magic-regex<\/a><\/h2>\n<p>magic-regex is an <strong>NPM library that makes <a href=\"https:\/\/www.hongkiat.com\/blog\/regular-expression-tools-resources\/\">RegEx<\/a> easier<\/strong>. Instead of having to write strange RegEx syntax that\u2019s hard to understand, you can use a function and a natural language syntax. This library will <strong>compile and transform the function into a pure valid RegEx<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Magic Regexp\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/magic-regexp.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/bite-sized-a11y.com\/\">Bite-Sized Accessibility<\/a><\/h2>\n<p>This site provides <strong>short, easy-to-digest lessons on web accessibility<\/strong>. Each lesson is presented in a bite-sized format, with clear explanations and examples that make it easy to understand and apply the concepts covered. It covers a range of topics, including <strong><a href=\"https:\/\/www.hongkiat.com\/blog\/high-contrast-color-design\/\">color contrast<\/a>, keyboard accessibility, screen reader compatibility<\/strong>, and more. It is a great resource for anyone looking to improve <a href=\"https:\/\/www.hongkiat.com\/blog\/accessibility-tools-for-designers\/\">accessibility knowledge<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Bite Sized A11y\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/bite-sized-a11y.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/emilwidlund\/nodl\">Nodl<\/a><\/h2>\n<p>Nodl is a <strong>framework that allows you to create a computational node graph for your Node-based applications<\/strong>. This library allows you to easily design, manipulate, and execute these graphs. A great library if you need to <strong>visualize complex data in your application<\/strong> while also providing some form of interface for your users to interact with the data.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Nodl\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/nodl.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/stark-accessibility-check\/fkfaapnmfippddbeemjjbclenphooipm\">Stark Accessibility Checker<\/a><\/h2>\n<p>Stark Accessibility Checker is a Google Chrome extension that provides a suite of <strong>integrated tools for testing website accessibility<\/strong>. Its features include the <em>Contrast Checker<\/em>, <em>Vision Simulator<\/em>, <em>Alt-Text Annotation<\/em>s, and <em>Typography Analysis<\/em>, which can help you <strong>find and fix accessibility issues on your website<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Stark A11y\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/stark-a11y.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/donuts-are-good\/bearclaw\">Bearclaw<\/a><\/h2>\n<p>Bearclaw is a tool that <strong>simplifies generating websites from Markdown without the need for knowledge in templating languages<\/strong>. You can simply add content in a Markdown file and run the tool to transform it into HTML, ready for deployment on Github Pages or any server. It <strong>doesn\u2019t require frameworks, NPM, or any complicated configurations<\/strong>. It just works.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Bearclaw\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/breaclaw.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/developer.wordpress.org\/news\/\">WordPress Developer News<\/a><\/h2>\n<p>The WordPress Developer Blog is a <strong>new official resource from WordPress for developers to stay up-to-date<\/strong> with the latest software features, tutorials, and learning materials relevant to the open-source project. It covers topics such as <strong>theme and block development tutorials, WordPress APIs, best practices, and learning resources<\/strong> whether you\u2019re a beginner or experienced <a href=\"https:\/\/www.hongkiat.com\/blog\/skilled-wordpress-developer\/\">WordPress developer<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Wp Org Dev\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/wp-org-dev.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/stellarwp\/slic\">Slic<\/a><\/h2>\n<p>Slic is a <strong>CLI command tool that provides a containerized environment for running automated tests on<\/strong>. It\u2019s designed for WordPress and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/codeception.com\/\">Codeception<\/a>, simplifies the setup process for testing, and ensures consistency in running the tests, which can be a challenge as a project and the team size grows. Additionally, it provides useful development tools and utilities for use during project development or <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.atlassian.com\/continuous-delivery\/continuous-integration\">CI builds<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Slic\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/slic.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/windstatic.com\">Windstatic<\/a><\/h2>\n<p>A <strong>collection of 161 elements and layouts crafted with <a href=\"https:\/\/www.hongkiat.com\/blog\/tailwind-css\/\">Tailwind CSS<\/a> and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/alpinejs.dev\/\">Alpine.js<\/a><\/strong>, featuring visually appealing designs and serving as a great foundation for your next project. In the collection, you can find some common <strong>design patterns or layouts such as the Hero section, Grid layout, CTA<\/strong>, testimonials, and more.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Windstatic\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/windstatic.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/kitchen.tonightpass.com\/\">Kitchen<\/a><\/h2>\n<p>Kitchen provides <strong>customizable styled-components in React or React Native<\/strong>. It contains accessible components that follow WAI-ARIA standards, can be themed to match design needs, and <strong>offers support for all platforms<\/strong>. It also includes a <strong>simple responsive system and reusable hooks<\/strong> that guarantee to boost your productivity during development.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Kitchen\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/kitchen.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/transform.tools\/\">Transforms<\/a><\/h2>\n<p>This site <strong>provides a variety of data conversion tools for developers<\/strong>. For example, you can convert SVG to React.js or React Native, HTML to JSX, and JSON to many data types, including <strong>TOML, YAML, JSDoc, GraphQL<\/strong>, and many more. It\u2019s super handy that I think all developers should bookmark it.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Transforms\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/transforms.jpg\" width=\"750\"><\/figure>\n<hr>","protected":false},"excerpt":{"rendered":"<p>Welcome to our March edition of Fresh Resources! This month, we\u2019ve gathered an impressive collection of tools and libraries that will enhance your web development workflow. Docus Docus is a framework that allows you to write documentation using Markdown and Vue components. It\u2019s built on top of Nuxt architecture and comes with over 50 components&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":[4668,2539],"topic":[],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (March 2023) - Hongkiat<\/title>\n<meta name=\"description\" content=\"Welcome to our March edition of Fresh Resources! This month, we&#039;ve gathered an impressive collection of tools and libraries that will enhance your web\" \/>\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-03-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 (March 2023)\" \/>\n<meta property=\"og:description\" content=\"Welcome to our March edition of Fresh Resources! This month, we&#039;ve gathered an impressive collection of tools and libraries that will enhance your web\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-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-03-30T13:01:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T10:14:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/docus.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=\"10 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-03-2023\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2023\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (March 2023)\",\"datePublished\":\"2023-03-30T13:01:54+00:00\",\"dateModified\":\"2025-04-21T10:14:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2023\\\/\"},\"wordCount\":1205,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2023\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-03-2023\\\/docus.jpg\",\"keywords\":[\"gc\",\"Tools for Designers &amp; Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2023\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2023\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (March 2023) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2023\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2023\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-03-2023\\\/docus.jpg\",\"datePublished\":\"2023-03-30T13:01:54+00:00\",\"dateModified\":\"2025-04-21T10:14:00+00:00\",\"description\":\"Welcome to our March edition of Fresh Resources! This month, we've gathered an impressive collection of tools and libraries that will enhance your web\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2023\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2023\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2023\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-03-2023\\\/docus.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-03-2023\\\/docus.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-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 (March 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 (March 2023) - Hongkiat","description":"Welcome to our March edition of Fresh Resources! This month, we've gathered an impressive collection of tools and libraries that will enhance your web","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-03-2023\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (March 2023)","og_description":"Welcome to our March edition of Fresh Resources! This month, we've gathered an impressive collection of tools and libraries that will enhance your web","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2023\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2023-03-30T13:01:54+00:00","article_modified_time":"2025-04-21T10:14:00+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/docus.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":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2023\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2023\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (March 2023)","datePublished":"2023-03-30T13:01:54+00:00","dateModified":"2025-04-21T10:14:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2023\/"},"wordCount":1205,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2023\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/docus.jpg","keywords":["gc","Tools for Designers &amp; Developers"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2023\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2023\/","name":"Fresh Resources for Web Designers and Developers (March 2023) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2023\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2023\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/docus.jpg","datePublished":"2023-03-30T13:01:54+00:00","dateModified":"2025-04-21T10:14:00+00:00","description":"Welcome to our March edition of Fresh Resources! This month, we've gathered an impressive collection of tools and libraries that will enhance your web","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2023\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2023\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2023\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/docus.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2023\/docus.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-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 (March 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-h0a","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/65358","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=65358"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/65358\/revisions"}],"predecessor-version":[{"id":73909,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/65358\/revisions\/73909"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=65358"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=65358"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=65358"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=65358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}