{"id":72043,"date":"2024-05-29T21:00:16","date_gmt":"2024-05-29T13:00:16","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=72043"},"modified":"2025-04-21T17:43:26","modified_gmt":"2025-04-21T09:43:26","slug":"designers-developers-monthly-05-2024","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2024\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (May 2024)"},"content":{"rendered":"<p>As we move deeper into 2024, the web development community continues to push boundaries and create innovative solutions. This month\u2019s collection showcases some remarkable tools and resources that have emerged from this vibrant ecosystem.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-72043-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-72043-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:\/\/docs.deno.com\/examples\">Deno Examples<\/a><\/h2>\n<p><strong>Deno by Examples<\/strong> provides practical code samples for using Deno from the basic to advanced tasks, such as setting HTTP servers, handling JSON, processing forms, and server-side rendering with JSX. Each example includes clear, executable code snippets to help you get up to speed with Deno.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Deno Examples\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/deno-by-example.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/start.solidjs.com\/\">Solid Start<\/a><\/h2>\n<p><strong>SolidStart<\/strong> is the official starter framework for SolidJS. It provides templates to quickly set up new applications with options like built-in server-side rendering, TypeScript support, Vite, Nitro, and Router. It makes it easier and faster build and running a site with <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.solidjs.com\/\">SolidJS<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Solid Start\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/solid-start.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/usemods.com\/\">UseMods<\/a><\/h2>\n<p><strong>UseMods<\/strong> offers a collection of utility functions for JavaScript. It includes functions for common tasks like <code>formatNumber<\/code> to make user-friendly format numbers, <code>sum<\/code> to calculate array of numbers, <code>average<\/code> to find the mean of an array. It\u2019s overall a handy library to help you with various small tasks and functions needed to build modern web applications efficiently, whether it\u2019s on the front-end or SSR.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Use Mods\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/usemods.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/filamentphp.com\/plugins\/z3d0x-fabricator\">FilamentPHP Fabricator<\/a><\/h2>\n<p><strong>Fabricator<\/strong> is a FilamentPHP plugin that helps you create dynamic, block-based page layouts in their Filament applications. It allows you to easily create and manage content blocks through a user-friendly interface, making it simple to build complex pages or layout without needing extensive technical skills.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Filament PHP Fabricator\" height=\"430\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/filament-fabricator.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/lmstudio.ai\/docs\/welcome\">LM Studio<\/a><\/h2>\n<p><strong>LM Studio<\/strong> is a desktop app for running Large Language Models (LLMs) like Llama, MPT, and StarCoder locally on your computer. It supports some common AI tasks like text embeddings and server-side completions. It\u2019s user-friendly, works on Windows, macOS, and Linux. It is a suitable app for those who need to work offline for better privacy. Note that your computer will need a lot of RAM and a fast CPU to run this app effectively.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"LM Studio\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/lm-studio.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/mui.com\/x\/\">MUI-X<\/a><\/h2>\n<p><strong>MUI X<\/strong> contains a collection of advanced React components such as DataGrid, Charts, and Date & Time Pickers. It helps you organize and display lots of data efficiently, with options like sorting, filtering, and even letting you export stuff to Excel. A perfect library to build complex data-driven applications.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"MUI X\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/mui-x.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/sinclairzx81\/typebox\">Typebox<\/a><\/h2>\n<p>TypeBox is a library that lets you create JSON Schemas for TypeScript type checking and runtime validation, such as for validating data in REST and RPC services. This ensures your data structures follow defined types during development and in production.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Type Box\" height=\"360\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/typebox.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/softprops\/action-gh-release\">Github Action Release<\/a><\/h2>\n<p>A GitHub Action for managing releases in Github. It runs on Linux, Windows, and macOS environments and allows you to easily configure various options for your release, such as uploading files, adding release notes, and more. <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/features\/actions\">This Action<\/a> makes it easier to automate the release processes of your software.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Github Action Release\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/gh-actions-release.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/brocoders\/nestjs-boilerplate\">Nest.js Boilerplate<\/a><\/h2>\n<p>NestJS Boilerplate includes features like authentication, database integration with TypeORM and Mongoose with support for PostgreSQL and MongoDB, mailing functionality, and i18n out of the box. It\u2019s designed to streamline the development of typical NestJS projects by providing a ready-to-use setup with common functionalities so you can get your application up and running quickly.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Nest JS Boilerplate\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/nestjs-boilerplate.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/shadcn-ui\/taxonomy\">Taxonomy<\/a><\/h2>\n<p><strong>Taxonomy<\/strong> is an example of an application with Next.js. It includes the new <code>\/app<\/code> directory, advanced routing with layouts and nested layouts, data fetching, and caching. This setup demonstrates the new capabilities and structure of Next.js, and is a great resource if you\u2019re looking to learn and implement these features in your own projects.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Taxonomy\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/taxonomy-shadcn.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/github\/relative-time-element\">Relative Time Element<\/a><\/h2>\n<p>The <strong>relative-time-element<\/strong> is a Web Component built by the team at Github. It is an upgrade to the standard <code>time<\/code> tag. It shows dates as local or relative times so users will see it in their own format and time zone. If JavaScript is off, the original date still shows up. This tool makes sure dates look right for everyone.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Relative Time Element\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/relative-time-element.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dokku.com\/\">Dokku<\/a><\/h2>\n<p><strong>Dokku<\/strong> is a free, open-source alternative to Heroku for managing apps. You can install it on any hardware and use cheap cloud providers to save money. You can simply push apps to it using Git, and they\u2019ll run just like on Heroku, but on your own server.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Dokku\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/dokku.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/coolify.io\/\">Coolify<\/a><\/h2>\n<p><strong>Coolify<\/strong> is a self-hosted alternative to Heroku, Netlify, and Vercel. It works with many programming languages and allows you to launch various applications on any server like a VPS, Raspberry Pi, or cloud services like EC2 and DigitalOcean. It provides automatic SSL certificate setup and Git integration with both hosted and self-hosted platforms including GitHub, GitLab, Bitbucket, and Gitea. This makes deploying your apps simple while giving you more control over the infrastructure.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Coolify\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/coolify.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/biomejs\/biome\">Biome<\/a><\/h2>\n<p><strong>Biome<\/strong> is a handy tool for web projects. It features a fast formatter and linter for JavaScript, TypeScript, JSX, JSON, and supports 97% of Prettier features. You can easily integrate it with VSCode to enable it to format and lint your code in real-time as you write, helping you improve your code quality.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Biome\" height=\"353\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/biome.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/google\/gts\">GTS<\/a><\/h2>\n<p>Built by the team at Google, <strong>GTS<\/strong> is a collection of tools for TypeScript projects. It provides a style guide, formatter, and proofreader in one package. You don\u2019t need to worry about configurations. Just install it in your project, and run <code>gts fix<\/code>, and your code will be clean and tidy. It helps you to catch mistakes early, saving time during code reviews.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"GTS\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/gts.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/lunarphp.io\/\">LunarPHP<\/a><\/h2>\n<p><strong>LunarPHP<\/strong> is an open-source package built with Laravel to build a headless e-commerce platform. It includes all the tools you need to manage your store, from catalogs to customers and orders, in a sleek and customizable admin area built with <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/livewire.laravel.com\/\">Laravel Livewire<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Lunar PHP\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/lunarphp.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/ark-ui.com\/\">ArkUI<\/a><\/h2>\n<p><strong>ArkUI<\/strong> is a library for creating customizable and accessible UI components. It\u2019s designed to work with various JavaScript frameworks, so you can use it either with React.js, Vue, or Solid. On top of that, all the components start unstyled, so you can match them perfectly to your design.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Ark UI\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/ark-ui.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/openai\/openai-cookbook\">OpenAI Cookbook<\/a><\/h2>\n<p>The OpenAI Cookbook provides example code and guides for using the OpenAI API to work on some common tasks. Most examples are in Python, but the principles can apply to any language. You can apply it using some of the SDKs available like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/openai\/openai-node\">openai-node<\/a> or <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/packagist.org\/packages\/openai-php\/client\">openai-php<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"OpenAI Cookbook\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/openai-cookbook.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/framework-x.org\/\">FrameworkX<\/a><\/h2>\n<p><strong>Framework X<\/strong> makes asynchronous programming in PHP easy. It\u2019s a fast and simple framework designed for creating reactive web applications with support for async and non-blocking execution. You can host it anywhere, even on shared hosting.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Framework X\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/framework-x.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/ui-libs.vercel.app\/\">UI Lib Picker<\/a><\/h2>\n<p><strong>UI Lib Picker<\/strong> is a handy tool for Vue 3 and Nuxt 3 users. It simplifies the process by offering an overview of various UI frameworks, making it easier for you to choose the one that fits your projects. It includes popular collections like NuxtUI, PrimeVue, and Vuetify, among others.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"UI Lib Picker\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/ui-lib-picker.jpg\" width=\"750\"><\/figure>\n<hr>","protected":false},"excerpt":{"rendered":"<p>As we move deeper into 2024, the web development community continues to push boundaries and create innovative solutions. This month\u2019s collection showcases some remarkable tools and resources that have emerged from this vibrant ecosystem. Deno Examples Deno by Examples provides practical code samples for using Deno from the basic to advanced tasks, such as setting&hellip;<\/p>\n","protected":false},"author":113,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[352],"tags":[2539],"topic":[],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (May 2024) - Hongkiat<\/title>\n<meta name=\"description\" content=\"As we move deeper into 2024, the web development community continues to push boundaries and create innovative solutions. This month&#039;s collection showcases\" \/>\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-05-2024\/\" \/>\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 (May 2024)\" \/>\n<meta property=\"og:description\" content=\"As we move deeper into 2024, the web development community continues to push boundaries and create innovative solutions. This month&#039;s collection showcases\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2024\/\" \/>\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=\"2024-05-29T13:00:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T09:43:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/deno-by-example.jpg\" \/>\n<meta name=\"author\" content=\"Thoriq Firdaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@tfirdaus\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thoriq Firdaus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-2024\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-2024\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (May 2024)\",\"datePublished\":\"2024-05-29T13:00:16+00:00\",\"dateModified\":\"2025-04-21T09:43:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-2024\\\/\"},\"wordCount\":1131,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-2024\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-05-2024\\\/deno-by-example.jpg\",\"keywords\":[\"Tools for Designers &amp; Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-2024\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-2024\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (May 2024) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-2024\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-2024\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-05-2024\\\/deno-by-example.jpg\",\"datePublished\":\"2024-05-29T13:00:16+00:00\",\"dateModified\":\"2025-04-21T09:43:26+00:00\",\"description\":\"As we move deeper into 2024, the web development community continues to push boundaries and create innovative solutions. This month's collection showcases\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-2024\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-2024\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-2024\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-05-2024\\\/deno-by-example.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-05-2024\\\/deno-by-example.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-05-2024\\\/#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 (May 2024)\"}]},{\"@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 (May 2024) - Hongkiat","description":"As we move deeper into 2024, the web development community continues to push boundaries and create innovative solutions. This month's collection showcases","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-05-2024\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (May 2024)","og_description":"As we move deeper into 2024, the web development community continues to push boundaries and create innovative solutions. This month's collection showcases","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2024\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2024-05-29T13:00:16+00:00","article_modified_time":"2025-04-21T09:43:26+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/deno-by-example.jpg","type":"","width":"","height":""}],"author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2024\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2024\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (May 2024)","datePublished":"2024-05-29T13:00:16+00:00","dateModified":"2025-04-21T09:43:26+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2024\/"},"wordCount":1131,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2024\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/deno-by-example.jpg","keywords":["Tools for Designers &amp; Developers"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2024\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2024\/","name":"Fresh Resources for Web Designers and Developers (May 2024) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2024\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2024\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/deno-by-example.jpg","datePublished":"2024-05-29T13:00:16+00:00","dateModified":"2025-04-21T09:43:26+00:00","description":"As we move deeper into 2024, the web development community continues to push boundaries and create innovative solutions. This month's collection showcases","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2024\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2024\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2024\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/deno-by-example.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-05-2024\/deno-by-example.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-05-2024\/#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 (May 2024)"}]},{"@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-iJZ","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/72043","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=72043"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/72043\/revisions"}],"predecessor-version":[{"id":73820,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/72043\/revisions\/73820"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=72043"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=72043"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=72043"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=72043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}