{"id":58236,"date":"2021-11-30T23:01:04","date_gmt":"2021-11-30T15:01:04","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=58236"},"modified":"2025-04-21T19:44:58","modified_gmt":"2025-04-21T11:44:58","slug":"designers-developers-monthly-11-2021","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2021\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (November 2021)"},"content":{"rendered":"<p>One thing that I love about the Web development industry is that we, as developers, keep innovating to improve the web. This is why we\u2019ve always found new exciting <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/fresh-resources-developers\/\">tools and resources<\/a> to feature on our list.<\/p>\n<p>In this round of the series, we have a tool to create nice realistic shadows using <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/series-html5-css3-tuts\/\/\">CSS3<\/a>, several new frameworks and libraries for <a href=\"https:\/\/www.hongkiat.com\/blog\/getting-started-react-js\/\">React.js<\/a>, and <a href=\"https:\/\/www.hongkiat.com\/blog\/how-to-upgrade-php\/\">PHP<\/a>.<\/p>\n<p>Without further ado, let\u2019s jump in to see the full list.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-58236-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-58236-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:\/\/github.com\/freescout-helpdesk\/freescout\">Freescout<\/a><\/h2>\n<p>Freescout is a lightweight help desk application built with Laravel. You can use it to help <a href=\"https:\/\/www.hongkiat.com\/blog\/help-desk-ticketing-systems\/\">manage your customer tickets<\/a>, mailbox, and conversations. It\u2019s open-source, free, and packed with features. <\/p>\n<p>Freescout is overall a great <strong>alternative to the paid-platform app like <a rel=\"nofollow noopener\" target=\"_blank\" class=\"js-aw-brand-link\" data-feed=\"ZvisSGyMi3bXTxWP499DKvYqQKyC9zFK\" href=\"https:\/\/www.hongkiat.com\/blog\/go\/zendesk-helpdesk\">Zendesk<\/a> and Help Scout<\/strong>, especially if you value and need control over your data.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Freescout\" height=\"640\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/mailbox.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.joshwcomeau.com\/shadow-palette\">Shadow Palette<\/a><\/h2>\n<p>A little GUI tool that allows you to create a <strong>more realistic drop shadow for your website<\/strong>. You can customize several shadow properties, such as the light position, color, and opacity. The tool will generate the <strong>CSS rules that you can copy and implement<\/strong> on your website.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Shadow Palette Generator\" height=\"640\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/shadow-palette-generator.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/relay.firefox.com\/\">Firefox Relay<\/a><\/h2>\n<p>Relay is a service from Firefox that allows you to <strong>create an email alias of your real email address<\/strong>. You can create several email aliases of one email address and use them when signing up on websites like e-Commerce, membership, subscription, etc. It\u2019s a great service to <a href=\"https:\/\/www.hongkiat.com\/blog\/safeguard-online-privacy\/\">protect your online privacy<\/a> further.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Firefox Relay\" height=\"640\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/firefox-relay.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/svgco.de\/\">SVGCode<\/a><\/h2>\n<p>A little online app to <strong><a href=\"https:\/\/www.hongkiat.com\/blog\/psd-text-svg\/\">convert raster images into SVG easily<\/a><\/strong>. The tool supports several image formats, including JPG, PNG, and WebP. It\u2019s built with the \u201cProgressive Web App\u201d approach, which means even if you\u2019re offline, the app is still going to work. Simply drag-n-drop any image onto the app, and it\u2019s all set.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"SVGCode\" height=\"579\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/svgcode.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/framework-x.org\/\">Framework X<\/a><\/h2>\n<p>A simple <strong>framework to create a reactive application using PHP<\/strong>. Internally, it leverages some PHP extensions like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.php.net\/manual\/en\/class.swoole-coroutine.php\">Coroutines<\/a> and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wiki.php.net\/rfc\/fibers\">Fibers<\/a> (available since PHP8.1) to handle the concurrent and async operations akin to Node.js. You can use Framework X everywhere that runs PHP, including shared hosting.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Framework X\" height=\"640\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/php-x-framework.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/hydrogen.shopify.dev\/\">Shopify Hydrogen<\/a><\/h2>\n<p>Hydrogen is a new <a href=\"https:\/\/www.hongkiat.com\/blog\/react-js-web-developers-toolkit\/\">React.js framework<\/a> from the team at Shopify. It has building blocks to create a custom Shopify storefront, such as utility functions, custom React.js hooks, and components. <\/p>\n<p>If you\u2019re looking to build a Headless store with Shopify, this framework has covered you with the necessities.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Shopify Hydrogen\" height=\"640\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/shopify-hydrogen.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/frappe\/charts\">Frappe Charts<\/a><\/h2>\n<p>A <strong>lightweight JavaScript library to <a href=\"https:\/\/www.hongkiat.com\/blog\/22-useful-chart-graph-diagram-generators\/\">create a chart<\/a><\/strong>. You can install it as an NPM module or load the JavaScript file on your webpage like in the old days. <\/p>\n<p>It supports several types of charts, including bar and pie charts. It\u2019s also <strong>responsive and fast<\/strong> since it is not dependent on other external JavaScript libraries.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Frappe Charts\" height=\"525\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/frappe-charts.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/developer.chrome.com\/docs\/devtools\/recorder\/\">Chrome DevTools Recorder<\/a><\/h2>\n<p>Google Chrome has just made an improvement to the DevTools with a feature called \u201cRecorder\u201d. This feature allows you to <strong>record your website interaction<\/strong>. <\/p>\n<p>You can replay the recorded interaction or emulate it with certain environments and conditions. It provides a better measure on real web application performance.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Chrome DevTools Recorder\" height=\"640\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/chrome-devtools-recorder.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/remix.run\/\">Remix<\/a><\/h2>\n<p>Remix is a new <strong>full-stack React.js framework<\/strong> that provides an abstraction to build a better website. It handles routing, error requests, and other tiny details of building a website with great user experience \u2014 out of the box. The framework will help web developers become more productive.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Remix\" height=\"640\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/remix.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/redux-toolkit.js.org\/\">Redux Toolkit<\/a><\/h2>\n<p>An official collection of tools from Redux that aims to make developing a website with <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/redux.js.org\/\">Redux<\/a> more efficient. It includes some utility functions and configs for common use cases.<\/p>\n<p>This way, you can be more productive instead of befuddling with the configurations and the boilerplates, which can be a bit cumbersome.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Redux Toolkit\" height=\"640\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/redux-toolkit.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/alan2207\/bulletproof-react\">Bulletproof React<\/a><\/h2>\n<p>A <strong>collection of tips, advice, and best practices for developing React.js application<\/strong>. Here you will learn a lot of topics surrounding app architecture, project structure, styling, state management, and a lot more. If you want to improve your React.js skills, you should definitely have it bookmarked.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Bulletproof React\" height=\"640\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/bulletproof-react.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/echarts.apache.org\/\">Apache EChart<\/a><\/h2>\n<p>An open-source initiative from Apache, EChart is more than just a chart JavaScript library. It\u2019s a <strong>robust collection of interactive charts with animations<\/strong>, and with an overall better visual. This allows you to convey the data to the users better than a static chart.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Apache EChart\" height=\"640\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/echart.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/goabstract\/Awesome-Design-Tools\">Awesome Design Tools<\/a><\/h2>\n<p>This resource contains a massive list of tools for designers from various categories. Here you can find tools for <strong>accessibility, prototyping, sketching, stock assets<\/strong> (icons, photos, etc.), and a lot more. I\u2019m pretty sure many designers will find this list extremely useful.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Awesome Design Tools\" height=\"640\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/awesome-design-tools.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/localstack\/localstack\">Localstack<\/a><\/h2>\n<p>Localstack is a <strong>fully-functioning local AWS cloud stack<\/strong>. This means you can develop, run and test your AWS application offline. It supports several AWS services, including AWS Lambda, S3, DynamoDB, Kinesis, SQS, and SNS. <\/p>\n<p>Having AWS stack run locally will help you speed up and simplify the testing and development workflow of your application.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Localstack\" height=\"640\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/localstack.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.founderresources.io\/\">Founder Resources<\/a><\/h2>\n<p>A collection of resources like tools and content for those who\u2019d like to start their journey as a business or startup founder. Being an entrepreneur is not easy. So get this list bookmarked and get prepared.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Founder Resources\" height=\"697\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/founder-resources.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/egulias\/EmailValidator\">EmailValidator<\/a><\/h2>\n<p>A <strong>PHP library that makes it easy to validate an email address<\/strong>. It provides several methods of validation, including validation through the email <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/datatracker.ietf.org\/doc\/html\/rfc2822\">RFC<\/a>, DNS, or you can also write your own validation.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"EmailValidator\" height=\"640\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/php-email-validator.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/sickcodes\/Docker-OSX\">Docker OSX<\/a><\/h2>\n<p>A Docker image that allows you to run a container with macOS. This is another cool stuff to help effectively test your application and ensure that it runs across different platforms.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Docker OSX\" height=\"500\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/docker-container-macos.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/fonoster\/fonoster\">Fonoster<\/a><\/h2>\n<p>An open-source alternative to Twilio. It allows you to <strong>run a stack application from VOIP, SMS, mail, chat, and video<\/strong> on your server. A great alternative for those who\u2019d like to have full control over their platform and the data.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Fonoster\" height=\"496\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/fonoster.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/archtechx\/tenancy\">Laravel Tenancy<\/a><\/h2>\n<p>A <strong>robust PHP library to set up multitenancy in Laravel<\/strong>. This allows you to run a single Laravel application with multiple database connections. It works seamlessly and works out-of-the-box with several popular Laravel packages like Vapor, Nova, Livewire, and a lot more.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Laravel Tenancy\" height=\"640\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/laravel-tenancy.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/swiperjs.com\/\">SwiperJS<\/a><\/h2>\n<p>A <strong>modern JavaScript library to create a slider<\/strong>. Designed and intended to be used on mobile websites and apps. SwiperJS is framework agnostic, allowing you to use any framework, including jQuery and Zepto. <\/p>\n<p>On top of that, it also provides <strong>official integration that allows it to work out-of-the-box with some of the most popular modern frameworks<\/strong> like Vue.js, React.js, Svelte and Angular.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"SwiperJS\" height=\"640\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/swiperjs.jpg\" width=\"1000\"><\/figure>\n<hr>","protected":false},"excerpt":{"rendered":"<p>One thing that I love about the Web development industry is that we, as developers, keep innovating to improve the web. This is why we\u2019ve always found new exciting tools and resources to feature on our list. In this round of the series, we have a tool to create nice realistic shadows using CSS3, several&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":[4655,4668,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 (November 2021) - Hongkiat<\/title>\n<meta name=\"description\" content=\"One thing that I love about the Web development industry is that we, as developers, keep innovating to improve the web. This is why we&#039;ve always found new\" \/>\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-2021\/\" \/>\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 2021)\" \/>\n<meta property=\"og:description\" content=\"One thing that I love about the Web development industry is that we, as developers, keep innovating to improve the web. This is why we&#039;ve always found new\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2021\/\" \/>\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=\"2021-11-30T15:01:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T11:44:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/mailbox.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=\"9 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-2021\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2021\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (November 2021)\",\"datePublished\":\"2021-11-30T15:01:04+00:00\",\"dateModified\":\"2025-04-21T11:44:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2021\\\/\"},\"wordCount\":1098,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2021\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2021\\\/mailbox.jpg\",\"keywords\":[\"appwiki\",\"gc\",\"Tools for Designers &amp; Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2021\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2021\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (November 2021) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2021\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2021\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2021\\\/mailbox.jpg\",\"datePublished\":\"2021-11-30T15:01:04+00:00\",\"dateModified\":\"2025-04-21T11:44:58+00:00\",\"description\":\"One thing that I love about the Web development industry is that we, as developers, keep innovating to improve the web. This is why we've always found new\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2021\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2021\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2021\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2021\\\/mailbox.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2021\\\/mailbox.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2021\\\/#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 2021)\"}]},{\"@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 2021) - Hongkiat","description":"One thing that I love about the Web development industry is that we, as developers, keep innovating to improve the web. This is why we've always found new","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-2021\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (November 2021)","og_description":"One thing that I love about the Web development industry is that we, as developers, keep innovating to improve the web. This is why we've always found new","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2021\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2021-11-30T15:01:04+00:00","article_modified_time":"2025-04-21T11:44:58+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/mailbox.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":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2021\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2021\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (November 2021)","datePublished":"2021-11-30T15:01:04+00:00","dateModified":"2025-04-21T11:44:58+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2021\/"},"wordCount":1098,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2021\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/mailbox.jpg","keywords":["appwiki","gc","Tools for Designers &amp; Developers"],"articleSection":["Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2021\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2021\/","name":"Fresh Resources for Web Designers and Developers (November 2021) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2021\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2021\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/mailbox.jpg","datePublished":"2021-11-30T15:01:04+00:00","dateModified":"2025-04-21T11:44:58+00:00","description":"One thing that I love about the Web development industry is that we, as developers, keep innovating to improve the web. This is why we've always found new","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2021\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2021\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2021\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/mailbox.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2021\/mailbox.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2021\/#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 2021)"}]},{"@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-f9i","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/58236","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=58236"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/58236\/revisions"}],"predecessor-version":[{"id":73986,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/58236\/revisions\/73986"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=58236"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=58236"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=58236"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=58236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}