{"id":64013,"date":"2022-11-23T21:01:46","date_gmt":"2022-11-23T13:01:46","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=64013"},"modified":"2025-04-21T18:06:37","modified_gmt":"2025-04-21T10:06:37","slug":"designers-developers-monthly-11-2022","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2022\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (November 2022)"},"content":{"rendered":"<p>We are nearing the end of 2022. But <a href=\"https:\/\/www.hongkiat.com\/blog\/fullstack-web-development\/\">web development<\/a> is still growing at a fast pace and we still have plenty of resources to highlight for our fellow developers.<\/p>\n<p>In this edition, we have several <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/javascript-libraries\/\">JavaScript libraries<\/a>, some learning resources to level up your skills, and a couple of Deno-based tools.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-64013-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-64013-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.arrow-js.com\/\">Arrow.js<\/a><\/h2>\n<p>ArrowJS is a <strong>JavaScript library<\/strong>; not a framework, but it is just as powerful as one. It provides two fundamental capabilities to develop an engaging and sophisticated user interface for websites, <strong>observable data and declarative\/reactive DOM rendering<\/strong>. <\/p>\n<p>Other noteworthy points include that it does not require build tools, is less than 3KB, and has no dependencies.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Arrow Js\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/arraow-js.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/a11yphant.com\/\">A11yphant<\/a><\/h2>\n<p>a11yphant makes learning about <a href=\"https:\/\/www.hongkiat.com\/blog\/web-accessibility-design-guide\/\">web accessibility<\/a> simple and easier. It breaks down web <strong>accessibility learning into a manageable chunk of challenges<\/strong>. You will not have to read large amounts of text, which can often be hard to digest. Rather, you will <strong>learn by applying the concept in code<\/strong>. <\/p>\n<p>It\u2019s a great resource whether you just got started with web accessibility or simply trying to improve your skills.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"A11yphant\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/a11yphant.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/principles.design\/\">Design Principles<\/a><\/h2>\n<p>You can find <strong>everything related to design principles<\/strong> on this site. It aims to help us determine what effective design principles are, how they are produced and evaluated, how they develop, and how much value they bring to our projects.<\/p>\n<p> You can also <strong>find plenty of real-world examples of applied design principles<\/strong> on <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/principles.design\/examples\/\">its Examples page<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Design Principles\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/design-principles.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/deno.com\/blog\/introducing-fresh-wordpress-themes\">Deno WordPress Theme<\/a><\/h2>\n<p>Deno allows you to <strong>run JavaScript applications on the server<\/strong>. Unlike <a href=\"https:\/\/www.hongkiat.com\/blog\/node-js-server-side-javascript\/\">Node.js<\/a>, it adheres to web standards more closely, so that we may develop with a single code base and <strong>does not require complicated configuration or build steps<\/strong>. <\/p>\n<p>Furthermore, if you are coming from WordPress, it <strong>recently open-sourced two WordPress themes<\/strong>. It is built on top of <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/deno.com\/blog\/fresh-1.1\">Fresh<\/a> and allows for a great starting point to develop a <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.algolia.com\/blog\/ux\/what-is-a-headless-website-a-definition-and-examples\/\">\u201cheadless\u201d configuration for WordPress<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Deno WordPress Theme\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/fresh-wordpress-themes.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/mona-sans\">Mona Sans<\/a><\/h2>\n<p>Mona Sans is <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/fonts.google.com\/knowledge\/introducing_type\/introducing_variable_fonts\">a variable font<\/a> from Github. Variable fonts allow for <strong>different versions of a font to be contained in one file<\/strong>, granting performance advantages and fine-grained design control over weight, width, and slant, and <strong>all major browsers support<\/strong> them.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Mona Sans\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/mona-sans.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/mathics.org\/\">Mathics<\/a><\/h2>\n<p>Mathics is an <strong>open-source general-purpose computer algebra system<\/strong> that supports <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/en.wikipedia.org\/wiki\/Wolfram_Mathematica\">Mathematica-compatible syntax and functions<\/a>. It has a modular structure that enables you to reuse parts of Mathics with <strong>minimal dependencies and footprints<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Mathics\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/mathics.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/caninclude.glitch.me\/\">CanIInclude<\/a><\/h2>\n<p>This project provides functionality to test whether one tag can be included in another based on information from the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/html.spec.whatwg.org\/multipage\/\">WHATWG HTML Specification<\/a>. It\u2019s a great tool to <strong>check HTML element specifications and help you structure your HTML elements<\/strong> semantically.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Can I Include\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/caninclude.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/google\/wireit\">Wireit<\/a><\/h2>\n<p>This tool <strong>upgrades npm scripts so that they run smarter and more efficiently<\/strong>. It uses the <code>npm run<\/code> commands you already know and wires it (no pun intended) so that they run dependencies in parallel. <\/p>\n<p>It can also continuously <strong>re-run on changes and handle cache locally or remotely<\/strong> on GitHub Actions to make the command run faster. You can use it with various setups, whether you have a single package, an npm workspace, or a monorepo.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Wireit\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/wireit.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/start.solidjs.com\/\">SolidStart<\/a><\/h2>\n<p>SolidStart is a comprehensive framework that provides <strong>databases, servers, front-ends, bundlers, data sourcing\/mutations, caching<\/strong>, and infrastructure using <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.solidjs.com\/\">Solid.js<\/a> and the Solid router at the core. <\/p>\n<p>You can use SolidStart to render your application in a variety of ways to suit your needs, whether it is Client-side rendering (CSR), Server-side rendering (SSR), or Static site generation (SSG). <\/p>\n<p>At the time of writing, this framework is currently in beta, and I can see it has the potential to be the next wave of the JavaScript framework.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Solid Start\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/solid-start.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/pixijs.com\/\">Pixi.js<\/a><\/h2>\n<p>Pixi.js is a fast and <strong>flexible 2D WebGL renderer for creating beautiful digital content<\/strong>. It is one of the fastest to render 2D graphics. It\u2019s equipped with a  sophisticated API yet <strong>easy to grasp for newcomers and seasoned developers<\/strong> alike. <\/p>\n<p>It is simple to use yet powerful, <strong>covering the fundamentals of 2D rendering<\/strong> so you can focus on generating remarkable cross-platform experiences.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Pixi Js\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/pixijs.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/restcountries.com\/\">REST Countries<\/a><\/h2>\n<p>This website provides <strong>API endpoints where you can get information about every country on earth<\/strong>. This information comprises country names, native names, <strong>currencies, capital cities, alphabetic and numeric codes, telecom codes<\/strong>, and much more. Developers who need country lists and details will find it handy.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"REST Countries\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/rest-countries.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/goldbergyoni\/javascript-testing-best-practices\">JavaScript Testing Best Practices<\/a><\/h2>\n<p>This <strong>GitHub repo serves a guide for JavaScript and Node.js testing<\/strong> and development. You can find plenty of resources and references that gather and <strong> summarise from blog posts, books, and other resources<\/strong>. <\/p>\n<p>Are you interested in <strong>frontend\/UI development, backend development<\/strong>, CI, or all of the above? You can find it here.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"JavaScript Testing Best Practices\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/javascript-testing-best-practices.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/nocodb.com\/\">NocoDB<\/a><\/h2>\n<p>NocoDB is a <strong>no-code open-source platform to transform any database into a smart spreadsheet<\/strong>. It works like Airtable, but it is free and may be hosted on your server.<\/p>\n<p>You may <strong>create an unlimited grid, image, form, and search, filter<\/strong>, and sort columns and rows from your own data, as well as create new ones.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Noco DB\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/nocodb.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/backstage.io\">Backstage<\/a><\/h2>\n<p>Keeping track of all the applications, tools, and software used on your team or organisation can be a time-consuming challenge. With Backstage, you can manage everything in one place, making it much simpler for your team to manage everything.<\/p>\n<p>By using Backstage, <strong>managing thousands of software within your team or company<\/strong> will be much more manageable.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Backstage\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/backstage.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/saleor\/saleor\">Saleor<\/a><\/h2>\n<p>A headless, GraphQL commerce platform that delivers fast, dynamic, and <strong>customized shopping experiences<\/strong>. You can build beautiful online stores anywhere on any device whether it\u2019s for desktop or mobile. <\/p>\n<p>It is battle-tested by big companies, is <strong>secure, scalable, stable, and provides flexible API<\/strong> that you may connect to any payment platform.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Saleor\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/saleor.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.warp.dev\/\">Warp<\/a><\/h2>\n<p>Warp is a <strong>Terminal application developed for modern needs<\/strong>. In addition to executing command lines, Warp allows you to select and cursor positioning in a manner similar to a code editor. It works straight out of the box with some of the most <strong>common Shell programmes such as \u201czsh\u201d, \u201cfish\u201d, and \u201cbash\u201d<\/strong>. <\/p>\n<p>It is currently <strong>available only for macOS<\/strong> only, but will soon be available for Windows and Linux.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Warp\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/wrap.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/eveningkid\/denodb\">DenoDB<\/a><\/h2>\n<p>DenoDB is a <strong>Database ORM for Deno<\/strong>. Similar to a Database ORM on other languages, it provides a <strong>unified API to interact with the database<\/strong>. You can create a database, and a table, define model and perform a database query. <\/p>\n<p>It supports various databases including MySQL, SQLite, MariaDB, PostgreSQL, and MongoDB. It\u2019s fully <strong>written in TypeScript that it helps you to boost productivity<\/strong> while minimizing the chance of error.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Deno DB\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/denodb.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/cacjs\/cac\">Cac<\/a><\/h2>\n<p>Stands for \u201cCommand and Conquer\u201d, Cac is a <strong>JavaScript library for building CLI apps<\/strong>. It\u2019s light-weight and contains just a <strong>single file with no other dependencies<\/strong>. It\u2019s also simple yet so powerful.<\/p>\n<p>Cac provides some essential features like <strong>default commands, git-like subcommands, validation, variadic arguments, dot-nested options<\/strong>, automated help message generation and so on.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Cac\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/cac.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/denosaurs\/denon\">Denon<\/a><\/h2>\n<p>Denon is a simple <strong>file-watcher and replacement for <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.npmjs.com\/package\/nodemon\">nodemon<\/a><\/strong>. It offers all the functionality you would expect, such as restarting deno projects automatically, a <strong>drop-in deno executable replacement, extensive configuration options with script support<\/strong>, and a configurable file watcher that watches for filesystem events and directory walking.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Denon\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/denon.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/janephp\/janephp\">JanePHP<\/a><\/h2>\n<p>Jane is a set of PHP libraries to <strong>generate Models and API clients based on <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/json-schema.org\/\">JsonSchema<\/a><\/strong> or OpenAPI specification. It\u2019s an overall handy tool that will save you a lot of time when developing a Software Development Kit (SDK) for an API.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Jane PHP\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/jane-php.jpg\" width=\"750\"><\/figure>\n<hr>","protected":false},"excerpt":{"rendered":"<p>We are nearing the end of 2022. But web development is still growing at a fast pace and we still have plenty of resources to highlight for our fellow developers. In this edition, we have several JavaScript libraries, some learning resources to level up your skills, and a couple of Deno-based tools. Arrow.js ArrowJS is&hellip;<\/p>\n","protected":false},"author":113,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[352],"tags":[],"topic":[],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (November 2022) - Hongkiat<\/title>\n<meta name=\"description\" content=\"We are nearing the end of 2022. But web development is still growing at a fast pace and we still have plenty of resources to highlight for our fellow\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2022\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fresh Resources for Web Designers and Developers (November 2022)\" \/>\n<meta property=\"og:description\" content=\"We are nearing the end of 2022. But web development is still growing at a fast pace and we still have plenty of resources to highlight for our fellow\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2022\/\" \/>\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=\"2022-11-23T13:01:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T10:06:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/arraow-js.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-11-2022\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2022\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (November 2022)\",\"datePublished\":\"2022-11-23T13:01:46+00:00\",\"dateModified\":\"2025-04-21T10:06:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2022\\\/\"},\"wordCount\":1255,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2022\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2022\\\/arraow-js.jpg\",\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2022\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2022\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (November 2022) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2022\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2022\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2022\\\/arraow-js.jpg\",\"datePublished\":\"2022-11-23T13:01:46+00:00\",\"dateModified\":\"2025-04-21T10:06:37+00:00\",\"description\":\"We are nearing the end of 2022. But web development is still growing at a fast pace and we still have plenty of resources to highlight for our fellow\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2022\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2022\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2022\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2022\\\/arraow-js.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2022\\\/arraow-js.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2022\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fresh Resources for Web Designers and Developers (November 2022)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\",\"name\":\"Thoriq Firdaus\",\"description\":\"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.\",\"sameAs\":[\"https:\\\/\\\/thoriq.com\",\"https:\\\/\\\/x.com\\\/tfirdaus\"],\"jobTitle\":\"Web Developer\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/thoriq\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Fresh Resources for Web Designers and Developers (November 2022) - Hongkiat","description":"We are nearing the end of 2022. But web development is still growing at a fast pace and we still have plenty of resources to highlight for our fellow","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2022\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (November 2022)","og_description":"We are nearing the end of 2022. But web development is still growing at a fast pace and we still have plenty of resources to highlight for our fellow","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2022\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2022-11-23T13:01:46+00:00","article_modified_time":"2025-04-21T10:06:37+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/arraow-js.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-11-2022\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2022\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (November 2022)","datePublished":"2022-11-23T13:01:46+00:00","dateModified":"2025-04-21T10:06:37+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2022\/"},"wordCount":1255,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2022\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/arraow-js.jpg","articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2022\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2022\/","name":"Fresh Resources for Web Designers and Developers (November 2022) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2022\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2022\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/arraow-js.jpg","datePublished":"2022-11-23T13:01:46+00:00","dateModified":"2025-04-21T10:06:37+00:00","description":"We are nearing the end of 2022. But web development is still growing at a fast pace and we still have plenty of resources to highlight for our fellow","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2022\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2022\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2022\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/arraow-js.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2022\/arraow-js.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2022\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Fresh Resources for Web Designers and Developers (November 2022)"}]},{"@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-gEt","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/64013","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=64013"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/64013\/revisions"}],"predecessor-version":[{"id":73893,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/64013\/revisions\/73893"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=64013"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=64013"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=64013"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=64013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}