{"id":49149,"date":"2020-01-02T23:43:48","date_gmt":"2020-01-02T15:43:48","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=49149"},"modified":"2020-01-01T19:22:06","modified_gmt":"2020-01-01T11:22:06","slug":"designers-developers-monthly-01-2020","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2020\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (January 2020)"},"content":{"rendered":"<p>We are now officially starting a new decade, and with that also we\u2019ve also brought you a handful of new resources for our web developers. In this round of the series we have quite a lot of applications and tools for Windows users. For example, we have a Launcher app similar to Alfred in macOS, a beautiful modern text editor with Markdown and <em>diff<\/em> features, and a utility tools to improve Windows for power users.<\/p>\n<p>So without further ado, let\u2019s check them out.<\/p>\n<h2><a href=\"https:\/\/github.com\/laravel-shift\/blueprint\" target=\"_blank\" rel=\"noopener noreferrer\">Blueprint<\/a><\/h2>\n<p>A utility package that provides more convenience for developers when developing with <a href=\"https:\/\/laravel.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Laravel<\/a>. It allows to generate components such as a Model, Controller, Event, Routes, and Blade Template in just a single line of command. It\u2019s a great time saver.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/laravel-blueprint.jpg\" alt=\"White Blueprint text on a blue background\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/microsoft\/PowerToys\" target=\"_blank\" rel=\"noopener noreferrer\">PowerToys<\/a><\/h2>\n<p>A collection of utilities developed by Microsoft itself which will improve Windows user experience. It adds so called \u201cFancyZone\u201d that allows you to manage complex window layouts and position. It will also add so called \u201cPowerRename\u201d which allows you to rename file in the Window UI in a batch. It is currently in active development so expect more advanced features to come.<\/p>\n<p>PowerToys can be installed through \u201cChoco\u201d, the package manager for Windows, with this command <code>choco install powertoys<\/code>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/power-toys.jpg\" alt=\"PowerToys logo on a gray background\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/Wox-launcher\/Wox\" target=\"_blank\" rel=\"noopener noreferrer\">Wox<\/a><\/h2>\n<p>If you\u2019ve just switched from macOS to Windows, you might\u2019ve missed a utility program like Spotlight or Alfred which makes navigating your computer faster and helps streamlining repetitive workflows. In Windows, you can use this program called <strong>Wox<\/strong>. It allows you to search everything from files, folders, applications, <a href=\"https:\/\/docs.microsoft.com\/en-us\/windows\/uwp\/get-started\/universal-application-platform-guide\" target=\"_blank\" rel=\"noopener noreferrer\">UWP<\/a>, and search in Google. You can install <a href=\"http:\/\/www.wox.one\/plugin\" target=\"_blank\" rel=\"noopener noreferrer\">the add-ons<\/a> to extend its capability.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/wox.jpg\" alt=\"Input search and search result on Wox application\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/coreybutler\/nvm-windows\" target=\"_blank\" rel=\"noopener noreferrer\">NVM Windows<\/a><\/h2>\n<p>The <code>nvm<\/code> CLI (Command Line Interface) allows you to manage, install, and switch multiple Node.js versions easily in your computer. The <code>nvm<\/code> CLI only works in Linux and macOS platform. If you\u2019d like to install it in Windows, this is the CLI, you\u2019ll need to install instead.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/nvm-windows.jpg\" alt=\"NVM runs on Windows Commander application\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/GitSquared\/edex-ui\" target=\"_blank\" rel=\"noopener noreferrer\">EdexUI<\/a><\/h2>\n<p>A terminal emulator and system monitor that looks like the one in sci-fi movie. It\u2019ll make you three times cooler!<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/edex-ui.jpg\" alt=\"Dark interface with a clock, virutal folders and keyboard\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/devhubapp\/devhub\" target=\"_blank\" rel=\"noopener noreferrer\">DevHub<\/a><\/h2>\n<p>A macOS application to manage Github notifications and activities. With this app, you can review relevant informations multiple repositories before opening the notification such as the comment, issue\/pull request status, release description, etc.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/devhub.jpg\" alt=\"List of github notifications on a dark background\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/MathewSachin\/Captura\" target=\"_blank\" rel=\"noopener noreferrer\">Captura<\/a><\/h2>\n<p>An app for Windows to capture a screen session and screenshots. It comes with all the necessities to create proper screencast, such as the ability to capture regions or particular screens, capture mouse and keystores, and capture webcam. Did I mention that you can get it for free?<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/captura.jpg\" alt=\"Captura application runs on Windows\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/spicetify\/spicetify-cli\" target=\"_blank\" rel=\"noopener noreferrer\">Spicetify CLI<\/a><\/h2>\n<p>A handy CLI to customize your Spotify desktop app. With this, you can change the whole UI colors, inject your own CSS, as well as enable or disable certain features.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/spicetify-cli.jpg\" alt=\"Custom Spotifify desktop application UI in white and orange color\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/0x7c13\/Notepads\" target=\"_blank\" rel=\"noopener noreferrer\">Notepads<\/a><\/h2>\n<p>A beautiful text editor for Windows with modern features. It has built-in Markdown support with the preview, built-in tab UI, <em>diff<\/em> feature so you can compare changes, and a CLI for power users so you\u2019re able to launch the app from the command line or PowerShell with <code>notepads<\/code> command.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/notepads.jpg\" alt=\"The Notedpads application with dark UI runs on Windows\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/webprofusion\/certify\" target=\"_blank\" rel=\"noopener noreferrer\">Certify<\/a><\/h2>\n<p>An GUI application to manage Let\u2019s Encrypt certificate for Windows\/IIS server. It allows to request, install and renew free SSL certificates.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/certify.jpg\" alt=\"Certify UI in white and green color\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/winmerge.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">WinMerge<\/a><\/h2>\n<p>A desktop application for comparing file difference for Windows. It allows you to view what\u2019s changed between from a file, compare them with one or two other files simulataniously and merge the changes. Not only text files, you can also compare image, and the whole directories including the sub-directories. It\u2019s free.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/winmerge.jpg\" alt=\"WinMerge application comapring two files\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/rvpanoz\/luna\" target=\"_blank\" rel=\"noopener noreferrer\">Luna<\/a><\/h2>\n<p>An NPM desktop application to manage NPM dependencies. You can install, uninstall, and update of these dependencies with clicks. If you\u2019re more comfortable working with a GUI (Graphic User Interface) rather the NPM CLI, this is the app you can install. It\u2019s works closs-platform, in Windows, macOS and Linux.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/luna.jpg\" alt=\"Luna application run on Windows showing a list of NPM package\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/youknowriad\/wp-js-plugin-starter\" target=\"_blank\" rel=\"noopener noreferrer\">WP JS Plugin Starter<\/a><\/h2>\n<p>A plugin starter to create WordPress plugin with modern setup and practices. The project already includes a pre-configured setup to create a Gutenberg Block. Developed by Riad Benguella who, at the moment of the writing, is one of the key developers in <a href=\"https:\/\/github.com\/WordPress\/gutenberg\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg project<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/wp-js-plugin-starter.jpg\" alt=\"WP JS Plugin Starter Github repository\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/www.youtube.com\/watch?v=GhRE3rML9t4\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">CSS Houdini<\/a><\/h2>\n<p>In this video, Una Kravets presents the future of CSS with so called CSS Houdini which will completely change the way we write CSS. Una Kravets provides a couple of cool examples on CSS Houdini capability in this presentation. Check it out!<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/css-houdini.jpg\" alt=\"Speaker presenting CSS Houdini presentation\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/akveo.github.io\/nebular\/\" target=\"_blank\" rel=\"noopener noreferrer\">Nebular<\/a><\/h2>\n<p>Nebular is a sturdy frameworks and design system for <a href=\"https:\/\/angular.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Angular<\/a>. As commonly with with a framwework, it contains components like the buttons, tabs, menu, layouts, inputs, etc. On top of these components, it also provides Authentication components such as one to use Login, and Logout page.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/nebular.jpg\" alt=\"Ilustration of Nebular application in \" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/unbug.github.io\/codelf\/\" target=\"_blank\" rel=\"noopener noreferrer\">Codelf<\/a><\/h2>\n<p>Not sure what to name your variable, use <strong>Codelf<\/strong>. It\u2019s kind of search-engine except it will specifically search GitHub, Bitbucket, GitLab and find you real example of variable naming.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/codelf.jpg\" alt=\"A search input on white background.\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/checkly\/headless-recorder\" target=\"_blank\" rel=\"noopener noreferrer\">Puppeteer Recorder<\/a><\/h2>\n<p>A Chrome extension to record your browser interaction and turn it into a Puppeteer script. It\u2019s a time saver to to setup an End-to-end testing with <a href=\"https:\/\/github.com\/puppeteer\/puppeteer\" target=\"_blank\" rel=\"noopener noreferrer\">Puppeteer<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/puppeteer-recorder.jpg\" alt=\"Puppeteer Recorder UI\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/EmailThis\/extension-boilerplate\" target=\"_blank\" rel=\"noopener noreferrer\">Browser Extension Boilerplate<\/a><\/h2>\n<p>A pre-configured setup to build a cross-browser browser extension. You can write the code once and deploy it to Firefox, Chrome, and Opera.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/extension-boilerplate.jpg\" alt=\"Example of browser extension UI on Chrome, Firefox, and Opera\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/altair-graphql\/altair\" target=\"_blank\" rel=\"noopener noreferrer\">Altair<\/a><\/h2>\n<p>Altair is GraphQL client where you can perform requet to GraphQL server and see the output from returned. You can install it as a browser extension or install it as an desktop app in Windows, macOS and Linux.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/altair.jpg\" alt=\"Altari user interface in dark and green color.\" width=\"750\" height=\"480\"><\/figure>\n<h2><a href=\"https:\/\/github.com\/sindresorhus\/notifier-for-github\" target=\"_blank\" rel=\"noopener noreferrer\">Notifier for Github<\/a><\/h2>\n<p>Another useful Chrome extension for developers. This extension improves the Github Notification system. It\u2019ll show the number of notification you have loading Github.com website and forward it to the browser Push Notification. A handy extension for developer who manage multiple repository in the browser.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/github-notifier.jpg\" alt=\"Chrome browser with the Notifier for Github extension showing 1 notification in blue color\" width=\"750\" height=\"480\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>We are now officially starting a new decade, and with that also we\u2019ve also brought you a handful of new resources for our web developers. In this round of the series we have quite a lot of applications and tools for Windows users. For example, we have a Launcher app similar to Alfred in macOS,&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 (January 2020) - Hongkiat<\/title>\n<meta name=\"description\" content=\"We are now officially starting a new decade, and with that also we&#039;ve also brought you a handful of new resources for our web developers. In this round of\" \/>\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-01-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 (January 2020)\" \/>\n<meta property=\"og:description\" content=\"We are now officially starting a new decade, and with that also we&#039;ve also brought you a handful of new resources for our web developers. In this round of\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-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-01-02T15:43:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/laravel-blueprint.jpg\" \/>\n<meta name=\"author\" content=\"Thoriq Firdaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@tfirdaus\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thoriq Firdaus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2020\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2020\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (January 2020)\",\"datePublished\":\"2020-01-02T15:43:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2020\\\/\"},\"wordCount\":959,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-01-2020\\\/laravel-blueprint.jpg\",\"keywords\":[\"Tools for Designers &amp; Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2020\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2020\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (January 2020) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2020\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-01-2020\\\/laravel-blueprint.jpg\",\"datePublished\":\"2020-01-02T15:43:48+00:00\",\"description\":\"We are now officially starting a new decade, and with that also we've also brought you a handful of new resources for our web developers. In this round of\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2020\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2020\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-2020\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-01-2020\\\/laravel-blueprint.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-01-2020\\\/laravel-blueprint.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-01-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 (January 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 (January 2020) - Hongkiat","description":"We are now officially starting a new decade, and with that also we've also brought you a handful of new resources for our web developers. In this round of","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-01-2020\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (January 2020)","og_description":"We are now officially starting a new decade, and with that also we've also brought you a handful of new resources for our web developers. In this round of","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2020\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2020-01-02T15:43:48+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/laravel-blueprint.jpg","type":"","width":"","height":""}],"author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2020\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2020\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (January 2020)","datePublished":"2020-01-02T15:43:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2020\/"},"wordCount":959,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/laravel-blueprint.jpg","keywords":["Tools for Designers &amp; Developers"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2020\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2020\/","name":"Fresh Resources for Web Designers and Developers (January 2020) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2020\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/laravel-blueprint.jpg","datePublished":"2020-01-02T15:43:48+00:00","description":"We are now officially starting a new decade, and with that also we've also brought you a handful of new resources for our web developers. In this round of","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2020\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2020\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-2020\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/laravel-blueprint.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-01-2020\/laravel-blueprint.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-01-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 (January 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-cMJ","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/49149","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=49149"}],"version-history":[{"count":1,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/49149\/revisions"}],"predecessor-version":[{"id":49150,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/49149\/revisions\/49150"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=49149"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=49149"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=49149"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=49149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}