{"id":52655,"date":"2020-11-18T21:37:05","date_gmt":"2020-11-18T13:37:05","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=52655"},"modified":"2025-04-21T19:19:31","modified_gmt":"2025-04-21T11:19:31","slug":"designers-developers-monthly-11-2020","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2020\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (November 2020)"},"content":{"rendered":"<p>We are almost at the end of 2020. Many unprecedented things have happened this year, but that hasn\u2019t stopped us from sharing fresh resources for our fellow developers.<\/p>\n<p>In this round of the series, we\u2019ve put together resources that can help developers improve their understanding of the Web, such as a guide on DOM (Document Object Model), JavaScript, and Hacklang, as well as tools to make them more productive. Let\u2019s jump in to see the full list.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-52655-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-52655-1 .ref-block__thumbnail {\n\t\t\t\t\tbackground-image: url( \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/related\/tag-fresh-resources-developers.jpg\" );\n\t\t\t\t}<\/style>\n<p>\t\t\t<\/p><\/noscript>\n\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Click Here for More Resources<\/h4>\n<div class=\"ref-description\">\n<p>Check out our complete collection of hand-picked tools for designers and developers.<\/p>\n<\/div><\/div>\n<\/div>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.digitalocean.com\/community\/books\/understanding-the-dom-document-object-model-ebook\">Understanding the DOM<\/a><\/h2>\n<p><abbr title=\"Document Object Model\">DOM<\/abbr> is an API provided in the browsers that allows you to access HTML on the webpage. This book will help you to understand DOM and guides you on accessing the DOM tree structure and traversing as well as modifying elements, attributes, classes, styles, and events to create an interactive websites.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Understanding The Dom\" height=\"667\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/understanding-the-dom.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/ubient\/laravel-pwned-passwords\">Laravel Pwned Passwords<\/a><\/h2>\n<p>A Laravel extension that allows to validate whether a password has been compromised and unsafe to use. A handy extension that we can use to ensure that all users registered have their password secure and strong.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Laravel Pwned Passwords\" height=\"667\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/laravel-pwned-passwords.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/joshwcomeau.com\/operator-lookup\/\">Operator Lookup<\/a><\/h2>\n<p>You might be familiar with some JavaScript operators, like <code>==<\/code>, <code>!=<\/code>, and <code>&lt;=<\/code>. But have you wondered what this <code>||=<\/code>, <code>??=<\/code>, and <code>%=<\/code> is? This website provides a complete list of these operators and explains it concisely with some examples. A great resource to help you understand JavaScript further..<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Operator Lookup\" height=\"667\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/operator-lookup.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/reqres.in\/\">Reqres.in<\/a><\/h2>\n<p>Provides a dummy API to simulate an application scenario such as retrieving data, authenticating user, and loading state. Very useful for rapid prototyping of an idea or showcasing a demo without the hassle of setting up API from scratch.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Reqresin\" height=\"667\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/reqresin.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wordpress.org\/themes\/q\/\">Q<\/a><\/h2>\n<p>A new WordPress theme for demonstrating experimental full-site editing feature in WordPress. After Gutenberg, it\u2019ll be a new paradigm shift in WordPress as it allows the users to edit the content, widget, menu, and many other things right from the front-end. If you\u2019d like to get your hands on the future of WordPress, you can install this theme.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Wordpress Themes Q\" height=\"667\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/q.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/responsively.app\/\">Responsively.app<\/a><\/h2>\n<p>An app where you can create multiple device setups and view them in a single window side-by-side. This allows you to develop and test responsive web design faster.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Responsively App\" height=\"667\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/responsively-app.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/formito.com\/tools\/favicon\">Favicon<\/a><\/h2>\n<p>Makes generating favicon easy and quick. You can select the shape, size, color, and even emoji to add in the favicon. This tool will automatically generate the <code>link<\/code> HTML code and the SVG.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Favicon\" height=\"667\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/favicon.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.mathjax.org\/\">MathJax<\/a><\/h2>\n<p>A JavaScript library to display LaTeX, MathML, and AsciiMath notation that is accessible and works in modern browsers. It provides an extensive configuration to change the output such as the output formatting, the font, and the line breaking.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Mathjax\" height=\"667\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/mathjax.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/icons8.com\/lunacy\">Lunacy<\/a><\/h2>\n<p>A native Windows application for vector design from Icons8. It comes with built-in access to assets such as icons, photos, vector illustrations. Compared to other similar apps, Lunacy runs twice as faster and it\u2019s completely free.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Lunacy\" height=\"667\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/lunacy.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/saaze.dev\/\">Saaze<\/a><\/h2>\n<p>WordPress is a powerful CMS to create nearly any kind of website. But creating a \u201cstatic\u201d site usually requires a steep learning curve and tooling to make it work. This is where Saaze comes in. It\u2019s simple and just works. Powered with PHP, so you can host it in any hosting with the support of PHP.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Saaze Dev\" height=\"628\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/saaze.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/slack.engineering\/hacklang-at-slack-a-better-php\/\">Hacklang at Slack<\/a><\/h2>\n<p><strong>Hacklang<\/strong> or also known as HHVM is a superset PHP developed to create a more reliable and performant PHP used on Facebook. It then ends support for PHP in 2018 that allows it to add many cool programming features not currently present on PHP such as <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/docs.hhvm.com\/hack\/types\/generic-types\">Generic<\/a>, Async, Awaitable, Shape, and an overall better type system, etc. See how Hacklang powers one of the most popular apps, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/slack.com\/\">Slack<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Hacklang At Slack Php\" height=\"493\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/slack-hacklang.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=ms-edgedevtools.vscode-edge-devtools\">VSCode Edge DevTools<\/a><\/h2>\n<p>An extension that enables you to launch and use the Microsoft Edge DevTools that enable you to see the HTML structure, alter its layout, fix styling issues, as well as the network requests from within VS Code Editor.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Vs Code Edge Devtools\" height=\"569\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/vs-code-edge-devtools.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/laravel\/breeze\">Laravel Breeze<\/a><\/h2>\n<p>A minimal boilerplate for building a Laravel application with built-in authentication, Tailwind for the styles, and Blade for the templating. If you feel Laravel Jetstream is overwhelming, <strong>Laravel Breeze<\/strong> would be a good alternative.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Laravel Breeze\" height=\"667\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/laravel-breeze.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/fakerjs.dev\/\">Faker.js<\/a><\/h2>\n<p>A JavaScript library to generate fake data. With it, we can generate data like names, addresses, numbers, emails, images, and even avatars to name a few. Pretty handy to test your web application.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Faker Js\" height=\"575\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/faker-js.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/gao-sun\/eul\">Eul<\/a><\/h2>\n<p>A macOS status monitoring app where you can check CPU utilization, memory usage, battery usage, fan operation, and network in and out. Built with SwiftUI, <strong>Eul<\/strong> is compatible with macOS Big Sur and the dark mode.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Eul App\" height=\"667\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/eul.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/Fmstrat\/winapps\">Winapps<\/a><\/h2>\n<p>An app for Linux that allows you to run Windows applications such as Microsoft Office. The app would run as if it were a part of the OS, including the app interaction like right-clicking. This is a great alternative to <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.winehq.org\/\">Wine<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Winapps\" height=\"576\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/winapps.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/roots\/bud\">Bud<\/a><\/h2>\n<p>Bud a CLI to generate the new WordPress editor blocks also known as Gutenberg that setup all the dependencies and the setup to create so you can immediately focus on the development.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Bud Cli\" height=\"667\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/bud.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/marktext\/marktext\">Marktext<\/a><\/h2>\n<p>A simple markdown editor with a focus on speed and usability. It supports a couple of Markdown flavors including <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/spec.commonmark.org\/0.29\/\">CommonMark<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.github.com\/gfm\/\">GFM<\/a>, and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/pandoc.org\/MANUAL.html#pandocs-markdown\">Pandoc<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Marktext Editor\" height=\"667\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/marktext.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/loki.js.org\/\">Loki<\/a><\/h2>\n<p>A complementary tool for <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/storybook.js.org\/\">StoryBook<\/a> that makes it easy to perform a \u201cvisual regression\u201d test on your UI library. In a nutshell, a \u201cvisual regression test\u201d allows us to see the changes through screenshots and content comparison between those screenshot images.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Loki Js\" height=\"667\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/loki.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/analysis-tools-dev\/static-analysis\">Static Analysis<\/a><\/h2>\n<p>A huge collection of tools for static analyis for any programming language including Python, Ruby, C, and PHP. Code static analysis tool allows us to catch potential error within the code without executing the code. It\u2019s a handy tool to help you maintain code quality while minimising error in the codes.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Static Analysis Tools\" height=\"628\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/static-analysis-tools.jpg\" width=\"1000\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>We are almost at the end of 2020. Many unprecedented things have happened this year, but that hasn\u2019t stopped us from sharing fresh resources for our fellow developers. In this round of the series, we\u2019ve put together resources that can help developers improve their understanding of the Web, such as a guide on DOM (Document&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,510,511],"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.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (November 2020) - Hongkiat<\/title>\n<meta name=\"description\" content=\"We are almost at the end of 2020. Many unprecedented things have happened this year, but that hasn&#039;t stopped us from sharing fresh resources for our\" \/>\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-11-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 (November 2020)\" \/>\n<meta property=\"og:description\" content=\"We are almost at the end of 2020. Many unprecedented things have happened this year, but that hasn&#039;t stopped us from sharing fresh resources for our\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-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-11-18T13:37:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T11:19:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/understanding-the-dom.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-11-2020\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2020\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (November 2020)\",\"datePublished\":\"2020-11-18T13:37:05+00:00\",\"dateModified\":\"2025-04-21T11:19:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2020\\\/\"},\"wordCount\":958,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2020\\\/understanding-the-dom.jpg\",\"keywords\":[\"Tools for Designers &amp; Developers\",\"Web Designers\",\"Web Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2020\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2020\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (November 2020) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2020\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2020\\\/understanding-the-dom.jpg\",\"datePublished\":\"2020-11-18T13:37:05+00:00\",\"dateModified\":\"2025-04-21T11:19:31+00:00\",\"description\":\"We are almost at the end of 2020. Many unprecedented things have happened this year, but that hasn't stopped us from sharing fresh resources for our\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2020\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2020\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2020\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2020\\\/understanding-the-dom.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2020\\\/understanding-the-dom.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-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 (November 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 (November 2020) - Hongkiat","description":"We are almost at the end of 2020. Many unprecedented things have happened this year, but that hasn't stopped us from sharing fresh resources for our","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-11-2020\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (November 2020)","og_description":"We are almost at the end of 2020. Many unprecedented things have happened this year, but that hasn't stopped us from sharing fresh resources for our","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2020\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2020-11-18T13:37:05+00:00","article_modified_time":"2025-04-21T11:19:31+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/understanding-the-dom.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-11-2020\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2020\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (November 2020)","datePublished":"2020-11-18T13:37:05+00:00","dateModified":"2025-04-21T11:19:31+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2020\/"},"wordCount":958,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/understanding-the-dom.jpg","keywords":["Tools for Designers &amp; Developers","Web Designers","Web Developers"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2020\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2020\/","name":"Fresh Resources for Web Designers and Developers (November 2020) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2020\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/understanding-the-dom.jpg","datePublished":"2020-11-18T13:37:05+00:00","dateModified":"2025-04-21T11:19:31+00:00","description":"We are almost at the end of 2020. Many unprecedented things have happened this year, but that hasn't stopped us from sharing fresh resources for our","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2020\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2020\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2020\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/understanding-the-dom.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2020\/understanding-the-dom.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-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 (November 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-dHh","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/52655","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=52655"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/52655\/revisions"}],"predecessor-version":[{"id":73963,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/52655\/revisions\/73963"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=52655"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=52655"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=52655"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=52655"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}