Best of Google Chrome2022

  1. 1
    Article
    Avatar of communityCommunity Picks·4y

    Speech Recognition with JavaScript

    Speech recognition API was added to the specs and we got partial support on Chrome, Safari, Baidu, Android webview, iOS safari, samsung internet and Kaios browsers (see browser support in detail) The implementation I made currently supports English and Spanish just to showcase.

  2. 2
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·4y

    How to Debug Like a Pro

    Being a web developer one must be aware of some awesome debugging techniques. To be honest, I have been using console.log() along with debugger to debug my code, but debugging is not limited to these two.

  3. 3
    Article
    Avatar of devtoDEV·4y

    What is CORS?

    Cross-Origin Resource Sharing (CORS) is an HTTP-based security mechanism controlled and enforced by the client. It allows a service to indicate any origin other than its own from which the client can request resources. A request may be blocked by CORS policy not only because of the incorrect origin, but also incorrect HTTP header, HTTP method or Cookie header. How to fix CORS error?

  4. 4
    Article
    Avatar of hnHacker News·4y

    8 reasons to ditch Chrome and switch to Firefox

    Using Firefox can boost your PC’s performance, better protect you on the web, and also make life more convenient. It offers built-in features that don’t exist in Chrome or otherwise require third-party add-ons. Firefox also stops cryptominers from accessing your device, aka cryptojacking.

  5. 5
    Article
    Avatar of communityCommunity Picks·4y

    I've started using Mozilla Firefox and now I can never go back to Google Chrome

    Google Chrome has an array of AdBlock extensions that keeps your data out of the hands of marketing firms. Mozilla Firefox has far more than that and a sizable amount is devoted to blocking the vast array of internet trackers used by most sites. Unlike Chrome, Firefox is extremely anti-tracking to the point that outside forces (whether work or school) are unable to install tracking extensions and programs into the browser.

  6. 6
    Article
    Avatar of phProduct Hunt·3y

    Bito AI - A Swiss Army knife in your IDE that can 10x your dev life

    A Swiss Army knife in your IDE can 10x your dev life. Free Bito’s AI Assistant can help you write code, understand syntax, write test cases, explain code, check security, and even explain high level concepts.

  7. 7
    Article
    Avatar of chromeChrome Developers·4y

    Modern web debugging in Chrome DevTools

    Chrome DevTools has an extra setting enabled by default: Automatically add known third-party scripts to ignore list. With this setting enabled, DevTools hides any file or folder that a framework or build tool has marked as to ignore. This is a preview feature available in Chrome Canary from version 106.

  8. 8
    Article
    Avatar of phProduct Hunt·4y

    JSON Hero Chrome extension - A beautiful JSON explorer packed with features

    The new JSON Hero Chrome extension lets you easily use JSON Hero from Chrome for plain JSON blobs. Or extract and open Firestore documents, Github files, and Open Graph metadata. And since JSON Hero is open source, you can even point to your own instance of the service.

  9. 9
    Article
    Avatar of phProduct Hunt·4y

    Tailwind Cheat Sheet - Your easy access to Tailwind's classes

    Chrome extension to easily access Tailwind's classes. The extension provides following features: Easily accessible tailwind classes. Click on the class to copy the same to clipboard. Search for classes using the search function in Tailwind. Open Source. Back to Mail Online home. back to the page you came from.

  10. 10
    Article
    Avatar of webweb.dev·4y

    CSS border animations

    There are a few methods available to set a border on an element: border, outline, and box-shadow. Each approach comes with its own advantages and disadvantages, especially when it comes to animating the borders. The main reason to not use a proper CSS border is for animation purposes. The border-image does not follow the border-radius. does not following the border radius.

  11. 11
    Article
    Avatar of pointerPointer·4y

    mikeroyal/Self-Hosting-Guide: Self-Hosting Guide. Learn all about locally hosting(on premises & private web servers) and managing software applications by yourself or your organization.

    Most self-hosted software can be installed using Docker, a packaging system which allows software to bundle their configuration and dependencies. Shipwright is a WebUI to generate templates for Yacht, Portainer, Docker-Compose, and Unraid. Dozzle is a small lightweight application with a web based interface to monitor Docker logs. Diun is a tool that receive notifications when a Docker image is updated.

  12. 12
    Article
    Avatar of gcgitconnected·4y

    Why Firefox Deserves Its Sad Decline…

    Mozilla Firefox was the very first web browser to popularize the idea of “tabs”(Thanks chrome) It was the first browser to start its own download manager, independent of the operating system. In June 2008, Firefox set the world record for having the most “unique downloads in one day”

  13. 13
    Article
    Avatar of asayerasayer·4y

    How to use Chrome as a Code Editor and Debugger

    Chrome is a great browser to use for development. It has a number of tools that can be used to improve your code. The following sections describe how to use Chrome’s editing and debugging facilities. We also show you how to make changes to your code that are not permanent.

  14. 14
    Article
    Avatar of hashnodeHashnode·4y

    A Complete Guide to Debugging Javascript in Chrome

    Chrome DevTools is a comprehensive developer toolkit with various web authoring and debugging tools. It is built directly into the Chrome browser and gives developers a deeper understanding of their applications. This article teaches you how to debug JavaScript code using the Chrome Dev tools.

  15. 15
    Article
    Avatar of hashnodeHashnode·4y

    How to Debug Better with Chrome

    Google Chrome is probably the most widely used and popular web browser among developers. It has gradually become the preferred web browser for most developers to test and debug their websites and web apps. Google Chrome provides developers with the ability to debug most web applications with the built-in developer tools (aka DevTools) within the browser.

  16. 16
    Article
    Avatar of hashnodeHashnode·4y

    Best Chrome Extensions to boost GitHub

    Chrome extensions are software packages that introduce additional functionalities to your Chrome browser. They enable you to personalize your web-browsing experience by adding features with a single mouse click. Since GitHub is one of the most comprehensive platforms for developers, this roundup will cover some of the best and most useful GitHub Chrome extensions.

  17. 17
    Article
    Avatar of asayerasayer·3y

    Building Chrome Extensions for Beginners -- Part 1: Theory

    The primary goal of this series is to introduce the basic concepts of Chrome Extensions. At the end of the series, you will have a Pomodoro timer extension built with Javascript. To build any Chrome extension, we must rely on the Chrome developers’ documentation. This is the single source of truth for anything extension related.

  18. 18
    Article
    Avatar of freecodecampfreeCodeCamp·4y

    How to Create Your Own Google Chrome Extension

    A chrome extension is a program that is installed in the Chrome browser. You can build one easily using web technologies like HTML, CSS, and JavaScript. We will be looking into how to create this extension in this blog post. The complete source code of this project can be found on GitHub.

  19. 19
    Article
    Avatar of asayerasayer·4y

    Drag-and-drop events in JavaScript

    The HTML Drag and Drop API is the API that provides us with drag-and-drop functionality in the browser. In this article, we will take a quick look at how it works so you can use it for your next big project.

  20. 20
    Article
    Avatar of hackernoonHacker Noon·4y

    How to Automate Your Linux Desktop

    In this tutorial, we will write a shell script and use X11 utilities to automate our Linux desktop. The objective of the article is to automatically set up our daily work environment with a single command. When I run the script, it will open the mail client in one workspace and open Reddit and Twitter websites in the chrome browser.

  21. 21
    Article
    Avatar of chromeChrome Developers·4y

    New in Chrome 104

    With Region Capture, a web app can define the specific area of the screen it wants to share. Shared Element Transitions uses CSS Animations, so you can change from a fade in effect, to slide in, or whatever you want.

  22. 22
    Article
    Avatar of chromeChrome Developers·4y

    New in Chrome 100

    Chrome 100 has a three digit version number. Multi-Screen Window Placement API makes it possible to enumerate the displays connected to a user's machine. Chrome 100 will be the last version to support an unreduced User-Agent string by default. Starting in Chrome 101, the user agent will be gradually reduced.

  23. 23
    Article
    Avatar of ishadeedAhmad Shadeed·3y

    CSS Style Queries

    The Chrome team released experimental support for a new proposed CSS spec, style queries. In short, they let us query the style of a container, rather than the size only. This can be helpful in cases where querying the container size isn’t enough.

  24. 24
    Article
    Avatar of tcTechCrunch·4y

    SigmaOS raises $4 million to build a browser for productivity nerds

    London-based startup SigmaOS is building a Mac browser for productivity nerds. The company has raised $4 million in seed funding led by LocalGlobe and participation from Y Combinator, 7percent Ventures, Moonfire Ventures, Shine VC, TrueSight Ventures, Pioneer Fund, and Venture Together.

  25. 25
    Article
    Avatar of phProduct Hunt·4y

    Chikamichi - Chrome extension that enables fuzzy search for anything