Build a Coronavirus Blocker Chrome Extension

This is a video purely for fun on the basics of building a Chrome extension. In this video I explore how to run JavaScript and CSS on a web page from an extension. I also look at how to change the content, text, and style of the web page through a single Chrome extension.

📚 Materials/References:

GitHub Code: https://github.com/WebDevSimplified/Coronavirus-Chrome-Extension

🧠 Concepts Covered:

How to create a Chrome extension
How to add JavaScript and CSS to a Chrome extension
How to modify the content of a page with a Chrome extension

#web-development #html #css #javascript #chrome

What is GEEK

Buddha Community

Build a Coronavirus Blocker Chrome Extension

Arvel Miller

1622258742

9 Chrome Extensions To Make Your Life Easier

It’s 2021 and I am brought here some fresh new chrome extensions. And no, I will not be covering popular ones like Grammarly, uBlock Origin, Dark Reader, etc.

Link to Text Fragment
Insist Instagram Client
Fready
WAToolkit
I don’t care about cookies
Buster — automatically solve google captchas
Custom Right-click Menu
Screenity
tabExtend

#chrome-extension #google-chrome #chrome #web-development #developer

Adam Jaco

1600076729

How to Build Your First Chrome Extension in 5 Minutes

Introduction

The Chrome web browser is very extensible. It seems like there is a plugin for just about everything you could ever possibly want.

Have you ever wanted to create your own Chrome extension? Have you ever wondered how difficult the process would be? Well, it turns out it is a lot easier than you ever imagined.

Image for post

source: My Computer

What is a Chrome Extension?

A Chrome extension is just some HTML, CSS, and JavaScript that allows you to add some functionality into the Chrome browser through some APIs.

Let’s get started!

#development #javascript #chrome #programming #chrome-extension

Dock Koelpin

1602957300

Step-by-Step Guide to Building and Launching your Chrome Extension

While building my first chrome extension, Foragear- Quick Search Tool, I struggled to find an article that covered the entire ideating, building, and launching process of chrome extensions. To make the lives of future chrome extension builders easier, here is an all-in-one guide to help you through the process.

Hopefully, this saves you the time of looking through and synthesizing information from multiple articles.

The article is broken down into the following sections:

Ideating: why Chrome extensions and what to build
Building: viewing the code of similar extensions
Building: Chrome extension architecture
Building: Chrome APIsBuilding: testing and troubleshooting
Launching: navigating the chrome web store submission process

Without further ado, let’s dive right into it.

Ideating: Why Chrome Extensions?

Ease of development- A key advantage of building browser extensions is its low barrier to entry. For beginner coders, extensions are generally easier to develop as compared to mobile applications or websites that deliver similar functionality and value.

Personally, a chrome extension was my first ever ‘live project’ and I completed the ideation, building, and launching process within 2 weeks as a beginner.

**Extent of reach- **From the graph below, it is clear that Chrome beats other browsers by a large margin in market share. To maximize the number of users that can download and use your browser extension, it therefore makes the most sense to build for Chrome. Once launched, your extension would be available for download by all Chrome users on the Chrome Web Store.

Why not just launch it on all browsers? That is possible, but you ultimately have to start with one browser, and chrome looks like the best bet. It is also important to note that while extensions may be adapted to work in different browsers, the codebase cannot be copied wholesale and may require significant editing.

If your application makes extensive use of browser-specific APIs, it would be a hassle to adapt it for another browser. Not all browsers may have corresponding analogous API with similar functionalities that you can tap into, and even if such APIs exist, the API functions may look slightly different.

#learning-to-code #software-architecture #web-development #chrome-extension #chrome #coding #tutorial #javascript

Garry Taylor

1580910000