{"id":52480,"date":"2020-10-12T21:16:07","date_gmt":"2020-10-12T13:16:07","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=52480"},"modified":"2020-10-12T20:16:49","modified_gmt":"2020-10-12T12:16:49","slug":"designers-developers-monthly-10-2020","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2020\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (October 2020)"},"content":{"rendered":"<p>Even though that the website would mostly consist of HTML, CSS, and JavaScript, it is built with many languages on the backend. We can also build website with Ruby, PHP, Python, Go, Java, etc.<\/p>\n<p>So, in this installment of the series, we are going to try widening our coverage of the list. You will find an e-Commerce platform built with Ruby, a end-to-end web testing tool with Python, and let\u2019s jump in to see the full list.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-09-2020\/\" class=\"ref-block__link\" title=\"Read More: Fresh Resources for Web Designers and Developers (September 2020)\" rel=\"bookmark\"><span class=\"screen-reader-text\">Fresh Resources for Web Designers and Developers (September 2020)<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/designers-developers-monthly-09-2020.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-52291 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/designers-developers-monthly-09-2020.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Fresh Resources for Web Designers and Developers (September 2020)<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tWe've seen tremendous activity from both the PHP and JavaScript communities, especially on Twitter. There have been new...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2><a target=\"_blank\" href=\"https:\/\/devblogs.microsoft.com\/python\/announcing-playwright-for-python-reliable-end-to-end-testing-for-the-web\/\" rel=\"noopener noreferrer\">Playwright for Python<\/a><\/h2>\n<p>Playwright is a tool to automate interacting with browsers .<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/playwright-python.jpg\" alt=\"Python Playwright example syntax\" width=\"750\" height=\"480\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/diagramplus.com\/\" rel=\"noopener noreferrer\">DiagramPlus<\/a><\/h2>\n<p>A simple and easy to use web-based tool for database relation diagram. It provides several ways to generate the digaram; you can do it manually by clicking on the \u201c+ Table\u201d to create a new table, import it from a file, or from a database with <a target=\"_blank\" href=\"https:\/\/tableplus.com\/\" rel=\"noopener noreferrer\">TablePlus<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/diagramplus.jpg\" alt=\"DiagramPlus\" width=\"750\" height=\"470\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/muesli\/duf\" rel=\"noopener noreferrer\">Duf<\/a><\/h2>\n<p><strong>Duf<\/strong> is an command line utility for monitoring disk usage on your server. Normally, you can do it as well with the native command <code>du<\/code>, but <code>duf<\/code> makes it way more appealing. Just see the screenshot.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/duf.jpg\" alt=\"Duf\" width=\"750\" height=\"470\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/www.cloudflare.com\/en-gb\/web-analytics\/\" rel=\"noopener noreferrer\">CloudFlare Web Analytics<\/a><\/h2>\n<p>In the time of the writing, Cloudflare has just celebrated their 10th birthday and announce a line up of new interesting feature in their platform. One of which is <strong>Cloudflare Web Analytics<\/strong>. It\u2019s built with privacy-first in mind, it\u2019s lightweight, and accurate.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/cloudflare-web-analytics.jpg\" alt=\"CloudFlare Web Analytics\" width=\"750\" height=\"470\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/lea.verou.me\/2020\/09\/the-failed-promise-of-web-components\/\" rel=\"noopener noreferrer\">Failed Promise of Web Components <\/a><\/h2>\n<p>A very greate article from Lea Verou. Web Component was very promising, and would change the way we build website but apparently it failed. Build web component requires a steep learning curve. It could also be as complicated as learning web framework with complicated NPM dependencies.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/cloudflare-web-analytics.jpg\" alt=\"Failed Promise of Web Components\" width=\"750\" height=\"470\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/tighten\/takeout\" rel=\"noopener noreferrer\">Takeout<\/a><\/h2>\n<p>Takeout is a CLI tool to make it easier for to spin-up development environment and its dependencies. With takeout you can simply run the short command line <code>takeout<\/code> which is so much more convenient than the lengthy <code>docker-compose<\/code> CLI.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/takeout.jpg\" alt=\"Takeout\" width=\"750\" height=\"470\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/two-factor\/\" rel=\"noopener noreferrer\">Two-factor<\/a><\/h2>\n<p>Two-factor is a WordPress official plugin that will be merged to core. The plugin provides several ways two-factor authentication includning using the email address, OTP, physical key, or provide your own authentication method. It\u2019s a Work in Progress (WIP) but you can install it now from the WordPress.org repository.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/two-factor.jpg\" alt=\"Two-factor\" width=\"750\" height=\"470\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/okonet\/lint-staged\" rel=\"noopener noreferrer\">Lint Staged<\/a><\/h2>\n<p>Lint stage is an NPM package that provides a bundle of utility to <code>lint<\/code> your code before it\u2019s commited and pushed to <a target=\"_blank\" href=\"https:\/\/git-scm.com\/\" rel=\"noopener noreferrer\">Git<\/a>. It helps you to keep your code all clean and neat automatically.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/lint-staged.jpg\" alt=\"Lint Staged\" width=\"750\" height=\"470\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/tailwindlabs\/headlessui\" rel=\"noopener noreferrer\">Headless UI<\/a><\/h2>\n<p>A collection of resuable elements built on top TailwindCSS. At the time of the writing, it\u2019s available for React.js and Vue.js and will soon available for Alpine.js.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/headless.jpg\" alt=\"Headless UI\" width=\"750\" height=\"470\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/vasanthv\/talk\" rel=\"noopener noreferrer\">Talk<\/a><\/h2>\n<p>A free video call app that you can install on your own server. It\u2019s built using the standard WebRTC. It\u2019s optmium for up 6-8 participants. A great tool to start your own video conference.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/talk.jpg\" alt=\"Talk\" width=\"750\" height=\"470\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/iamkun\/dayjs\" rel=\"noopener noreferrer\">Day.js<\/a><\/h2>\n<p><strong>Day.js<\/strong> is a JavaScript library that allows developer to display time and date that works across different browsers. As Moment.js is discontinued Day.js has been referred as to one of the best library as the replacement.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/dayjs.jpg\" alt=\"Day.js\" width=\"750\" height=\"470\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/www.librenms.org\/\" rel=\"noopener noreferrer\">LibreNMS<\/a><\/h2>\n<p>A network monitoring system based on PHP. It\u2019s capable of discovering many types of network including CDP, FDP, and LLDP. It\u2019s also equipped with customisable reporting, APIs, and accessible from its native iOS and Android app. If you\u2019re a SysAdmin, this seems would be a very helpful tool to utilise for the job.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/librenms.jpg\" alt=\"LibreNMS\" width=\"750\" height=\"470\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/spree\/spree\" rel=\"noopener noreferrer\">Spree<\/a><\/h2>\n<p>Built with <a target=\"_blank\" href=\"https:\/\/rubyonrails.org\/\" rel=\"noopener noreferrer\">Ruby on Rails<\/a>, Spree lets developer set up and running an e-Commerce site quickly. And supercharge the site with seamless integration to external services such as Stripe, Braintree, UPS, DHL, Facebook, and many more.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/spree.jpg\" alt=\"Spree\" width=\"750\" height=\"470\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/solidusio\/solidus\" rel=\"noopener noreferrer\">Solidus<\/a><\/h2>\n<p>An e-commerce application built on top of Ruby. It is designed to be scalable, reliable, and flexible. It would fit in to your business, whether it a small business or an enterprise.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/soidus.jpg\" alt=\"Solidus\" width=\"750\" height=\"470\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/evanw\/esbuild\" rel=\"noopener noreferrer\">ESBuild<\/a><\/h2>\n<p>An JavaScript bundler and minifier to pack JavaScript and TypeScript code for the web. Built on top of the <strong><a target=\"_blank\" href=\"https:\/\/go.dev\/\" rel=\"noopener noreferrer\">Go<\/a><\/strong> language and with that it\u2019s extremely fast compared to the other <strong>Node.js<\/strong> based tools.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/esbuild.jpg\" alt=\"ESBuild\" width=\"750\" height=\"470\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/gofiber\/fiber\" rel=\"noopener noreferrer\">Fiber<\/a><\/h2>\n<p>Fiber is a web framework built on top of the Go language. It aims to make web development fast as well as load so much faster compare to a similar web framework like <a target=\"_blank\" href=\"https:\/\/expressjs.com\/\" rel=\"noopener noreferrer\">Express<\/a> which is built with Node.js.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/gofiber.jpg\" alt=\"Fiber\" width=\"750\" height=\"470\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/docker-mailserver\/docker-mailserver\" rel=\"noopener noreferrer\">Docker Mailserver<\/a><\/h2>\n<p>A full stack Docker image for mailserver and more. It supports standard mail protocols such as SMTP, IMAP, and <strong>some antivirus scanners<\/strong>. It\u2019s a quite interesting stack for a Docker image.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/docker-mailserver.jpg\" alt=\"Docker Mailserver\" width=\"750\" height=\"470\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/www.montferret.dev\/\" rel=\"noopener noreferrer\">Ferret<\/a><\/h2>\n<p>A tool for scrapping website to simplify data extraction from a web for testing, machine learning, and analytics. It\u2019s portable, extensible, and comes with a syntax on its own as well as supports both dynamic website and static website.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/ferret.jpg\" alt=\"Ferret\" width=\"750\" height=\"470\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/kognise\/water.css\" rel=\"noopener noreferrer\">Water.css<\/a><\/h2>\n<p>A simple collection of CSS styles aim to make the website, by default, look a little bit better. It\u2019s responsive, style is configurable, and <a target=\"_blank\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/@media\/prefers-color-scheme\" rel=\"noopener noreferrer\">supports the Light and Dark mode<\/a>. You can drop the style URL on the page. It just works.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/water.jpg\" alt=\"Water.css\" width=\"750\" height=\"470\"><\/figure>\n<h2><a target=\"_blank\" href=\"https:\/\/github.com\/Foundry376\/Mailspring\" rel=\"noopener noreferrer\">Mailspring<\/a><\/h2>\n<p>A nice mail client for everyone whether you\u2019re using macOS, Windows, or Linux. It\u2019s themeable; meaning that you can customise the appearance to fit in your design preference. It\u2019s also extensible; developer can build a plugin for to add in a new functionality.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/mailspring.jpg\" alt=\"Mailspring\" width=\"750\" height=\"470\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>Even though that the website would mostly consist of HTML, CSS, and JavaScript, it is built with many languages on the backend. We can also build website with Ruby, PHP, Python, Go, Java, etc. So, in this installment of the series, we are going to try widening our coverage of the list. You will find&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.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (October 2020) - Hongkiat<\/title>\n<meta name=\"description\" content=\"Even though that the website would mostly consist of HTML, CSS, and JavaScript, it is built with many languages on the backend. We can also build website\" \/>\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-10-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 (October 2020)\" \/>\n<meta property=\"og:description\" content=\"Even though that the website would mostly consist of HTML, CSS, and JavaScript, it is built with many languages on the backend. We can also build website\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-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-10-12T13:16:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/playwright-python.jpg\" \/>\n<meta name=\"author\" content=\"Thoriq Firdaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@tfirdaus\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thoriq Firdaus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2020\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2020\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (October 2020)\",\"datePublished\":\"2020-10-12T13:16:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2020\\\/\"},\"wordCount\":876,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-10-2020\\\/playwright-python.jpg\",\"keywords\":[\"Tools for Designers &amp; Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2020\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2020\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (October 2020) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2020\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2020\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-10-2020\\\/playwright-python.jpg\",\"datePublished\":\"2020-10-12T13:16:07+00:00\",\"description\":\"Even though that the website would mostly consist of HTML, CSS, and JavaScript, it is built with many languages on the backend. We can also build website\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2020\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2020\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2020\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-10-2020\\\/playwright-python.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-10-2020\\\/playwright-python.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-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 (October 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 (October 2020) - Hongkiat","description":"Even though that the website would mostly consist of HTML, CSS, and JavaScript, it is built with many languages on the backend. We can also build website","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-10-2020\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (October 2020)","og_description":"Even though that the website would mostly consist of HTML, CSS, and JavaScript, it is built with many languages on the backend. We can also build website","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2020\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2020-10-12T13:16:07+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/playwright-python.jpg","type":"","width":"","height":""}],"author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2020\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2020\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (October 2020)","datePublished":"2020-10-12T13:16:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2020\/"},"wordCount":876,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/playwright-python.jpg","keywords":["Tools for Designers &amp; Developers"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2020\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2020\/","name":"Fresh Resources for Web Designers and Developers (October 2020) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2020\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2020\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/playwright-python.jpg","datePublished":"2020-10-12T13:16:07+00:00","description":"Even though that the website would mostly consist of HTML, CSS, and JavaScript, it is built with many languages on the backend. We can also build website","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2020\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2020\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2020\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/playwright-python.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2020\/playwright-python.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-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 (October 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-dEs","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/52480","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=52480"}],"version-history":[{"count":1,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/52480\/revisions"}],"predecessor-version":[{"id":52481,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/52480\/revisions\/52481"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=52480"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=52480"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=52480"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=52480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}