{"id":52765,"date":"2020-12-22T21:57:29","date_gmt":"2020-12-22T13:57:29","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=52765"},"modified":"2025-04-21T18:07:10","modified_gmt":"2025-04-21T10:07:10","slug":"designers-developers-monthly-12-2020","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2020\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (December 2020)"},"content":{"rendered":"<p>We have finally reached the end of 2020, an unprecedented year of the decade, and we\u2019re back with fresh resources for our fellow web developers.<\/p>\n<p>This year, I\u2019ve seen the Laravel ecosystem thrive with new packages, libraries, and tools. In this installment of our series, we will explore the Laravel ecosystem further, including the latest tools for spinning up a localhost environment with Docker and several packages that make creating web applications quicker and easier, along with other types of resources.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-52765-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-52765-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:\/\/devfonts.gafi.dev\/\">DevFonts<\/a><\/h2>\n<p>A collection of fonts designed for writing codes. There are more than 30 font families available. Some of the fonts provide support for the font ligature that makes your codes look cleaner. The site also provides preview with the theme and language selection, so you can see whether the font fits in your preference.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"DevFonts\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/devfonts.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/upptime.js.org\/\">Upptime<\/a><\/h2>\n<p>A modern uptime monitoring system and status page powered with Github infrastructure. It utilises Github Actions, Github Issues, and Github Pages all together. All you need is a Github account and repository to deploy it, which you can get for free.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Upptime\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/upptime.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/nunomaduro\/collision\">Collision<\/a><\/h2>\n<p>A PHP library that provides a nicer error report when running your PHP application through command line \/ Shell environment. It will render codes with proper highlighting, colors, and numbering which make the report easier to read.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Collision\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/collision.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/laravel\/sail\">Laravel Sail<\/a><\/h2>\n<p>A new shiny tool from Laravel ecosystem. <strong>Sail<\/strong> finally provides a unified way to run a localhost environment for your Laravel application whether you\u2019re running on Windows, macOS, or Linux.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Laravel Sail\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/laravel-sail.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/beyondcode\/laravel-favicon\">Laravel Favicon<\/a><\/h2>\n<p>A Laravel package that allows you to generate a favicon image based on the site environment. You can set the background, text, and colors of the image. A quite handy approach to easily differentiate environments of your websites or Laravel applications.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Laravel Favicon\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/laravel-favicon.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/akaunting\/akaunting\">Akaunting<\/a><\/h2>\n<p>A free web-based accounting software. Built with modern technologies such as Laravel and Vue.js, Akaunting is designed for small businesses and freelancers. For developer, you can easily extend it with new functionality to suit your needs.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Akaunting\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/akaunting.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/spatie\/laravel-backup\">Laravel Backup<\/a><\/h2>\n<p>Have you ever need to backup your Laravel application? Look no further this PHP library is all you\u2019ll need. It\u2019s able to backup file and database and you can store it multiple places that <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/laravel.com\/docs\/8.x\/filesystem#configuration\">you\u2019ve configured in your Laravel application file system<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Laravel Backup\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/laravel-backup.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/spatie\/laravel-medialibrary\">Laravel Media Library<\/a><\/h2>\n<p>This handy library for your Laravel application allows you to manage files using Laravel Eloquent model. This library supports many file system that Laravel supports including local file system or <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/aws.amazon.com\/s3\/\">S3<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Laravel Media Library\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/laravel-media-library.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/spatie\/laravel-activitylog\">Laravel Activity Log<\/a><\/h2>\n<p>A Laravel library that provides the functions and model that enables you to record the activities within your website or application. For example, you can name the activity, the user that\u2019s caused it, as well as you can also set how long the log should be stored.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Laravel Activity Log\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/laravel-activity-log.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/invoiceninja\/invoiceninja\">Invoice Ninja<\/a><\/h2>\n<p>A web-based application for creating invoice. It supports online payment with more than 40 payment gateways including Stripe, Paypal, and Authorize.net. You can also set it to accept deposit, partial payments, and auto reminder for payments. So not only that you can create invoices but it also helps you get paid timely.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Invoice Ninja\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/invoice-ninja.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/pestphp.com\/\">PestPHP<\/a><\/h2>\n<p>A modern automatic PHP testing tool with a more linear and expressive syntax adopted from <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/jestjs.io\/\">Jest<\/a>, a testing tool for JavaScript. It makes your test more easy to read and understand. It also fully compatible with your current <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/phpunit.de\/\">PHPUnit<\/a> tests.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Pest PHP\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/pest.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/itsgoingd\/clockwork\">ClockWork<\/a><\/h2>\n<p>An awesome tool for debugging your Laravel application. It provides detailed insight of application when it run; data such as requests and performance data, log, database queries, cache queries, redis queries, dispatched events, and even the new Core Web Vital all presented nicely in the browser.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Clock Work\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/clockwork.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/corcel\/corcel\">Corcel<\/a><\/h2>\n<p>A collection of PHP classes that provides a nicer way to connect and get data directly from a WordPress database on your Laravel application. You can use it to retrieve Posts along with the Posts meta data, taxonomy, pages, thumbnails, and options.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Corcel\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/corcel.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/githubuniverse.com\/\">Github Universe On-demand<\/a><\/h2>\n<p>This month, Github has just held their annual Github Universe. It presented numerous subjects on the tech and software development. You can find the collection of pre-recorded sessions of the event here to keep up with what\u2019s going on in tech the industry.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Github Universe On Demand\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/githubuniverse-on-demand.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/genericcomponents.netlify.app\/\">Generic Components<\/a><\/h2>\n<p>A collection of native Web Components for common web interface that is light and fast, easy to style, and accessible. There are a few custom HTML element provided including the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/genericcomponents.netlify.app\/generic-accordion\/demo\/index.html\">Accordion<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/genericcomponents.netlify.app\/generic-switch\/demo\/index.html\">Switch<\/a>, and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/genericcomponents.netlify.app\/generic-tabs\/demo\/index.html\">Tabs<\/a><\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Generic Components\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/generic.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/inertiajs\/pingcrm\">PingCRM<\/a><\/h2>\n<p>An example of application built using <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/inertiajs.com\/\">InertiaJS<\/a> and Laravel. This could also be a great starting point to build your own application.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Ping CRM\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/ping-crm.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/snapdrop.net\/\">SnapDrop<\/a><\/h2>\n<p>A handy web app to transfer files between devices. Using built-in modern browser features such as WebRTC, WebSockets, and PWA. You can use it cross platform whether you\u2019re in Windows, macOS, or Linux. It\u2019s also <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/RobinLinus\/snapdrop\">fully open-source<\/a> so you can learn how it works.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Snap Drop\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/snapdrop.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/lukeraymonddowning\/honey\">Honey<\/a><\/h2>\n<p>A handy PHP library for Laravel application to prevent spam. Providing honeypot techniques, IP blocking and an a simple simple to <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/developers.google.com\/recaptcha\">Google Recaptcha<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Honey\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/honey.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/sherlock-project\/sherlock\">Sherlock Project<\/a><\/h2>\n<p>A CLI that allows you to search and find usernames across social networks. It supports more than 300 sites including Facebook, Instagram, Twitter, Slack, Flickr, and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/go\/freelancercom\">Freelancer.com<\/a>, to name a few. It makes findaing a perfect consistent username easier.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Sherlock Project\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/sherlock-project.jpg\" width=\"720\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/fabiankaegy\/gutenberg-post-picker\">Gutenberg Post Picker<\/a><\/h2>\n<p>A simple Gutenberg component that allows you to easily list and select posts published on your website. You can install it through NPM to incorporate into your own plugin or theme.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Gutenberg Post Picker\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/gutenberg-post-picker.jpg\" width=\"720\"><\/figure>\n<hr>","protected":false},"excerpt":{"rendered":"<p>We have finally reached the end of 2020, an unprecedented year of the decade, and we\u2019re back with fresh resources for our fellow web developers. This year, I\u2019ve seen the Laravel ecosystem thrive with new packages, libraries, and tools. In this installment of our series, we will explore the Laravel ecosystem further, including the latest&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 (December 2020) - Hongkiat<\/title>\n<meta name=\"description\" content=\"We have finally reached the end of 2020, an unprecedented year of the decade, and we&#039;re back with fresh resources for our fellow web developers. This\" \/>\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-12-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 (December 2020)\" \/>\n<meta property=\"og:description\" content=\"We have finally reached the end of 2020, an unprecedented year of the decade, and we&#039;re back with fresh resources for our fellow web developers. This\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-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-12-22T13:57:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T10:07:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/devfonts.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=\"8 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-12-2020\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2020\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (December 2020)\",\"datePublished\":\"2020-12-22T13:57:29+00:00\",\"dateModified\":\"2025-04-21T10:07:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2020\\\/\"},\"wordCount\":933,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-12-2020\\\/devfonts.jpg\",\"keywords\":[\"Tools for Designers &amp; Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2020\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2020\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (December 2020) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2020\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-12-2020\\\/devfonts.jpg\",\"datePublished\":\"2020-12-22T13:57:29+00:00\",\"dateModified\":\"2025-04-21T10:07:10+00:00\",\"description\":\"We have finally reached the end of 2020, an unprecedented year of the decade, and we're back with fresh resources for our fellow web developers. This\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2020\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2020\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2020\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-12-2020\\\/devfonts.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-12-2020\\\/devfonts.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-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 (December 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 (December 2020) - Hongkiat","description":"We have finally reached the end of 2020, an unprecedented year of the decade, and we're back with fresh resources for our fellow web developers. This","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-12-2020\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (December 2020)","og_description":"We have finally reached the end of 2020, an unprecedented year of the decade, and we're back with fresh resources for our fellow web developers. This","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2020\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2020-12-22T13:57:29+00:00","article_modified_time":"2025-04-21T10:07:10+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/devfonts.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":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2020\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2020\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (December 2020)","datePublished":"2020-12-22T13:57:29+00:00","dateModified":"2025-04-21T10:07:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2020\/"},"wordCount":933,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/devfonts.jpg","keywords":["Tools for Designers &amp; Developers"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2020\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2020\/","name":"Fresh Resources for Web Designers and Developers (December 2020) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2020\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/devfonts.jpg","datePublished":"2020-12-22T13:57:29+00:00","dateModified":"2025-04-21T10:07:10+00:00","description":"We have finally reached the end of 2020, an unprecedented year of the decade, and we're back with fresh resources for our fellow web developers. This","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2020\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2020\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2020\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/devfonts.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2020\/devfonts.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-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 (December 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-dJ3","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/52765","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=52765"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/52765\/revisions"}],"predecessor-version":[{"id":73895,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/52765\/revisions\/73895"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=52765"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=52765"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=52765"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=52765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}