{"id":53026,"date":"2021-02-23T21:07:55","date_gmt":"2021-02-23T13:07:55","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=53026"},"modified":"2021-02-25T17:44:31","modified_gmt":"2021-02-25T09:44:31","slug":"designers-developers-monthly-02-2021","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2021\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (February 2021)"},"content":{"rendered":"<p>HTML, JavaScript, and CSS are three wonderful languages. Thanks to the advancement of the frameworks around these languages especially <a target=\"_blank\" href=\"https:\/\/www.electronjs.org\/\" rel=\"noopener\">Electron<\/a>, we are now able to develop a full-fledge desktop application more efficiently that could run on several different operating systems and platforms whether it\u2019s on Windows, macOS, Linux, or mobile applications.<\/p>\n<p>In this round of the series, we are going to look into some of these frameworks along with some great examples of apps as well as other cool resources for the month.<\/p>\n<p>Let\u2019s jump in for the full list.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2021\/\" class=\"ref-block__link\" title=\"Read More: Fresh Resources for Web Designers and Developers (January 2021)\" rel=\"bookmark\"><span class=\"screen-reader-text\">Fresh Resources for Web Designers and Developers (January 2021)<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/designers-developers-monthly-01-2021.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-52901 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/designers-developers-monthly-01-2021.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Fresh Resources for Web Designers and Developers (January 2021)<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tWelcome to 2021! As we step into this new year, we're excited to bring you a fresh collection...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2><a target=\"_blank\" href=\"https:\/\/moderncss.dev\/\" rel=\"noopener\">ModernCSS<\/a><\/h2>\n<p>If you want to brush up on your CSS skill, you should check out series of posts by <a target=\"_blank\" href=\"https:\/\/twitter.com\/5t3ph\/\" rel=\"noopener\">Stephanie Eckles<\/a>. It covers certain topics on the subject to solve some common problems with modern solutions available in CSS today.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/modern-css.jpg\" alt=\"modern-css\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/hypercolor.dev\/\" rel=\"noopener\">HyperColor<\/a><\/h2>\n<p>A collection of beautiful gradient colors built using utility classes from the <a target=\"_blank\" href=\"https:\/\/tailwindcss.com\/\" rel=\"noopener\">TailwindCSS<\/a>. So if you build a website with TailwindCSS, you can simply copy the classes and paste them into the HTML elements to add in the gradient colors.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/hypercolor.jpg\" alt=\"hypercolor\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/www.tailwind-kit.com\/\" rel=\"noopener\">TailwindKit<\/a><\/h2>\n<p>TailwindKit is a collection of over 250 pre-built components. It includes some common ones like the <a target=\"_blank\" href=\"https:\/\/www.tailwind-kit.com\/components\/buttons\" rel=\"noopener\">Buttons<\/a>, <a target=\"_blank\" href=\"https:\/\/www.tailwind-kit.com\/components\/header\" rel=\"noopener\">Header<\/a>, and <a target=\"_blank\" href=\"https:\/\/www.tailwind-kit.com\/components\/footer\" rel=\"noopener\">Footer<\/a> to some more niche components like the <a target=\"_blank\" href=\"https:\/\/www.tailwind-kit.com\/components\/data\" rel=\"noopener\">Data Dashboard<\/a> and the <a target=\"_blank\" href=\"https:\/\/www.tailwind-kit.com\/components\/team\" rel=\"noopener\">Team<\/a> component. Another great resource for TailwindCSS users.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/tailkit.jpg\" alt=\"tailkit\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/grep.app\/\" rel=\"noopener nofollow\">GrepApp<\/a><\/h2>\n<p>If you find <a target=\"_blank\" href=\"https:\/\/github.com\/\" rel=\"noopener\">Github<\/a> search result less satisfying, you can try <strong>Grep.app<\/strong>. It\u2019s a tool to search codes on Github public repositories. You may get a better result as you can fine-tune your keyword search as case sensitive, RegEx, or full words.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/grep-app.jpg\" alt=\"grep-app\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/react-hot-toast.com\/\" rel=\"noopener\">React Toast<\/a><\/h2>\n<p>A React.js library that allows you to trigger a \u201ctoast\u201d notification; it\u2019s that small message that pops up on your screen and disappears after few seconds. It looks great by default with smooth animation and transition, but it\u2019s customizable to the liking of your website or app design.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/hot-react-toast.jpg\" alt=\"hot-react-toast\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/microsoft\/PowerToys\" rel=\"noopener\">PowerToys<\/a><\/h2>\n<p>PowerToys is a reboot of the similar software in Windows 95. It comes with a set of tools to enhance experience and productivity in Windows 10 such as the <a target=\"_blank\" href=\"https:\/\/docs.microsoft.com\/en-us\/windows\/powertoys\/color-picker\" rel=\"noopener\">Color Picker<\/a> which enables to pick up the color on top of any running application. And there are 8 more handy tools the PowerToys provides at the time of the writing.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/powertoys.jpg\" alt=\"powertoys\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/infinitered\/reactotron\" rel=\"noopener\">Reactotron<\/a><\/h2>\n<p>An app for inspecting React.js and React Native apps in your application state, checking on API requests and response, and debugging performance. It\u2019s like the <a target=\"_blank\" href=\"https:\/\/developer.chrome.com\/docs\/devtools\/\" rel=\"noopener\">browser DevTools<\/a> but for your applications. It works in macOS, Windows, and Linux.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/reactotron.jpg\" alt=\"reactotron\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/electron\/fiddle\" rel=\"noopener\">Fiddle<\/a><\/h2>\n<p>If you\u2019re just getting started with <a target=\"_blank\" href=\"https:\/\/www.electronjs.org\/\" rel=\"noopener\">Electron<\/a> and don\u2019t want to deal with the dependencies, then Fiddle is the app for you. It\u2019s bundled with everything you need including several different Electron versions, the built-in editor, and you can even compile your experiments into an app.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/fiddle.jpg\" alt=\"fiddle\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/Clipy\/Clipy\" rel=\"noopener\">Clipy<\/a><\/h2>\n<p>A free handy app that enhances the clipboard functionality in macOS. With Clippy, you can see almost all the items in your clipboard list and history, and select which one you\u2019d like to paste.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/clipy.jpg\" alt=\"clipy\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/kinsta.com\/devkinsta\/\" rel=\"noopener\">DevKinsta<\/a><\/h2>\n<p>A desktop app to easily spin-up localhost environment with WordPress. You can create a single installation or a multisite in just a few clicks.<\/p>\n<p>Along with the database and the localhost server with nginx, it also provides some handy tools to develop WordPress locally such as Adminer for administering the database, SMPT server, and an easy way to switch between PHP versions.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/devkinsta.jpg\" alt=\"devkinsta\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/nativefier\/nativefier\" rel=\"noopener\">Nativefier<\/a><\/h2>\n<p><strong>Nativefier<\/strong> is a handy tool to quickly wrap any website into a desktop application. It leverages Chromium under the hood so you can build and compile the app into different platforms including macOS, Windows, and Linux all with just one line of CLI command.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/nativefier.jpg\" alt=\"nativefier\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/electron-react-boilerplate\/electron-react-boilerplate\" rel=\"noopener\">Electron React Boilerplate<\/a><\/h2>\n<p>Here\u2019s your starting point to build a desktop app with Electron. It\u2019s pre-packaged with React Router, Webpack, React Fast Refresh as well as React so you can immediately start building your next awesome desktop app rather than dealing with the configurations and the build tools.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/electron-react-boilerplate.jpg\" alt=\"electron-react-boilerplate\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/SimulatedGREG\/electron-vue\" rel=\"noopener\">Electron Vue<\/a><\/h2>\n<p>If you prefer working with Vue.js, this framework is a good alternative. It is pre-packaged for the supporting tools in Vue.js ecosystem such as the <a target=\"_blank\" href=\"https:\/\/github.com\/vuejs\/devtools\" rel=\"noopener\">Vue DevTools<\/a>, Axios, Vue Router, etc.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/electron-vue.jpg\" alt=\"electron-vue\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/eclipse-theia\/theia\" rel=\"noopener\">Theia<\/a><\/h2>\n<p>A framework to build a full-fledged IDE (Integrated Development Environment) with modern web technologies. It\u2019s easily extensible allowing you to add custom features around it. A great framework if you plan to include an editor in your apps and web services.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/theia.jpg\" alt=\"theia\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/hackjutsu\/Lepton\" rel=\"noopener\">Lepton<\/a><\/h2>\n<p>A code snippet manager based on GitHub Gist with support for both private and public Gist. You can manage your code snippets more efficiently within the app with multiple tags, groups, search, and several other features that are not available in Github Gist.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/lepton.jpg\" alt=\"lepton\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/kamranahmedse\/pennywise\" rel=\"noopener\">Pennywise<\/a><\/h2>\n<p>Pennywise is an Electron-based app that allows you to open a website or media in a floating window on top of your other running application. It\u2019s resizable and can be placed anywhere on the screen, it also works in macOS, Windows, and Linux.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/pennywise.jpg\" alt=\"pennywise\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/Kong\/insomnia\" rel=\"noopener\">Insomnia<\/a><\/h2>\n<p>You can use Electron to develop a simple app like Insomnia. It is a cross-platform application to make a request and test an API endpoint. You can make a request with different HTTP methods (GET, POST, PUT, etc.), or add headers and authentication.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/insomnia.jpg\" alt=\"insomnia\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/Paxa\/postbird\" rel=\"noopener\">Postbird<\/a><\/h2>\n<p>Postbird is another example of a simple app built with Electron. It\u2019s an app to manage the database in PostgreSQL where you can view the database list, the data, and perform some operations like search through the tables or run database queries.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/postbird.jpg\" alt=\"postbird\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/RoderickQiu\/wnr\" rel=\"noopener\">WNR<\/a><\/h2>\n<p>A simple time management app for macOS and Windows. It\u2019s like a timer where you can set work time and rest time. A handy app that can help to remind you to get some rest because often time flies fast when you\u2019re too focusing working in front of the computer.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/wnr.jpg\" alt=\"wnr\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/electron-userland\/spectron\" rel=\"noopener\">Spectron<\/a><\/h2>\n<p>Last but not least, you should test your apps to make sure your app runs well. Spectron makes it easy to set an automatic testing environment for your application. It\u2019s also compatible with any testing framework including <a target=\"_blank\" href=\"https:\/\/mochajs.org\/\" rel=\"noopener\">Mocha<\/a> and <a target=\"_blank\" href=\"https:\/\/jestjs.io\/\" rel=\"noopener\">Jest<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/spectron.jpg\" alt=\"spectron\" width=\"750\" height=\"480\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>HTML, JavaScript, and CSS are three wonderful languages. Thanks to the advancement of the frameworks around these languages especially Electron, we are now able to develop a full-fledge desktop application more efficiently that could run on several different operating systems and platforms whether it\u2019s on Windows, macOS, Linux, or mobile applications. In this round of&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[352],"tags":[2539],"topic":[],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (February 2021) - Hongkiat<\/title>\n<meta name=\"description\" content=\"HTML, JavaScript, and CSS are three wonderful languages. Thanks to the advancement of the frameworks around these languages especially Electron, we are\" \/>\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-02-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 (February 2021)\" \/>\n<meta property=\"og:description\" content=\"HTML, JavaScript, and CSS are three wonderful languages. Thanks to the advancement of the frameworks around these languages especially Electron, we are\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-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-02-23T13:07:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-02-25T09:44:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/modern-css.jpg\" \/>\n<meta name=\"author\" content=\"Hongkiat Lim\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hongkiat Lim\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"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-02-2021\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2021\\\/\"},\"author\":{\"name\":\"Hongkiat Lim\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e3613a3bf757e4f67770f0b7a339edd0\"},\"headline\":\"Fresh Resources for Web Designers and Developers (February 2021)\",\"datePublished\":\"2021-02-23T13:07:55+00:00\",\"dateModified\":\"2021-02-25T09:44:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2021\\\/\"},\"wordCount\":999,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2021\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-02-2021\\\/modern-css.jpg\",\"keywords\":[\"Tools for Designers &amp; Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2021\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2021\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (February 2021) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2021\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2021\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-02-2021\\\/modern-css.jpg\",\"datePublished\":\"2021-02-23T13:07:55+00:00\",\"dateModified\":\"2021-02-25T09:44:31+00:00\",\"description\":\"HTML, JavaScript, and CSS are three wonderful languages. Thanks to the advancement of the frameworks around these languages especially Electron, we are\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2021\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2021\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2021\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-02-2021\\\/modern-css.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-02-2021\\\/modern-css.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-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 (February 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\\\/e3613a3bf757e4f67770f0b7a339edd0\",\"name\":\"Hongkiat Lim\",\"description\":\"Founder and Editor in Chief of Hongkiat.com. Hongkiat is also a designer, developer, entrepreneur, and an active investor in the US stock market.\",\"sameAs\":[\"http:\\\/\\\/www.hongkiat.com\\\/blog\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/hongkiat\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Fresh Resources for Web Designers and Developers (February 2021) - Hongkiat","description":"HTML, JavaScript, and CSS are three wonderful languages. Thanks to the advancement of the frameworks around these languages especially Electron, we are","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-02-2021\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (February 2021)","og_description":"HTML, JavaScript, and CSS are three wonderful languages. Thanks to the advancement of the frameworks around these languages especially Electron, we are","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2021\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2021-02-23T13:07:55+00:00","article_modified_time":"2021-02-25T09:44:31+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/modern-css.jpg","type":"","width":"","height":""}],"author":"Hongkiat Lim","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Hongkiat Lim","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2021\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2021\/"},"author":{"name":"Hongkiat Lim","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e3613a3bf757e4f67770f0b7a339edd0"},"headline":"Fresh Resources for Web Designers and Developers (February 2021)","datePublished":"2021-02-23T13:07:55+00:00","dateModified":"2021-02-25T09:44:31+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2021\/"},"wordCount":999,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2021\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/modern-css.jpg","keywords":["Tools for Designers &amp; Developers"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2021\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2021\/","name":"Fresh Resources for Web Designers and Developers (February 2021) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2021\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2021\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/modern-css.jpg","datePublished":"2021-02-23T13:07:55+00:00","dateModified":"2021-02-25T09:44:31+00:00","description":"HTML, JavaScript, and CSS are three wonderful languages. Thanks to the advancement of the frameworks around these languages especially Electron, we are","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2021\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2021\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2021\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/modern-css.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2021\/modern-css.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-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 (February 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\/e3613a3bf757e4f67770f0b7a339edd0","name":"Hongkiat Lim","description":"Founder and Editor in Chief of Hongkiat.com. Hongkiat is also a designer, developer, entrepreneur, and an active investor in the US stock market.","sameAs":["http:\/\/www.hongkiat.com\/blog"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/hongkiat\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-dNg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/53026","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=53026"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/53026\/revisions"}],"predecessor-version":[{"id":53030,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/53026\/revisions\/53030"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=53026"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=53026"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=53026"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=53026"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}