{"id":53397,"date":"2021-03-22T21:44:23","date_gmt":"2021-03-22T13:44:23","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=53397"},"modified":"2025-04-21T19:40:07","modified_gmt":"2025-04-21T11:40:07","slug":"designers-developers-monthly-03-2021","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2021\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (March 2021)"},"content":{"rendered":"<p>JavaScript continues to be one of the most versatile programming languages, enabling developers to build everything from simple websites to complex desktop and mobile applications.<\/p>\n<p>In this month\u2019s roundup, we\u2019re exploring a collection of useful JavaScript-focused resources. We\u2019ll look at utilities, tools, and comprehensive resources that will help you enhance your development workflow. Let\u2019s explore what\u2019s new in the JavaScript ecosystem!<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-53397-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-53397-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:\/\/ray.so\/\">Ray<\/a><\/h2>\n<p><strong>Ray<\/strong> is a small web application that allows you to generate code snippets into <strong>a beautiful image<\/strong>. You can choose the theme for the language, customize the background, the padding, the text, and save and share to social media or your blog post.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Ray\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/ray.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.conic.style\/\">Conic Style<\/a><\/h2>\n<p>A collection of CSS <code>conic-gradient()<\/code> examples; a new CSS function to generate two or more colors rotated around a center point. With conic gradient, you can create presentations like pie charts or color wheels easily by just using CSS.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Conic Styles\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/conic-styles.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wstone.io\/browserosaurus\">Browserosaurus<\/a><\/h2>\n<p>An app that allows you to select which browser to open a link in. It\u2019s made specifically for macOS with a dark and light theme that automatically switch according to the system preference. No more manually copying and pasting the link on different browsers.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Browserosaurus\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/browserosaurus.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.lipsum.com\/\">Loripsum<\/a><\/h2>\n<p>A tool to generate \u201clorem ipsum\u201d. Not only the content, but it can also add additional formatting like heading, bold, italic, blockquote, and links. This tool also provides an API endpoint that you can utilize to generate content programmatically. A quite handy tool to generate dummy content for testing or prototyping.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Loripsum\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/loripsum.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/windicss.org\/\">WindiCSS<\/a><\/h2>\n<p>WindiCSS utility-first CSS framework. Designed as an alternative to TailwindCSS that provides faster load times. It only generates the CSS used and already integrates with several tools like the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=voorjaar.windicss-intellisense\">VSCode extension<\/a>, CLI, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/rollupjs.org\/guide\/en\/\">Rollup<\/a>, and frameworks like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/vuejs.org\/\">Vue.js<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/nuxtjs.org\/\">Nuxt.js<\/a>, and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/svelte.dev\/\">Svelte<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"WindiCSS\" height=\"469\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/windicss.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/antfu\/vscode-vite\">VSCode Vite<\/a><\/h2>\n<p>An extension for <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/vitejs.dev\/\">Vite<\/a>, a modern front-end development with a pre-configured build tool. If you\u2019re using VSCode, this extension can help to streamline your workflows. You can start-up the dev server, debugging build, and preview right from the editor window.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Vite\" height=\"469\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/vite.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/vueuse.org\/\">VueUse<\/a><\/h2>\n<p>A collection of essential new <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/v3.vuejs.org\/guide\/composition-api-introduction.html\">Vue Composition API<\/a> which helps to make Vue.js applications more maintainable and flexible. It provides a function for performing <strong>animations<\/strong>, communicating with browsers, managing states, and other utility functions.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"VueUse\" height=\"469\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/vueuse.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/antfu\/vscode-browse-lite\">Browse Lite<\/a><\/h2>\n<p>One of my favorites VSCode extensions. This extension adds a browser right into VSCode so you work and preview without leaving the editor. It runs fast with a clean design that blends perfectly well within the editor. It also has fully <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/developer.chrome.com\/docs\/devtools\/\">working DevTools<\/a> just like Chrome and Firefox.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Browse Lite\" height=\"469\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/browse-lite.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/minbrowser.org\/\">Min<\/a><\/h2>\n<p>Min is a very minimalistic browser that aims for performance and protecting privacy. Min browser provides the ability to stop ads, trackers, scripts, and images so you can browse faster and use less data.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Browser Min\" height=\"469\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/browser-min.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/johnsoncodehk\/volar\">Volar<\/a><\/h2>\n<p>A VSCode extension built specifically for <strong>Vue 3<\/strong>. It provides a language server for Vue.js and fully supports Type-checking with TypeScript. This extension is still in active development with more features coming.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Volar\" height=\"469\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/volar.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/saruni.dev\/\">Saruni<\/a><\/h2>\n<p>A full-stack web application framework with JavaScript. It provides the foundation features like authentications, emails, image uploads, and tools (React, TypeScript, GraphQL, etc.) to develop the app as well as to deploy the app with modern workflows.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Saruni\" height=\"469\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/saruni.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/withfig\">WithFig<\/a><\/h2>\n<p>Fig is a macOS application that adds autocomplete and shortcuts in Terminal similar to the one in the code editor. It helps developers save time and be more productive. At the time of the writing, this app is still in early development. If you\u2019d like to get your hands on the stuff, you can signup as beta users.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"WithFig\" height=\"469\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/withfig.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/grapesjs.com\/\">GrapeJS<\/a><\/h2>\n<p>GrapesJS is a web layout builder which aims to help you build an HTML template without needing to code. It comes with pre-built components like buttons, columns, images, maps, etc. where users can simply drag-n-drop to create the layout they like. You can also customize the styles such as the size and the colors. And you can also build your own custom components.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"GrapeJS\" height=\"469\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/grapejs.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=mechatroner.rainbow-csv\">Rainbow CSV<\/a><\/h2>\n<p>A VSCode extension that provides syntax highlighting to CSV which helps you to scan and digest the CSV content easily. It\u2019s a kind of small utility with big benefits. I think this should be added to the default feature in VSCode.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"VSCode Rainbow CSV\" height=\"469\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/vscode-rainbow-csv.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=qcz.text-power-tools\">Text Power Tools<\/a><\/h2>\n<p>A VSCode extension that provides all-in-one text manipulation. You can transform the text case, filter lines and string using RegEx, remove duplicates, insert line numbers, timestamp, path, and a lot more.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"VSCode Text Power Tools\" height=\"469\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/vscode-text-power-tools.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=humao.rest-client\">VSCode REST Client<\/a><\/h2>\n<p>A VSCode extension that allows you to send a request to a URL and see the response from the editor. This extension provides quite comprehensive features; you can, for example, cancel requests, send GraphQL query request, SOAP, proxy and auth support, and many more.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"VSCode REST Client\" height=\"469\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/vscode-rest-client.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/skyline.github.com\/\">Skyline<\/a><\/h2>\n<p>A nice little tool from Github to generate a 3D model based on your Github contributions in a year. You can share this 3D model on social media, print it, or view in VR. Pretty cool, right?<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Skyline\" height=\"469\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/skyline.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.snowpack.dev\/\">Snowpack<\/a><\/h2>\n<p>A JavaScript bundler designed for modern web applications and aims to be an alternative to heavier bundler like Webpack. Snowpack offers a better build process, fewer configs, more optimized output, and supports some frameworks like React and Preact out of the box.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Snowpack\" height=\"469\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/snowpack.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/enlightn\/enlightn\">Enlightn<\/a><\/h2>\n<p>An auditing tool that examines performance and possible security issues for your Laravel application. There are more than a hundred built-in audits from basic to advance security checks, best practices checks, and reliability checks. You can run it in a single line of command or run an automated check on your repository<a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/enlightn\/enlightn#github-bot-integration\"> with Github bot<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Enlightn\" height=\"469\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/enlightn.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/siteinspector\/siteinspector\">Site Inspector<\/a><\/h2>\n<p>An auditing tool that examines your site for typos, grammatical errors, and broken links, and other typo errors. It\u2019s built with Ruby\/Rails, Vue.js, PostgreSQL and is fully open-source. You can host it on your own server.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Site Inspector\" height=\"469\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/siteinspector.jpg\" width=\"750\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>JavaScript continues to be one of the most versatile programming languages, enabling developers to build everything from simple websites to complex desktop and mobile applications. In this month\u2019s roundup, we\u2019re exploring a collection of useful JavaScript-focused resources. We\u2019ll look at utilities, tools, and comprehensive resources that will help you enhance your development workflow. Let\u2019s explore&hellip;<\/p>\n","protected":false},"author":113,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[352],"tags":[2539],"topic":[],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (March 2021) - Hongkiat<\/title>\n<meta name=\"description\" content=\"JavaScript continues to be one of the most versatile programming languages, enabling developers to build everything from simple websites to complex\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2021\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fresh Resources for Web Designers and Developers (March 2021)\" \/>\n<meta property=\"og:description\" content=\"JavaScript continues to be one of the most versatile programming languages, enabling developers to build everything from simple websites to complex\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2021\/\" \/>\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=\"2021-03-22T13:44:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T11:40:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/ray.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=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2021\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2021\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (March 2021)\",\"datePublished\":\"2021-03-22T13:44:23+00:00\",\"dateModified\":\"2025-04-21T11:40:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2021\\\/\"},\"wordCount\":988,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2021\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-03-2021\\\/ray.jpg\",\"keywords\":[\"Tools for Designers &amp; Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2021\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2021\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (March 2021) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2021\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2021\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-03-2021\\\/ray.jpg\",\"datePublished\":\"2021-03-22T13:44:23+00:00\",\"dateModified\":\"2025-04-21T11:40:07+00:00\",\"description\":\"JavaScript continues to be one of the most versatile programming languages, enabling developers to build everything from simple websites to complex\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2021\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2021\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2021\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-03-2021\\\/ray.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-03-2021\\\/ray.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2021\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fresh Resources for Web Designers and Developers (March 2021)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\",\"name\":\"Thoriq Firdaus\",\"description\":\"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.\",\"sameAs\":[\"https:\\\/\\\/thoriq.com\",\"https:\\\/\\\/x.com\\\/tfirdaus\"],\"jobTitle\":\"Web Developer\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/thoriq\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Fresh Resources for Web Designers and Developers (March 2021) - Hongkiat","description":"JavaScript continues to be one of the most versatile programming languages, enabling developers to build everything from simple websites to complex","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2021\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (March 2021)","og_description":"JavaScript continues to be one of the most versatile programming languages, enabling developers to build everything from simple websites to complex","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2021\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2021-03-22T13:44:23+00:00","article_modified_time":"2025-04-21T11:40:07+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/ray.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":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2021\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2021\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (March 2021)","datePublished":"2021-03-22T13:44:23+00:00","dateModified":"2025-04-21T11:40:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2021\/"},"wordCount":988,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2021\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/ray.jpg","keywords":["Tools for Designers &amp; Developers"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2021\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2021\/","name":"Fresh Resources for Web Designers and Developers (March 2021) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2021\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2021\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/ray.jpg","datePublished":"2021-03-22T13:44:23+00:00","dateModified":"2025-04-21T11:40:07+00:00","description":"JavaScript continues to be one of the most versatile programming languages, enabling developers to build everything from simple websites to complex","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2021\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2021\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2021\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/ray.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2021\/ray.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2021\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Fresh Resources for Web Designers and Developers (March 2021)"}]},{"@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-dTf","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/53397","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=53397"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/53397\/revisions"}],"predecessor-version":[{"id":73973,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/53397\/revisions\/73973"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=53397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=53397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=53397"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=53397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}