{"id":66684,"date":"2023-04-26T21:01:18","date_gmt":"2023-04-26T13:01:18","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=66684"},"modified":"2023-04-25T19:30:14","modified_gmt":"2023-04-25T11:30:14","slug":"designers-developers-monthly-04-2023","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2023\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (April 2023)"},"content":{"rendered":"

In this month\u2019s edition, we\u2019ve got some resources that I\u2019m sure will make you excited. We\u2019ve got a tool for spell-checking that can help catch those pesky typos in your code, a collection of Adobe React Aria, and a tutorial that will teach you the latest Next.js 13 and how to use ChatGPT effectively<\/a> for web developers. Sounds exciting? Let\u2019s dive in to see the full list.<\/p>\n

Skeleton PHP<\/a><\/h2>\n

This is a PHP package that provides a simple and modern boilerplate codebase for building modern PHP applications. It follows PSR-4 naming conventions and includes basic configurations for development tools<\/strong> such as PHPStan and PHPUnit.<\/p>\n

It also includes sample files and test cases<\/strong> to help developers get started quickly. The package can come in handy to get you up to speed with building PHP applications without spending a lot of time on setup and configuration.<\/p>\n

\"Skeleton<\/figure>\n

Unlazy<\/a><\/h2>\n

Unlazy is a JavaScript library that provides a way to lazily load images using native browser APIs<\/strong>. It is designed to be used with the loading=\"lazy\"<\/code> attribute and supports (blurry) placeholder images using the BlurHash<\/a> algorithm.<\/p>\n

The library includes features such as automatic sizing calculation, multiple image tag support<\/strong> using <picture><\/code>, and SEO-friendly. It is built for modern browsers and is framework-agnostic<\/strong> that allows you to use it with or without a framework.<\/p>\n

\"Unlazy\"<\/figure>\n

NaiveUI<\/a><\/h2>\n

NaiveUI is a UI library for Vue 3<\/a> that offers a wide range of highly customizable UI components<\/strong> such as buttons, forms, menus, and models, as well as utilities for layout and styling.<\/p>\n

It supports internationalization with translations available in over 10 languages, dark mode, and accessibility with components designed to meet WCAG 2.0 standards<\/strong>. If you\u2019re looking to build an app with Vue, it could be the perfect library to build the UI.<\/p>\n

\"NaiveUI\"<\/figure>\n

VSCode Settings<\/a><\/h2>\n

VSCode Settings is a repository containing a variety of opinionated settings and extensions<\/strong> in Visual Studio Code (VS Code), such as themes, fonts, indentation, and keyboard shortcuts.<\/p>\n

However, you can still pick and choose the settings and extensions<\/strong> that best suit their needs. A good source of inspiration if you\u2019d like to improve the development experience Visual Studio Code.<\/p>\n

Read also:<\/strong> 8 Powerful VS Code Extensions for Front-End Developers<\/a><\/p>\n

\"VSCode<\/figure>\n

Build a MERN React Admin Dashboard<\/a><\/h2>\n

In this video, you will learn how to develop and deploy a stack admin dashboard using MERN (MongoDB, Express, React, Node) stack<\/strong>. The development involves a number of libraries and tools on the front end including Material UI, Material UI Data Grid, Nivo Charts, Redux Toolkit and Redux Toolkit Query<\/strong>.<\/p>\n

While on the backend it involves using Node.js, Express, Mongoose, and MongoDB<\/strong>. It\u2019s 7 hours long tutorial! A great source for anyone who wants to learn to be a full-stack developer.<\/p>\n

\"Build<\/figure>\n

WindmillUI<\/a><\/h2>\n

Windmill UI is a modern and free web UI library for building dashboards<\/strong>, admin areas, and other web applications. It includes a range of pre-built components and styles, such as tables, forms, modals, and alerts<\/strong>, that are fully responsive and customizable.<\/p>\n

It is built with Tailwind CSS<\/a><\/strong>, a utility-first CSS framework, and includes easy integration with React. Windmill UI also offers ready-to-use templates for dashboards making it even easier to get started with building web applications.<\/p>\n

\"WindmillUI\"<\/figure>\n

cSpell<\/a><\/h2>\n

CSpell is a command-line tool and library for spellchecking on codes<\/strong>. It is designed to help catch common spelling mistakes and typos in programming and technical documentation and can be integrated into a developer\u2019s workflow through editor extensions, build tools, and other integrations<\/strong>, and can be customized with a user-defined dictionary and configuration file.<\/p>\n

It supports a variety of languages, including English, German, French, and Spanish<\/strong>. A useful resource for both developers and technical writers to avoid typos.<\/p>\n

\"cSpell\"<\/figure>\n

Falcon<\/a><\/h2>\n

Falcon is a WordPress plugin that provides a range of performance and user experience optimizations for WordPress<\/strong>. It includes options to disable certain features including include disabling Gutenberg, REST API, heartbeat, XML-RPC, emojis, embeds, revisions, and self-pings, among others.<\/p>\n

It can also remove unnecessary assets and code from the site<\/strong>, and make various tweaks to the site\u2019s header and administration areas. It\u2019s an overall great plugin if you want some performance boost on your WordPress site.<\/p>\n

\"Falcon\"<\/figure>\n

UnoCSS<\/a><\/h2>\n

UnoCSS is a utility-first CSS framework that aims to provide an intuitive and flexible way of writing styles<\/strong>. It allows developers to write CSS directly in their markup, without worrying about the underlying structure or specificity, making it easier to maintain and refactor styles.<\/p>\n

It also includes a flexible theming system and supports a wide range of CSS features out-of-the-box<\/strong>, such as pseudo-classes, media queries, and animations.<\/p>\n

\"UnoCSS\"<\/figure>\n

React Aria Components<\/a><\/h2>\n

React Aria Components is a collection of unstyled components built on top of React Aria hooks<\/a><\/strong>. It simplifies building custom-styled components and abstracts away the glue code necessary to connect the hooks together. It is currently in alpha and is being actively developed and maintained<\/strong>.<\/p>\n

\"React<\/figure>\n

Next.js 13 Crash Course<\/a><\/h2>\n

A free Next.js course, created by Traversy Media. It provides an introduction to Next.js 13<\/a> and covers a range of topics in it, including walking through the new features, setting up a Next.js project, working with pages and components, styling with CSS modules, and deployment<\/strong>.<\/p>\n

A great tutorial if you\u2019re already familiar with React and want to learn how to build scalable web applications with Next.js<\/strong>.<\/p>\n

\"Next.js<\/figure>\n

Magicast<\/a><\/h2>\n

Magicast is a JavaScript and TypeScript code modification library<\/strong> that allows users to programmatically modify source code with an easy-to-use and familiar syntax<\/strong>. It uses the AST parsed by recast and babel and offers features such as exports\/import manipulation, function argument manipulation, smart formatting, and improved code readability<\/strong>.<\/p>\n

It might not be the library you use, but if you need to do low-level programming that involves code modification, this can be a very handy library to use.<\/p>\n

\"Magicast\"<\/figure>\n

SaasKit<\/a><\/h2>\n

SaasKit is a free, open-source, and modern template designed for typical Saas needs<\/strong>. It comes with a range of features, including a landing page, subscription billing via Stripe, a customer portal, user authentication, SEO-friendly, and mobile-friendly.<\/p>\n

It is built on top of Fresh and Deno, two fast and reliable technologies that make web app development simple<\/strong> and offers a great developer experience.<\/p>\n

\"SaasKit\"<\/figure>\n

ChatGPT Crash Course<\/a><\/h2>\n

Another great free course from Traversy Media. This course will show you 10 ways to utilize ChatGPT effectively as a developer<\/strong> such as how to use it to generate documentation, sample data, explain errors, etc. Not only that these can boost your productivity<\/a> but could also improve your skill as a developer<\/strong>.<\/p>\n

\"ChatGPT<\/figure>\n

AsyncAPI<\/a><\/h2>\n

AsyncAPI is an open-source initiative that focuses on creating a standard for event-driven APIs<\/strong>. It provides a specification for defining the structure of asynchronous APIs in a format that can be easily shared, understood and implemented by different tools and platforms.<\/p>\n

It helps to improve communication and collaboration between teams<\/strong> building the systems by promoting a standardized approach for designing, documenting, and testing APIs.<\/p>\n

\"AsyncAPI\"<\/figure>\n

UA Parser JS<\/a><\/h2>\n

UA Parser JS is a JavaScript library that parses user agent strings to extract valuable information<\/strong> like browser, operating system, and device details. It supports a wide range of user agents and provides a simple, user-friendly API for developers to access the parsed information, and can be used both in the browser and in Node.js applications<\/strong>.<\/p>\n

\"UA<\/figure>\n

Homepage<\/a><\/h2>\n

The Homepage is a modern, customizable, and secure application dashboard<\/strong> with integrations for over 25 services and translations for more than 15 languages. It supports all Raspberry Pi\u2019s, most SBCs, and Apple Silicon<\/strong> and is statically generated at build time, resulting in instant load times. It offers full i18n support with translations in multiple languages.<\/p>\n

Additionally, it includes features such as service and web bookmarks<\/strong>, container status and statistics, and system stats widgets, among others.<\/p>\n

\"Homepage\"<\/figure>\n

Zed<\/a><\/h2>\n

Zed is a code editor<\/a> designed to work with your computer\u2019s hardware to provide instant feedback<\/strong> and keep you in the flow of coding. It lets you write code quickly and efficiently.<\/p>\n

It has a lot of features including autocompletion, code navigation, diagnostics, and refactorings. Additionally, Zed includes an integrated terminal, Vim mode, and various themes<\/strong>.<\/p>\n

\"Zed\"<\/figure>\n

Fleet<\/a><\/h2>\n

JetBrains Fleet is a text editor and IDE that\u2019s quick and easy to use<\/strong>. It supports many programming languages and can automatically detect project configurations from the source code. This makes it easier to use and saves you time.<\/p>\n

Fleet also has a consistent user experience<\/strong> for different types of projects, so you only need to use one IDE for all your programming needs.<\/p>\n

\"Fleet\"<\/figure>\n

Patterns Resources<\/a><\/h2>\n

This site offers a collection of design patterns and best practices for building web applications for various frameworks<\/strong> including React.js, Vue.js, and Angular. It includes resources such as articles, repositories, and code snippets covering various topics like architecture, testing, and security.<\/p>\n

A perfect source gor architects or technical leads<\/strong> who are looking to improve their understanding of some of the popular patterns in development.<\/p>\n

\"Patterns<\/figure>","protected":false},"excerpt":{"rendered":"

In this month\u2019s edition, we\u2019ve got some resources that I\u2019m sure will make you excited. We\u2019ve got a tool for spell-checking that can help catch those pesky typos in your code, a collection of Adobe React Aria, and a tutorial that will teach you the latest Next.js 13 and how to use ChatGPT effectively for…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[352],"tags":[2539],"topic":[],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"\nFresh Resources for Web Designers and Developers (April 2023) - Hongkiat<\/title>\n<meta name=\"description\" content=\"In this month's edition, we've got some resources that I'm sure will make you excited. We've got a tool for spell-checking that can help catch those pesky\" \/>\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-04-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 (April 2023)\" \/>\n<meta property=\"og:description\" content=\"In this month's edition, we've got some resources that I'm sure will make you excited. We've got a tool for spell-checking that can help catch those pesky\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-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-04-26T13:01:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2023\/skeleton-php.jpg\" \/>\n<meta name=\"author\" content=\"Hongkiat Lim\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hongkiat Lim\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 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-04-2023\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2023\\\/\"},\"author\":{\"name\":\"Hongkiat Lim\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e3613a3bf757e4f67770f0b7a339edd0\"},\"headline\":\"Fresh Resources for Web Designers and Developers (April 2023)\",\"datePublished\":\"2023-04-26T13:01:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2023\\\/\"},\"wordCount\":1476,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2023\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-04-2023\\\/skeleton-php.jpg\",\"keywords\":[\"Tools for Designers & Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2023\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2023\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (April 2023) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2023\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2023\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-04-2023\\\/skeleton-php.jpg\",\"datePublished\":\"2023-04-26T13:01:18+00:00\",\"description\":\"In this month's edition, we've got some resources that I'm sure will make you excited. We've got a tool for spell-checking that can help catch those pesky\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2023\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2023\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2023\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-04-2023\\\/skeleton-php.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-04-2023\\\/skeleton-php.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-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 (April 2023)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e3613a3bf757e4f67770f0b7a339edd0\",\"name\":\"Hongkiat Lim\",\"description\":\"Founder and Editor in Chief of Hongkiat.com. Hongkiat is also a designer, developer, entrepreneur, and an active investor in the US stock market.\",\"sameAs\":[\"http:\\\/\\\/www.hongkiat.com\\\/blog\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/hongkiat\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Fresh Resources for Web Designers and Developers (April 2023) - Hongkiat","description":"In this month's edition, we've got some resources that I'm sure will make you excited. We've got a tool for spell-checking that can help catch those pesky","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-04-2023\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (April 2023)","og_description":"In this month's edition, we've got some resources that I'm sure will make you excited. We've got a tool for spell-checking that can help catch those pesky","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2023\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2023-04-26T13:01:18+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2023\/skeleton-php.jpg","type":"","width":"","height":""}],"author":"Hongkiat Lim","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Hongkiat Lim","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2023\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2023\/"},"author":{"name":"Hongkiat Lim","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e3613a3bf757e4f67770f0b7a339edd0"},"headline":"Fresh Resources for Web Designers and Developers (April 2023)","datePublished":"2023-04-26T13:01:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2023\/"},"wordCount":1476,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2023\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2023\/skeleton-php.jpg","keywords":["Tools for Designers & Developers"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2023\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2023\/","name":"Fresh Resources for Web Designers and Developers (April 2023) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2023\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2023\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2023\/skeleton-php.jpg","datePublished":"2023-04-26T13:01:18+00:00","description":"In this month's edition, we've got some resources that I'm sure will make you excited. We've got a tool for spell-checking that can help catch those pesky","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2023\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2023\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2023\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2023\/skeleton-php.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2023\/skeleton-php.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-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 (April 2023)"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e3613a3bf757e4f67770f0b7a339edd0","name":"Hongkiat Lim","description":"Founder and Editor in Chief of Hongkiat.com. Hongkiat is also a designer, developer, entrepreneur, and an active investor in the US stock market.","sameAs":["http:\/\/www.hongkiat.com\/blog"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/hongkiat\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-hly","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/66684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=66684"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/66684\/revisions"}],"predecessor-version":[{"id":66686,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/66684\/revisions\/66686"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=66684"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=66684"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=66684"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=66684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}