{"id":49267,"date":"2020-02-01T21:11:30","date_gmt":"2020-02-01T13:11:30","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=49267"},"modified":"2025-04-21T17:55:37","modified_gmt":"2025-04-21T09:55:37","slug":"fresh-resources-for-web-designers-and-developers-february-2020","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-february-2020\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (February 2020)"},"content":{"rendered":"<p>It\u2019s time again for us to share resources with our fellow web developers. In this round of the series, we\u2019ve put together several interesting desktop applications, including one to make your desktop wallpaper more dynamic, some handy web applications, and certainly some JavaScript libraries. Without further ado, let\u2019s see the full list.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-49267-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-49267-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:\/\/uses.tech\/\">UsesTech<\/a><\/h2>\n<p>A collection of tools, gears, and software used by developers, designers, bloggers, tutors, YouTubers, and podcasters. You can sort these tools by country, programming language, and stacks. A great resource to find inspiration and recommendations for your own use.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Uses Tech Com Homepage Showing Top 3 On The List\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/uses-tech.jpg\" width=\"740\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/sindresorhus.com\/plash\">Plash<\/a><\/h2>\n<p>A macOS application to set any website as your desktop wallpaper. You can display your favorite sites and feeds, random beautiful scenery photos, and even animated GIFs as the wallpaper \u2013 allowing you to have a less boring desktop.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Plash Contextual Menu On Macos\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/plash.jpg\" width=\"740\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/alpinejs\/alpine\">Alpine.js<\/a><\/h2>\n<p>A very minimal JavaScript library to add dynamic behavior to your website. With Alpine.js, you can simply add the provided attributes such as <code>x-data<\/code>, <code>x-init<\/code>, <code>x-bind<\/code>, <code>x-on<\/code>, and <code>x-model<\/code> to the existing HTML markup on your website. Very easy. No need to set up a build tool, compiler, or transpiler. A pretty good alternative to React.js or Vue.js.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Example Of Alpine Js Code\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/alpinejs.jpg\" width=\"740\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/maxwellito\/vivus\">Vivus<\/a><\/h2>\n<p>A JavaScript library to create drawing animations for SVG. Vivus is quite straightforward to use. In fact, it provides an easy-to-use tool named <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/maxwellito.github.io\/vivus-instant\/\">Vivus Instant<\/a> where you can upload SVG files to animate them.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Hi There Animated\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/vivus.gif\" width=\"740\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=vsls-contrib.gistfs\">GistPad<\/a><\/h2>\n<p>A Visual Studio Code extension that allows you to manage <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/gist.github.com\/\">GitHub Gist<\/a>. The latest release now includes a new feature called Playground, similar to <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/codepen.io\/\">CodePen.io<\/a> or <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/jsbin.com\/\">JSBin<\/a>, so you can add HTML, CSS, JS and instantly see the result right from Visual Studio Code.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Gist Pad Interactive Playground On Visual Studio Code\" height=\"1080\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/gistpad-interactive-playground.gif\" width=\"1668\"><\/figure>\n<hr>\n<h2>Shadows<\/h2>\n<p>A handy web app to generate multiple layers of shadows. You can decide how many layers to add, change the color, and the spread. It will automatically generate the CSS code to copy.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Multiple Layers Of Shadows\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/shadows.jpg\" width=\"740\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/responsivebreakpoints.com\/\">Responsive Breakpoints<\/a><\/h2>\n<p>As the name implies, it enables you to generate optimal responsive image sizes easily. It also provides options where you can configure the viewport size range, the minimum and maximum image size, the ratio, and generate the HTML to display the image. Yet another handy web application to ease web developers\u2019 work.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"An Image With Dotted Square And The Size\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/responsive-breakpoints.jpg\" width=\"740\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/browserosaurus.com\/\">Browserosaurus<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Link With Contextual Menu Of The Browser List\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/browserosaurus.jpg\" width=\"740\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/masscode.io\/\">massCode<\/a><\/h2>\n<p>A desktop app to manage code snippets. With this app, you can organize code snippets and examples and group them neatly in categories. massCode is available for Windows, macOS, and Linux.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Mass Code App With Dark And White Interface\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/masscode.jpg\" width=\"740\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/xi-editor\/xi-editor\">XI-Editor<\/a><\/h2>\n<p>XI-Editor is a barebones framework to create a text editor with a focus on performance, reliability, and extensibility for developers. It\u2019s been adopted to create text editors on various platforms including <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/xi-editor\/xi-mac\">macOS<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/eyelash\/xi-gtk\">Linux<\/a> with GTK+, and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/xi-editor\/xi-win\">Windows<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Xi Editor Interface In Macos\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/xi-editor.jpg\" width=\"740\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/lovasoa\/react-contenteditable\">React Contenteditable<\/a><\/h2>\n<p>A React.js component to create an editable area. On top of that, you can add buttons for Bold, Italic, and Hyperlink, which makes it a perfect alternative for creating a lean WYSIWYG editor. You can see the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/codesandbox.io\/s\/l91xvkox9l\">live example here<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"React Contenteditable\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/react-contenteditable.jpg\" width=\"740\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/outline\/outline\">Outline<\/a><\/h2>\n<p>A self-hosted Wiki web application with modern features. It\u2019s built around modern tools like React.js, Node.js, Postgres, Redis, AWS for file storage, and the overall look feels modern. You can use it for creating team wikis, docs, meeting notes, onboarding, etc.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Outline App User Interface\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/outline.jpg\" width=\"740\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/craterapp.com\/\">Crater<\/a><\/h2>\n<p>Crater is a web application built with PHP to manage invoices. It allows you to create invoices, send POs or estimates, and manage clients. If you\u2019d like to manage invoices and fully control your data, using Crater may be a good alternative for you.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Crater Desktop And Mobile Interface\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/crater.jpg\" width=\"740\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/directus\/directus\">Directus<\/a><\/h2>\n<p>Directus is a Headless CMS that allows you to add custom fields for almost any type of content such as news, users, or products. You can use any language or tool of your choice to consume the content from the API, with <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/restfulapi.net\/\">RESTful<\/a> or <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/graphql.org\/\">GraphQL<\/a>. Speaking of which, check our post, <a href=\"https:\/\/www.hongkiat.com\/blog\/intro-to-headless-cms\/\">Introduction to Headless CMS<\/a>, for more on Headless CMS.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Directus Mascots Deer And Bear\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/directus.jpg\" width=\"740\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/craft.js.org\/\">Craft.js<\/a><\/h2>\n<p>A React framework to build a feature-rich drag-and-drop page editor. It provides the underlying drag-and-drop system and handles how components are rendered, updated, and moved. Having a drag-and-drop interface provides convenience for users to do things on their own, and Craft.js may be a perfect framework to build that.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Drag And Drop Interface\" height=\"463\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/craftjs.jpg\" width=\"740\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/cytopia\/devilbox\">Devilbox<\/a><\/h2>\n<p>The Devilbox is a complete stack to run local development. It provides all the services you would ever need like Apache, Nginx, MySQL, PHP, MailHog, etc.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Diagram Of The Server Architecture\" height=\"463\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/devilbox.jpg\" width=\"740\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/miniMAC\/magic\">Magic.css<\/a><\/h2>\n<p>A collection of CSS rules for smooth animations. With this, adding animation to your website is as easy as adding a class name to the HTML. You can install Magic.css with NPM or Yarn and use it in combination with JavaScript or jQuery.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"CSS Magic Website Homepage\" height=\"463\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/css-magic.jpg\" width=\"740\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/thedevs-network\/kutt\">Kutt<\/a><\/h2>\n<p>A URL shortener web application. Kutt supports the use of custom domains and provides statistics out-of-the-box. It\u2019s built with a modern stack of Node.js, Progress, and Redis, and you can host it on your own server.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Kutt It Homepage\" height=\"463\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/kutt.jpg\" width=\"740\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>It\u2019s time again for us to share resources with our fellow web developers. In this round of the series, we\u2019ve put together several interesting desktop applications, including one to make your desktop wallpaper more dynamic, some handy web applications, and certainly some JavaScript libraries. Without further ado, let\u2019s see the full list. UsesTech A collection&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 (February 2020) - Hongkiat<\/title>\n<meta name=\"description\" content=\"It&#039;s time again for us to share resources with our fellow web developers. In this round of the series, we&#039;ve put together several interesting desktop\" \/>\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-february-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 (February 2020)\" \/>\n<meta property=\"og:description\" content=\"It&#039;s time again for us to share resources with our fellow web developers. In this round of the series, we&#039;ve put together several interesting desktop\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-february-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-02-01T13:11:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T09:55:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/uses-tech.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=\"4 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-february-2020\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-february-2020\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (February 2020)\",\"datePublished\":\"2020-02-01T13:11:30+00:00\",\"dateModified\":\"2025-04-21T09:55:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-february-2020\\\/\"},\"wordCount\":828,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-february-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-designers-and-developers-february-2020\\\/uses-tech.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-february-2020\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-february-2020\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (February 2020) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-february-2020\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-february-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-designers-and-developers-february-2020\\\/uses-tech.jpg\",\"datePublished\":\"2020-02-01T13:11:30+00:00\",\"dateModified\":\"2025-04-21T09:55:37+00:00\",\"description\":\"It's time again for us to share resources with our fellow web developers. In this round of the series, we've put together several interesting desktop\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-february-2020\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-february-2020\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-february-2020\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-designers-and-developers-february-2020\\\/uses-tech.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-designers-and-developers-february-2020\\\/uses-tech.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-designers-and-developers-february-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 (February 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 (February 2020) - Hongkiat","description":"It's time again for us to share resources with our fellow web developers. In this round of the series, we've put together several interesting desktop","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-february-2020\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (February 2020)","og_description":"It's time again for us to share resources with our fellow web developers. In this round of the series, we've put together several interesting desktop","og_url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-february-2020\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2020-02-01T13:11:30+00:00","article_modified_time":"2025-04-21T09:55:37+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/uses-tech.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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-february-2020\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-february-2020\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (February 2020)","datePublished":"2020-02-01T13:11:30+00:00","dateModified":"2025-04-21T09:55:37+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-february-2020\/"},"wordCount":828,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-february-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/uses-tech.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-february-2020\/","url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-february-2020\/","name":"Fresh Resources for Web Designers and Developers (February 2020) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-february-2020\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-february-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/uses-tech.jpg","datePublished":"2020-02-01T13:11:30+00:00","dateModified":"2025-04-21T09:55:37+00:00","description":"It's time again for us to share resources with our fellow web developers. In this round of the series, we've put together several interesting desktop","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-february-2020\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-february-2020\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-february-2020\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/uses-tech.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-designers-and-developers-february-2020\/uses-tech.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-designers-and-developers-february-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 (February 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-cOD","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/49267","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=49267"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/49267\/revisions"}],"predecessor-version":[{"id":73873,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/49267\/revisions\/73873"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=49267"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=49267"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=49267"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=49267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}