{"id":49587,"date":"2020-03-12T21:36:59","date_gmt":"2020-03-12T13:36:59","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=49587"},"modified":"2025-04-21T19:43:23","modified_gmt":"2025-04-21T11:43:23","slug":"fresh-resources-for-web-designers-and-developers-march-2020","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-march-2020\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (March 2020)"},"content":{"rendered":"<p>It\u2019s time again for us to share fresh resources with our fellow web developers. In this round, we have some great new tools from big names in the tech industry, including Microsoft, GitHub, and JetBrains.<\/p>\n<p>We also have several high-quality JavaScript libraries for creating flowcharts, data grids, and calendars, as well as a PHP library that simplifies HTTP requests. So without further ado, let\u2019s jump in to see the full list.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-49587-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-49587-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.jetbrains.com\/lp\/mono\/\">Jetbrains Mono<\/a><\/h2>\n<p>A monospace type font created by JetBrains. The font is designed for developers and provides a better reading experience when working within code editors. JetBrains Mono comes with <strong>4 weights and more than 100 code-specific ligatures<\/strong> like <code>=&gt;<\/code> and <code>===<\/code>, and best of all, it\u2019s FREE.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Jetbrains Mono Specimen Viewed In Macos Font App\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/jetbrains-mono.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/kitetail\/zttp\">Zttp<\/a><\/h2>\n<p>Zttp is a <strong>library for making HTTP requests with PHP<\/strong>. It\u2019s essentially an abstraction layer for Guzzle, which is a robust and powerful library for dealing with HTTP in PHP that can be overwhelming to use. Zttp makes it easier and more straightforward for 90% of use cases.<\/p>\n<figure><img decoding=\"async\" alt=\"Example Of Code From Zttp To Perform Basic Http Request\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/zttp.jpg\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/solidjs\/solid\">Solid.js<\/a><\/h2>\n<p>A JavaScript <strong>library for creating user interfaces<\/strong>. Unlike some popular libraries in this niche like React.js, it does not use Virtual DOM. Solid.js compiles code to native DOM nodes, which makes it run fast. Yet, despite relying on native DOM, it also <strong>provides modern features<\/strong> that make it enjoyable to work with, such as State and JSX.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Example Of Code From Solidjs To Create Basic Component\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/solidjs.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/alyssaxuu\/flowy\">Flowy<\/a><\/h2>\n<p>Flowy makes creating flowcharts easy. You can simply <strong>drag and drop blocks, move them up or down, and left or right<\/strong> to arrange the flowchart. It has a nice-looking UI, works well on mobile, and is responsive and customizable at the code level with the API and Callback Functions.<\/p>\n<figure><img decoding=\"async\" alt=\"Demo Flow Chart Created With Flowy Js\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/flowy.jpg\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/microsoft\/playwright\">Playwright<\/a><\/h2>\n<p>A new open-source initiative from Microsoft, Playwright is <strong>an automation tool for browser testing<\/strong>. It runs tests in real browsers such as Chrome, Firefox, and WebKit-based browsers, and performs a series of actions that you define. It\u2019s a great tool to check if a particular feature works as expected when your users are using it.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Example Of Code To Run Playwright\" height=\"468\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/playwright.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/2019.wattenberger.com\/blog\/css-cascade\">CSS Cascade<\/a><\/h2>\n<p>CSS Cascade is an in-depth <strong>article on how Cascading works in CSS<\/strong>. It\u2019s quite informative for any designer or developer who wants to get into or fill in the gaps in their CSS knowledge base.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Web Page Of The CSS Cascade Article\" height=\"468\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/css-cascade.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/CSSHoudini\/awesome-css-houdini\">Awesome CSS Houdini<\/a><\/h2>\n<p>Another cool thing coming to CSS is CSS Houdini. Usually, a new feature in CSS can take a very long time to be applicable in browsers; it can take a few years or even a decade.<\/p>\n<p>CSS Houdini specification focuses on addressing this issue. It allows you to <strong>create custom features that will apply to CSS by leveraging the browser API<\/strong>, and you can manage it to work across different browsers.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Table Of CSS Houdini Support In The Browsers\" height=\"468\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/aweseme-css-houdini.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/neumorphism.io\/#55b9f3\">Neumorphism<\/a><\/h2>\n<p>A handy tool for <strong>creating neumorphism user interfaces with CSS<\/strong>. You can pick a color, adjust the shadows, the shape, and it will generate the CSS code to copy.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Neumorphism Io Website Homepage In Blue Color\" height=\"468\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/neumorphism.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/sindresorhus\/Pasteboard-Viewer\">Pasteboard Viewer<\/a><\/h2>\n<p>Pasteboard Viewer is a utility app that makes it convenient for developers to ensure that their app is putting the correct data on NSPasteboard. The app <strong>refreshes the pasteboard contents live<\/strong> and can preview text, RTF, and images. Another great app from <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/sindresorhus\">Sindre Sorhus<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Pasteboard Viewer App Running In Macos\" height=\"468\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/pasteboard-viewer.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/Checksum\/critic.sh\">Critic.sh<\/a><\/h2>\n<p>Critic.sh is a small library that allows you to test your <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.gnu.org\/software\/bash\/\">Bash<\/a> scripts. Like a Testing Framework, you can perform assertions to check whether your function returns the expected result or works as expected.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Critic Sh Running In Terminal\" height=\"468\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/critic.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/gitexplorer.com\/\">GitExplorer<\/a><\/h2>\n<p>GitExplorer helps you to <strong>find the right <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/git-scm.com\/\">Git commands<\/a> in the most intuitive way<\/strong>. It provides a couple of options where you can select the command and the context or scenario to run the command. For example, if you select <code>clone<\/code> and <code>submodules after cloning the existing repo<\/code>, it will generate <code>git submodule update --init --recursive<\/code>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Git Explorer Homepage In The Dark Mode\" height=\"468\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/git-command-explorer.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/devblogs.microsoft.com\/commandline\/windows-terminal-preview-v0-9-release\/\">Windows Terminal<\/a><\/h2>\n<p>A Terminal application is coming to Windows. Microsoft has recently announced its latest version with bug fixes and new features. With this Terminal app, you can <strong>run scripts in various Shell environments<\/strong> including the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/powershell\/powershell\">PowerShell<\/a> or the Windows Linux Subsystem such as Debian and Ubuntu.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Windows Terminal With Ubuntu\" height=\"468\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/windows-terminala.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/cli.github.com\/\">Github CLI<\/a><\/h2>\n<p>GitHub has recently announced its official CLI. This allows you to <strong>manage your GitHub repositories from the Terminal<\/strong>, which means you can possibly automate a few other things too. You can perform tasks that you would usually do from their website, such as creating a Pull Request (PR), an Issue, and checking their status.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Github CLI Homepage\" height=\"468\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/github-cli.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/fullcalendar.io\/\">FullCalendar<\/a><\/h2>\n<p>A JavaScript library to create a full-fledged calendar. FullCalendar can render a calendar similar to what we see in Google Calendar but comes with more features and high customizability. Developers can easily incorporate it with popular frameworks such as React.js, Vue.js, and Angular.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Full Calendar Demo\" height=\"468\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/fullcalendar.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/michalsnik\/aos\">Aos<\/a><\/h2>\n<p>A JavaScript library to <strong>animate content as it appears in the viewport<\/strong>. It runs on Vanilla JavaScript without any external dependencies. Aos is shipped with an API in the form of JavaScript and HTML, which makes it quite flexible to integrate with any type of website.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"AOS Example HTML Code\" height=\"468\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/aos.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/handsontable\/handsontable\">Handsontable<\/a><\/h2>\n<p>An advanced JavaScript library to <strong>create a data grid that looks and feels like a spreadsheet<\/strong>. It provides an API that allows you to perform data binding, data validation, filtering, sorting, and CRUD operations quite easily. It\u2019s also compatible with popular frameworks like Vue, React, and Angular.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Table Of Country List And Their Currency\" height=\"468\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/handsontable.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/AllThingsSmitty\/must-watch-javascript\">Must Watch JavaScript<\/a><\/h2>\n<p>A <strong>collection of talks about JavaScript<\/strong>. It covers topics such as ES6, frameworks, client-side applications, JavaScript performance, tooling, and more. A great free source to brush up on your JavaScript skills.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Must Watch Javascript Repository In Github With A TV Icon\" height=\"468\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/must-watch-js.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/tailwindlabs\/heroicons\">HeroIcons<\/a><\/h2>\n<p>A collection of icons in SVG format. It comes with two styles \u2013 solid style and outline style. Each of these styles consists of <strong>140 icons and more to come to the collection<\/strong>. As these icons are SVG, they can be resized to any size without losing quality.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"List Of Icons In Heroicons Collection\" height=\"468\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/heroicons.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/daybrush\/scenejs\">SceneJS<\/a><\/h2>\n<p>Scene.js is a JavaScript library to create animations with a CSS-based timeline. It\u2019s a perfect library if you\u2019re already familiar with CSS animation and want to apply it with the dynamic language of JavaScript.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Examples Of Animation Created With SceneJS\" height=\"468\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/animation-scenejs.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.openpeeps.com\/\">OpenPeeps<\/a><\/h2>\n<p>A collection of elements like <strong>arms, hair, clothes, accessories, and facial expressions made of SVG<\/strong>. You can mix all these elements to create characters with various personas.<\/p>\n<p>It also provides pre-made combinations of these elements in PNG and SVG that you can download for free. This collection is a time-saver for both designers and developers if you need to add characters to your website or web application.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Collection Of Illustration Created With OpenPeeps\" height=\"468\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/open-peeps.jpg\" width=\"750\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>It\u2019s time again for us to share fresh resources with our fellow web developers. In this round, we have some great new tools from big names in the tech industry, including Microsoft, GitHub, and JetBrains. We also have several high-quality JavaScript libraries for creating flowcharts, data grids, and calendars, as well as a PHP library&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 2020) - Hongkiat<\/title>\n<meta name=\"description\" content=\"It&#039;s time again for us to share fresh resources with our fellow web developers. In this round, we have some great new tools from big names in the tech\" \/>\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\/fresh-resources-for-web-designers-and-developers-march-2020\/\" \/>\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 2020)\" \/>\n<meta property=\"og:description\" content=\"It&#039;s time again for us to share fresh resources with our fellow web developers. In this round, we have some great new tools from big names in the tech\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-march-2020\/\" \/>\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=\"2020-03-12T13:36:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T11:43:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/jetbrains-mono.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\\\/fresh-resources-for-web-designers-and-developers-march-2020\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-march-2020\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (March 2020)\",\"datePublished\":\"2020-03-12T13:36:59+00:00\",\"dateModified\":\"2025-04-21T11:43:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-march-2020\\\/\"},\"wordCount\":1073,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-march-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-designers-and-developers-march-2020\\\/jetbrains-mono.jpg\",\"keywords\":[\"Tools for Designers &amp; Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-march-2020\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-march-2020\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (March 2020) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-march-2020\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-march-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-designers-and-developers-march-2020\\\/jetbrains-mono.jpg\",\"datePublished\":\"2020-03-12T13:36:59+00:00\",\"dateModified\":\"2025-04-21T11:43:23+00:00\",\"description\":\"It's time again for us to share fresh resources with our fellow web developers. In this round, we have some great new tools from big names in the tech\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-march-2020\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-march-2020\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-march-2020\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-designers-and-developers-march-2020\\\/jetbrains-mono.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-designers-and-developers-march-2020\\\/jetbrains-mono.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-march-2020\\\/#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 2020)\"}]},{\"@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 2020) - Hongkiat","description":"It's time again for us to share fresh resources with our fellow web developers. In this round, we have some great new tools from big names in the tech","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\/fresh-resources-for-web-designers-and-developers-march-2020\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (March 2020)","og_description":"It's time again for us to share fresh resources with our fellow web developers. In this round, we have some great new tools from big names in the tech","og_url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-march-2020\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2020-03-12T13:36:59+00:00","article_modified_time":"2025-04-21T11:43:23+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/jetbrains-mono.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\/fresh-resources-for-web-designers-and-developers-march-2020\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-march-2020\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (March 2020)","datePublished":"2020-03-12T13:36:59+00:00","dateModified":"2025-04-21T11:43:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-march-2020\/"},"wordCount":1073,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-march-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/jetbrains-mono.jpg","keywords":["Tools for Designers &amp; Developers"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-march-2020\/","url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-march-2020\/","name":"Fresh Resources for Web Designers and Developers (March 2020) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-march-2020\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-march-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/jetbrains-mono.jpg","datePublished":"2020-03-12T13:36:59+00:00","dateModified":"2025-04-21T11:43:23+00:00","description":"It's time again for us to share fresh resources with our fellow web developers. In this round, we have some great new tools from big names in the tech","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-march-2020\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-march-2020\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-march-2020\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/jetbrains-mono.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-march-2020\/jetbrains-mono.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-march-2020\/#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 2020)"}]},{"@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-cTN","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/49587","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=49587"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/49587\/revisions"}],"predecessor-version":[{"id":73981,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/49587\/revisions\/73981"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=49587"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=49587"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=49587"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=49587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}