{"id":68812,"date":"2023-08-24T21:01:32","date_gmt":"2023-08-24T13:01:32","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=68812"},"modified":"2025-04-21T18:32:44","modified_gmt":"2025-04-21T10:32:44","slug":"designers-developers-monthly-08-2023","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2023\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (August 2023)"},"content":{"rendered":"<p>Web development continues to evolve, particularly in PHP and JavaScript. These programming languages have shaped the web for a long time. Today, we will focus on some of the resources associated with these two languages.<\/p>\n<p>In this edition, we offer tools to help you manage monorepos, a PHP library for internationalization, several UI libraries, and much more. Without further ado, let\u2019s delve into the full list.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-68812-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-68812-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:\/\/www.github.com\/antfu\/shikiji\">Shikiji<\/a><\/h2>\n<p>Shikiji is an open-source JavaScript library that\u2019s inspired by the popular syntax-highlighting library, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/shikijs\/shiki\">Shiki<\/a>. It focuses on <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/webpack.js.org\/guides\/ecma-script-modules\/\">ESM<\/a> support and introduces several changes to enhance portability across various JavaScript engines, including regular browsers, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/deno.com\/\">Deno<\/a>, <a href=\"https:\/\/www.hongkiat.com\/blog\/node-js-server-side-javascript\/\">Node.js<\/a>, and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/bun.sh\/\">Bun<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Shikiji\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/shikiji.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/shikijs.github.io\/twoslash\/\">Twolash<\/a><\/h2>\n<p>Twoslash is an extension of Shiki that simplifies code embedding for the JavaScript and TypeScript languages. It provides type-driven insights and error detection through text editor compiler APIs. Code samples are generated server-side to reduce dependence on client-side JavaScript. It\u2019s an excellent library for those wanting to present detailed code snippets to their audience.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Twolash\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/twolash.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/lerna.js.org\/\">Lerna<\/a><\/h2>\n<p>Lerna is a renowned open-source tool that facilitates the management of multiple packages within a single repository. <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dev.to\/nrwl\/lerna-is-dead-long-live-lerna-3jal\">Recently acquired by the team behind NX<\/a>, it has seen renewed direction and focus. With Lerna, upgrading versions for multiple packages and subsequently releasing them to the NPM registry becomes a breeze. It\u2019s an invaluable tool for projects encompassing several related packages or libraries that need concurrent development and versioning.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Lerna\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/lerna.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/semi.design\/en-US\">Semi Design<\/a><\/h2>\n<p>\u201cSemi Design\u201d is a UI library boasting over 60 components. It integrates with Figma, allowing for a seamless transition from design to code. The library emphasizes accessibility, supports internationalization, and ensures rigorous quality assurance through an exhaustive testing process (unit, e2e, and visual tests). Moreover, it\u2019s SSR-compatible, making it compatible with modern tools like Next.js, Astro, and more.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Semi Design\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/semi-design.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/brick\/date-time\">Brick DateTime<\/a><\/h2>\n<p><strong>Brick\\DateTime<\/strong> offers a collection of immutable classes designed for easy handling of date and time in PHP. Built on top of PHP\u2019s native date-time classes, it extends their capabilities with additional concepts and APIs. These include <code>LocalDate<\/code>, <code>LocalTime<\/code>, <code>YearMonth<\/code>, and <code>MonthDay<\/code>. Adhering to the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/en.wikipedia.org\/wiki\/ISO_8601\">ISO 8601<\/a> standard, these classes ensure the accurate representation of date and time right out-of-the-box.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Brick DateTime\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/date-time-brick.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/flavorly\/vanilla-components\">Vanilla Components<\/a><\/h2>\n<p><strong>Vanilla Components<\/strong> is a lightweight and adaptable UI library tailored for <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/vuejs.org\/\">Vue 3<\/a>. Constructed using Vue 3, TypeScript, and <a href=\"https:\/\/www.hongkiat.com\/blog\/tailwind-css\/\">Tailwind CSS<\/a> as its foundational styles, it streamlines all the intricate details, allowing developers to concentrate on development and achieve higher productivity.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Vanilla Components\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/vanilla-inputs.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.hyperf.io\/\">Hyperf<\/a><\/h2>\n<p><strong>Hyperf<\/strong> stands out as a high-performance, flexible, and extensible framework purposed for crafting modern, scalable web applications and microservices using PHP. It is particularly recognized for its speed, user-friendliness, and competence in managing concurrent connections. Additionally, Hyperf offers a comprehensive set of features right out-of-the-box, including a router, database adapters, middleware, and more.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Hyperf\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/hyperf.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.totaltypescript.com\/tips\">TotalTypeScript Tips<\/a><\/h2>\n<p>This collection offers useful tips to help you understand TypeScript better and tackle common challenges effectively. Each tip is presented in a concise, annotated video that lasts between 2 to 5 minutes, making this a go-to resource for those seeking quick and practical insights into TypeScript troubleshooting techniques.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Total TypeScript Tips\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/typescript-tips-video.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/fabian-hiller\/valibot\">Valibot<\/a><\/h2>\n<p><strong>Valibot<\/strong> is an all-in-one data validation library that seamlessly integrates with data from servers, forms, and configuration files. Impressively, it doesn\u2019t depend on any external components and is compatible across various JavaScript environments, including browsers, Node.js, and Deno. This library is essential for ensuring the accuracy of your data inputs and outputs.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Valibot\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/valibot.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/saleem-hadad\/larecipe\">LaRecipe<\/a><\/h2>\n<p><strong>LaRecipe<\/strong> is a PHP library crafted to streamline the creation of documentation for products or applications in Laravel-based projects. It empowers developers to generate and manage documentation directly within the code using markdown format, facilitating easy maintenance and updates as the project evolves.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"La Recipe\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/larecipe.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/unjs\/consola\">Consola<\/a><\/h2>\n<p><strong>Consola<\/strong> is a contemporary and highly configurable logger suitable for both Node.js and browser environments. It aims to offer developers an efficient and customizable method for managing logs and outputting information during development and debugging phases. Users can configure the display of logs, introducing custom formats, timestamps, and color-coding, as well as applying various styles and themes.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Consola\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/consola.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/unjs\/ofetch\">OFetch<\/a><\/h2>\n<p><strong>OFetch<\/strong> serves as an enhanced library for the Fetch API, designed for compatibility with Node.js, browsers, and Workers. It streamlines HTTP requests and response management by facilitating automatic JSON parsing, effective error management, and providing \u201cretry\u201d options. Given its lightweight nature, OFetch stands out as an excellent alternative for fetching data over APIs.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"O Fetch\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/ofetch.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/docs.omnivore.app\/\">Omnivore<\/a><\/h2>\n<p><strong>Omnivore<\/strong> has been crafted to simplify the collection, organization, and management of articles, newsletters, and documents intended for future reading. It boasts beneficial features such as note-taking and highlighting to enrich the reading journey. Additionally, Omnivore allows users the freedom to organize reading lists based on individual preferences and ensures seamless synchronization across various devices.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Omnivore\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/omnivore.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.youtube.com\/watch?v=QFfL2azrshE&list=PLOlZuxYbPik180vcJfsAM6xHYLVxrEgHC\">TypeScript Challenge Video<\/a><\/h2>\n<p>This collection comprises over 100 videos that tackle various TypeScript challenges along with their solutions. The length of each video varies based on the topic; some are concise, while others may exceed 1 hour. It\u2019s a comprehensive collection that is worth bookmarking for anyone looking to enhance their TypeScript skills.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"TypeScript Challenge Video\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/typescript-challenge-video.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/php-ecma-intl\/ext\">PHP ECMA Intl<\/a><\/h2>\n<p>This PHP extension adheres to the ECMA-402 internationalization standard. It offers functions and classes to manage locale-sensitive data, such as date, time, currency, and numerals. With this extension, you can ensure consistent and secure internationalization content for your web application using PHP.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"PHP ECMA Intl\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/php-ecma-intl-ext.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/astro.build\/themes\/details\/portfolio\">Astro Portfolio<\/a><\/h2>\n<p>This Astro template is specifically designed for building a portfolio site. Crafted by the Astro design team, it showcases a landing page that highlights your skills and recent projects. Additional features include a user-friendly light and dark mode toggle, a prominent contact call-to-action on all pages, type-safe frontmatter, and a curated collection of icons.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Astro Portfolio\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/astro-portfolio.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/marigold-ui\/marigold\/\">Marigold UI<\/a><\/h2>\n<p>Marigold is a UI framework and component library built upon <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/react-spectrum.adobe.com\/react-aria\/\">react-aria<\/a> and Tailwind CSS. Its primary goal is to offer a collection of accessible and pre-designed UI components that seamlessly integrate into any web application. Marigold aids in the development of consistent and visually striking user interfaces.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Marigold UI\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/marigold-ui.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/unjs\/untun\">Untun<\/a><\/h2>\n<p>Untun provides a useful tool that lets you establish a \u201ctunnel\u201d from your local HTTP(s) server to the global internet, using <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/blog.cloudflare.com\/quick-tunnels-anytime-anywhere\/\">Cloudflare Quick Tunnels<\/a>. This tool is invaluable for testing your web application across various devices, including mobile ones, without the need for deployment on a public server.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Untun\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/untunjs.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/laravel\/folio\">Laravel Folio<\/a><\/h2>\n<p>Laravel Folio introduces a page-based router, reducing routing complexities in Laravel applications. By seamlessly integrating with Blade templates found in your application\u2019s <code>resources\/views\/pages<\/code> directory, routing becomes simpler. However, you still have access to all the potent features Laravel offers in its traditional routing, including Middleware, Caching, Model Binding, and more.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Laravel Folio\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/laravel-folio.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/siyuan-note\/siyuan\">Siyuan<\/a><\/h2>\n<p>Siyuan is an open-source, self-hosted note-taking and knowledge management application. It boasts a myriad of features for crafting and organizing notes, documents, and other content types. For instance, you can employ Markdown for note formatting, arrange notes hierarchically, design custom templates for varied note types, and so much more.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Siyuan\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/siyuan.jpg\" width=\"720\"><\/figure>\n<hr>","protected":false},"excerpt":{"rendered":"<p>Find top-notch PHP libraries and JavaScript tools to simplify your coding life.<\/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":[1],"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.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (August 2023) - Hongkiat<\/title>\n<meta name=\"description\" content=\"Find top-notch PHP libraries and JavaScript tools to simplify your coding life.\" \/>\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-08-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 (August 2023)\" \/>\n<meta property=\"og:description\" content=\"Find top-notch PHP libraries and JavaScript tools to simplify your coding life.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-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-08-24T13:01:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T10:32:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/shikiji.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-08-2023\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2023\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (August 2023)\",\"datePublished\":\"2023-08-24T13:01:32+00:00\",\"dateModified\":\"2025-04-21T10:32:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2023\\\/\"},\"wordCount\":1144,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2023\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2023\\\/shikiji.jpg\",\"keywords\":[\"Tools for Designers &amp; Developers\"],\"articleSection\":[\"General\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2023\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2023\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (August 2023) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2023\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2023\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2023\\\/shikiji.jpg\",\"datePublished\":\"2023-08-24T13:01:32+00:00\",\"dateModified\":\"2025-04-21T10:32:44+00:00\",\"description\":\"Find top-notch PHP libraries and JavaScript tools to simplify your coding life.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2023\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2023\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-2023\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2023\\\/shikiji.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-08-2023\\\/shikiji.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-08-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 (August 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 (August 2023) - Hongkiat","description":"Find top-notch PHP libraries and JavaScript tools to simplify your coding life.","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-08-2023\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (August 2023)","og_description":"Find top-notch PHP libraries and JavaScript tools to simplify your coding life.","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2023\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2023-08-24T13:01:32+00:00","article_modified_time":"2025-04-21T10:32:44+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/shikiji.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-08-2023\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2023\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (August 2023)","datePublished":"2023-08-24T13:01:32+00:00","dateModified":"2025-04-21T10:32:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2023\/"},"wordCount":1144,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2023\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/shikiji.jpg","keywords":["Tools for Designers &amp; Developers"],"articleSection":["General"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2023\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2023\/","name":"Fresh Resources for Web Designers and Developers (August 2023) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2023\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2023\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/shikiji.jpg","datePublished":"2023-08-24T13:01:32+00:00","dateModified":"2025-04-21T10:32:44+00:00","description":"Find top-notch PHP libraries and JavaScript tools to simplify your coding life.","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2023\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2023\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-2023\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/shikiji.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-08-2023\/shikiji.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-08-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 (August 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-hTS","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/68812","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=68812"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/68812\/revisions"}],"predecessor-version":[{"id":73928,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/68812\/revisions\/73928"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=68812"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=68812"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=68812"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=68812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}