--- title: Best Google Chrome posts of 2021 | daily.dev description: The most upvoted Google Chrome posts of 2021, curated by the daily.dev community. canonical: https://daily.dev/tags/google-chrome/best-of/2021 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/google-chrome/best-of/2021 og:type: website og:site_name: daily.dev og:title: Best Google Chrome posts of 2021 | daily.dev og:description: The most upvoted Google Chrome posts of 2021, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Google Chrome — 2021 1. 1 [](/posts/google-chrome-hidden-features-for-developers-0sc-uab50 "Google Chrome Hidden Features For Developers") Article Bits and Pieces · 5y Google Chrome Hidden Features For Developers Google Chrome Dev Tools is one of the most used tools among web developers. It has some amazing features that most developers are not aware of. In this article, I will discuss the top 5 Chrome DevTools experimental features every developer should try. Google Chrome Hidden Features Every Developer Should Know Google Chrome experiments you should try 205 24 2. 2 [](/posts/automa---a-chrome-extension-for-automating-your-browser-8siukuia5 "Automa - A chrome extension for automating your browser") Article Product Hunt · 5y Automa - A chrome extension for automating your browser An extension for automating your browser by connecting blocks. From auto-fill forms, to scraping data of the website, it's up to you what you want to do with this extension. It's free to download and use, and there are no plans to stop using it. 143 13 3. 3 [](/posts/10-google-chrome-extensions-you-should-use-as-a-developer-k1zjrq66h "10 Google Chrome Extensions you should use as a developer") Article DEV · 5y 10 Google Chrome Extensions you should use as a developer Here are some of the best Google Chrome extensions for developers. Extensions that make life easier, make you more productive, or perform an essential task better than a dedicated tool. As the vast majority of us use Chrome, it makes sense to consider Chrome extensions. Other browsers are available but Chrome is used by 62.6% of internet users. 129 14 4. 4 [](/posts/14-best-chrome-developer-tools-2021-6cpmqnpaj "14 Best Chrome Developer Tools 2021") Article Honeypot · 5y 14 Best Chrome Developer Tools 2021 Google Chrome is one of the most popular and reliable browsers. Chrome’s biggest selling point is its smooth integration with other Google apps. With this list, you’ll discover a few more gems to add to your toolbar. Web Developer extension is like a pocket knife, you can inspect elements and start debugging your website(s) 107 19 5. 5 [](/posts/firefox-is-the-only-alternative-j6hpfq2rc "Firefox is the Only Alternative") Article Changelog · 5y Firefox is the Only Alternative Almost all browsers these days are built on top of Chromium, Chrome's open-source version. Chrome and Safari control about 85% of the browser market share. Microsoft’s Edge commands only about 4%. Firefox is the only alternative to a complete Chrome hegemony. Google are going to be in complete control of web standards unless something drastically changes. 96 8 6. 6 [](/posts/new-in-chrome-93-taqoz3wio "New in Chrome 93") Article Chrome Developers · 5y New in Chrome 93 Chrome 93 will ship on September 21\. New PWA features include CSS Module Scripts and Multi-Screen Window Placement API. Installed PWAs can register as URL handlers, making it possible for users to jump straight into your PWA. The PWA Summit is coming up October 6-7. 95 4 7. 7 [](/posts/introduction-to-webassembly-wasm--36cgt9kif "Introduction to WebAssembly (WASM)") Article Medium · 5y Introduction to WebAssembly (WASM) As of today, 94% of installed browsers support WebAssembly. It enables near-native execution speed in a web browser, making it possible to port desktop applications (like AutoCAD) and video games (e.g. Doom 3) It has the potential to change websites from what we know them today to something much more. 88 1 8. 8 [](/posts/google-chrome-vs-chromium-what-s-the-difference---dlsaoe7i "Google Chrome vs Chromium: What’s the difference?") Article It's Foss · 5y Google Chrome vs Chromium: What’s the difference? Chromium is not an open-source web browser. Google Chrome adds proprietary code to Chromium, making Chrome a proprietary browser. Chromium comes with built-in support for high-quality media codecs. Netflix doesn’t work in Chromium by default. 86 4 9. 9 [](/posts/betterviewer---a-chrome-extension-for-better-image-viewing-experience-3yfsposzt "BetterViewer - A chrome extension for better image viewing experience") Article Product Hunt · 5y BetterViewer - A chrome extension for better image viewing experience BetterViewer was designed as a replacement for the image viewing mode built into Chrome-based web browsers. With BetterViewer you can use various keyboard shortcuts to quickly pan, zoom images, edit and a lot more. It's free to download and use, and there are no plans to stop using it. 70 4 10. 10 [](/posts/what-s-new-in-lighthouse-9-0-ubhfvminl "What's new in Lighthouse 9.0") Article Chrome Developers · 5y What's new in Lighthouse 9.0 Lighthouse 9.0 is available immediately on the command line, in Chrome Canary, and in PageSpeed Insights. It will land in Chrome stable in Chrome 98\. Lighthouse has a new user-flow API that allows lab testing at any point within a page's lifespan. Most users should not run into any workflow-breaking changes with this release. 68 3 11. 11 [](/posts/6-chrome-vs-code-extensions-for-backend-developers-cer0defsa "6 Chrome & VS Code Extensions For Backend Developers") Article DZone · 5y 6 Chrome & VS Code Extensions For Backend Developers This article shows you different extensions you can install in your Chrome or Firefox web browser or via Visual Studio Code. Many backend developers don’t know about extensions or are reluctant to use them. Yet, developers often overlook the benefits of using these extensions. Here’s a list of three Chrome extensions for backend devs with alternatives for each one. 65 4 12. 12 [](/posts/new-chrome-browser-0-day-under-active-attack-update-immediately--yohsutkyu "New Chrome Browser 0-day Under Active Attack—Update Immediately!") Article The Hacker News · 6y New Chrome Browser 0-day Under Active Attack—Update Immediately! Google releases Chrome 88.0.4324.150 for Windows, Mac, and Linux. The fix is for a heap buffer overflow flaw in its V8 JavaScript rendering engine. The security flaw was reported to Google by Mattias Buelens on January 24\. It's not immediately clear if CVE-2021-21148 was used in these attacks. 61 5 13. 13 [](/posts/secret-javascript-tricks-to-compete-with-your-fellow-super-fast-senior-dev-s-debugging-speed-2fzbf2opj "Secret JavaScript tricks to compete with your fellow super fast senior dev’s debugging speed") Article gitconnected · 5y Secret JavaScript tricks to compete with your fellow super fast senior dev’s debugging speed Secret JavaScript tricks to compete with your fellow super fast senior dev’s debugging speed. Using the Debugger Instead of Logging it Every Time. Logging an Array using console table and sorting the values. Live Expressions in Chrome Dev tool to value your JavaScript expressions real time. 56 13 14. 14 [](/posts/how-to-detect-unused-css-or-javascript-nztji1xfh "How to Detect Unused CSS or JavaScript") Article JavaScript in Plain English · 5y How to Detect Unused CSS or JavaScript Chrome DevTools is a powerful tool provided by Google. It can be used to help developers refactor large code bases. The tool can also be used by developers who have been working on the same codebase for a long time or who are new to the team. To use the tool, right click and inspecting using ‘Inspect’ 55 8 15. 15 [](/posts/new-chrome-0-day-bug-under-active-attacks-update-your-browser-asap--jlj7k-2fe "New Chrome 0-Day Bug Under Active Attacks – Update Your Browser ASAP!") Article The Hacker News · 5y New Chrome 0-Day Bug Under Active Attacks – Update Your Browser ASAP! Chrome users can update to the latest version (91.0.4472.101) by heading to Settings > Help > About Google Chrome to mitigate the risk associated with the flaw. The flaw stems from a type confusion issue in its V8 open-source and JavaScript engine. Google has addressed a total of seven zero-days in Chrome since the start of the year. 50 3 16. 16 [](/posts/5-chrome-flags-you-should-enable-ko87ohog9 "5 Chrome Flags You Should Enable") Article Bits and Pieces · 5y 5 Chrome Flags You Should Enable Chrome Flags are a set of experimental features provided by the Chrome browser. Although they are experimental, enabling them will increase your web development experience. In this article, I will introduce the top 5 Google Chrome Flags every developer should enable. Top 5 Chrome Flags for Developers: QuIC protocol, WebNotes Stylize, GPU rasterization, Side Panel. 44 6 17. 17 [](/posts/our-favorite-chrome-extensions-of-2021-zcqttwfoy "Our favorite Chrome extensions of 2021") Article CSS-Tricks · 5y Our favorite Chrome extensions of 2021 Sarem Gizaw lists some of his favorite Chrome extensions. Here are his top picks for the best of the bunch. Some of the most popular include Loom, Dark Reader and Wordtune. Others are less well-known, but some are worth a look. 43 9 18. 18 [](/posts/your-pwa-is-going-to-break-in-august-2021-thkxsp1wd "Your PWA is going to break in August 2021") Article JavaScript in Plain English · 6y Your PWA is going to break in August 2021 Google is pausing their plan to roll out this feature. Your PWA is going to break in August 2021\. 52% of all PWAs will break with Chrome 93\. Google doesn’t like its own solution. So instead you’ll have to build one yourself. That is, unless you can do better than the Dinosaur Game. 42 1 19. 19 [](/posts/how-i-built-my-own-productivity-app-xoyptepjv "How I built my own productivity app") Article Hashnode · 6y How I built my own productivity app With #christmashackathon, I decided to build my own productivity app. The idea was quite simple. All I wanted was a bunch of productivity tools like a Pomodoro clock, a to-do list, sticky notes altogether. The biggest challenge was turning a react app into a chrome extension. 41 2 20. 20 [](/posts/creating-a-chrome-extension-with-react-my8ot6vla "Creating a Chrome Extension with React") Article JavaScript in Plain English · 6y Creating a Chrome Extension with React Building a Chrome extension with React is easy. Here we will go through the process of building a Chrome Extension using React. After this, you can add more functionalities to it very conveniently. The extension can access your active tab and change the background colour of the page. We will use this script to build our app. 38 3 21. 21 [](/posts/devutils---everyday-utilities-for-the-everyday-developer-o-ouhlnuo "DevUtils - Everyday utilities for the everyday developer") Article Product Hunt · 5y DevUtils - Everyday utilities for the everyday developer 37 5 22. 22 [](/posts/awesome-404-page-templates-for-your-websites-hnnjcs4u0 "Awesome 404 Page Templates for your Websites") Article DEV · 6y Awesome 404 Page Templates for your Websites There are different HTTP response status codes. There are different 404-page templates for your website. Here are some cool 404 page templates for you to use. They include: Neon, Flashlight, Space, Console Style and Sassy 404 UI Study. They are designed for Chrome, Edge, Firefox, Opera, Safari browsers. 36 1 23. 23 [](/posts/my-guide-to-the-8-best-dev-tools-in-2021-t-xgone2j "My Guide to the 8 Best Dev Tools in 2021") Article Hacker Noon · 6y My Guide to the 8 Best Dev Tools in 2021 My Guide to the 8 Best Dev Tools in 2021\. Franz Rodenacker's list includes VSCode, Postman, Linx, Apache and Git. The list is worth $1,000,000 and is up for grabs. Read the rest of the article at: http://www.franzro.com/2021-dev-tools-for-2021. 26 1 24. 24 [](/posts/new-in-chrome-94-5fcbjorew "New in Chrome 94") Article Chrome Developers · 5y New in Chrome 94 The default color space for elements is now formally defined in the spec as SRGB, and you can change it to Display P3\. WebCodecs is a new, low level way to access built in audio and video codecs, important for streaming games, video editors, and such. The PWA Summit is coming up October 6-7. 25 1 25. 25 [](/posts/new-in-chrome-96-0c5lh5-6x "New in Chrome 96") Article Chrome Developers · 5y New in Chrome 96 The Chrome Dev Summit kicked off in New York on Wednesday. Chrome 96 includes new tools and features for developers. The manifest id property lets you specify a unique ID for your PWA. The protocol\_handlers property allows you to automatically register a PWA as a protocol handler. Priority hints are an experimental feature available in Chrome 96. 23 1 [See all Google Chrome archives](/tags/google-chrome/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/google-chrome/best-of/2021#page","url":"https://daily.dev/tags/google-chrome/best-of/2021","name":"Best Google Chrome Posts of 2021","description":"The most upvoted Google Chrome posts of 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/google-chrome/best-of/2021#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/google-chrome-hidden-features-for-developers-0sc-uab50","name":"Google Chrome Hidden Features For Developers"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/automa---a-chrome-extension-for-automating-your-browser-8siukuia5","name":"Automa - A chrome extension for automating your browser"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/10-google-chrome-extensions-you-should-use-as-a-developer-k1zjrq66h","name":"10 Google Chrome Extensions you should use as a developer"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/14-best-chrome-developer-tools-2021-6cpmqnpaj","name":"14 Best Chrome Developer Tools 2021"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/firefox-is-the-only-alternative-j6hpfq2rc","name":"Firefox is the Only Alternative"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/new-in-chrome-93-taqoz3wio","name":"New in Chrome 93"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/introduction-to-webassembly-wasm--36cgt9kif","name":"Introduction to WebAssembly (WASM)"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/google-chrome-vs-chromium-what-s-the-difference---dlsaoe7i","name":"Google Chrome vs Chromium: What’s the difference?"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/betterviewer---a-chrome-extension-for-better-image-viewing-experience-3yfsposzt","name":"BetterViewer - A chrome extension for better image viewing experience"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/what-s-new-in-lighthouse-9-0-ubhfvminl","name":"What's new in Lighthouse 9.0"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/6-chrome-vs-code-extensions-for-backend-developers-cer0defsa","name":"6 Chrome & VS Code Extensions For Backend Developers"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/new-chrome-browser-0-day-under-active-attack-update-immediately--yohsutkyu","name":"New Chrome Browser 0-day Under Active Attack—Update Immediately!"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/secret-javascript-tricks-to-compete-with-your-fellow-super-fast-senior-dev-s-debugging-speed-2fzbf2opj","name":"Secret JavaScript tricks to compete with your fellow super fast senior dev’s debugging speed"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/how-to-detect-unused-css-or-javascript-nztji1xfh","name":"How to Detect Unused CSS or JavaScript"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/new-chrome-0-day-bug-under-active-attacks-update-your-browser-asap--jlj7k-2fe","name":"New Chrome 0-Day Bug Under Active Attacks – Update Your Browser ASAP!"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/5-chrome-flags-you-should-enable-ko87ohog9","name":"5 Chrome Flags You Should Enable"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/our-favorite-chrome-extensions-of-2021-zcqttwfoy","name":"Our favorite Chrome extensions of 2021"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/your-pwa-is-going-to-break-in-august-2021-thkxsp1wd","name":"Your PWA is going to break in August 2021"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/how-i-built-my-own-productivity-app-xoyptepjv","name":"How I built my own productivity app"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/creating-a-chrome-extension-with-react-my8ot6vla","name":"Creating a Chrome Extension with React"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/devutils---everyday-utilities-for-the-everyday-developer-o-ouhlnuo","name":"DevUtils - Everyday utilities for the everyday developer"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/awesome-404-page-templates-for-your-websites-hnnjcs4u0","name":"Awesome 404 Page Templates for your Websites"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/my-guide-to-the-8-best-dev-tools-in-2021-t-xgone2j","name":"My Guide to the 8 Best Dev Tools in 2021"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/new-in-chrome-94-5fcbjorew","name":"New in Chrome 94"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/new-in-chrome-96-0c5lh5-6x","name":"New in Chrome 96"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Google Chrome","item":"https://daily.dev/tags/google-chrome"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/google-chrome/best-of"},{"@type":"ListItem","position":5,"name":"2021"}]}]} ```