Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

60 second tutorial on Chrome extensions! ✨ ICYMI, learn how to build a Chrome extension with only 15 lines of code!

nutlope's profile picture

Hassan

90,618 subscribers

133,072 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & TechnologieBildungComedy
LIVE

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von Hassan
Hassanvor 1 Jahr

Here's the code for the extension we build in the video!

Profilbild von Gustav Ekerot
Gustav Ekerotvor 1 Jahr

👍...I have been building browser extensions for over 3 years if anyone wants some specific tips, DMs open!

Profilbild von CRANQ
CRANQvor 1 Jahr

Doing top work Hassan, great to see this. Being in the Plugin Business currently, fascinating to see how easy it is to achieve.

Profilbild von Hassan
Hassanvor 1 Jahr

Thank you! Yeah it's easier than it looks tbh

Profilbild von Priyanshu Indra
Priyanshu Indravor 1 Jahr

great one minute tutorial... 🙌🙌

Profilbild von Hassan
Hassanvor 1 Jahr

Thank you!

Profilbild von Marwan Elwaraki 🇵🇸🕌
Marwan Elwaraki 🇵🇸🕌vor 1 Jahr

This is the best 1 minute tutorial I’ve ever seen. Not rushed but also no time wasted. Incredible

Profilbild von Hassan
Hassanvor 1 Jahr

High praise, thank you!

Profilbild von Michael Li
Michael Livor 1 Jahr

Resume updated. Thank you sir!

Profilbild von Hassan
Hassanvor 1 Jahr

Haha nice!

Ähnliche Videos

How to find the manifest.json file of any Chrome extension: 1. Go to chrome://extensions 2. Turn on Developer mode 3. Copy the extension ID 4. Go to ~/Library/Application Support/Google/Chrome/Default/Extensions 5. Find the matching ID then find the manifest.json file!
0:32

How to find the manifest.json file of any Chrome extension: 1. Go to chrome://extensions 2. Turn on Developer mode 3. Copy the extension ID 4. Go to ~/Library/Application Support/Google/Chrome/Default/Extensions 5. Find the matching ID then find the manifest.json file!

Critical Thinking - Bug Bounty Podcast

26,088 Aufrufe • vor 1 Jahr

Vibe coded a Chrome extension... so I can vibe code on CodePen.IO
0:45

Vibe coded a Chrome extension... so I can vibe code on CodePen.IO

mrdoob

51,820 Aufrufe • vor 6 Monaten

How I created a Chrome Extension using Cursor in less than 2 hours (Without writing a single line of code and without knowing anything about programming) Step-by-step beginner tutorial:
14:18

How I created a Chrome Extension using Cursor in less than 2 hours (Without writing a single line of code and without knowing anything about programming) Step-by-step beginner tutorial:

Moritz Kremb

257,671 Aufrufe • vor 1 Jahr

🚨BREAKING Claude is officially browser-native. The new Claude for Chrome extension runs end-to-end workflows in Chrome 🤯 You can: → Pull dashboard data into one analysis doc → Handle slide comments automatically → Build with Claude Code, test directly in Chrome and more!
1:35

🚨BREAKING Claude is officially browser-native. The new Claude for Chrome extension runs end-to-end workflows in Chrome 🤯 You can: → Pull dashboard data into one analysis doc → Handle slide comments automatically → Build with Claude Code, test directly in Chrome and more!

Charly Wargnier

57,183 Aufrufe • vor 5 Monaten

This is fast. Chrome running Gemini locally on my laptop. 2 lines of code.
0:51

This is fast. Chrome running Gemini locally on my laptop. 2 lines of code.

Morten Just

3,046,480 Aufrufe • vor 1 Jahr

i may have invented a new paradigm for mobile apps + chrome extensions never seen this before using Expo + to have a single code base deploying to - 🤖 android - 🍎 iOS - 💻 ALL browser extensions (chrome, firefox, etc.) 🤯
0:24

i may have invented a new paradigm for mobile apps + chrome extensions never seen this before using Expo + to have a single code base deploying to - 🤖 android - 🍎 iOS - 💻 ALL browser extensions (chrome, firefox, etc.) 🤯

Peer Richelsen — oss/acc

158,978 Aufrufe • vor 6 Monaten

ANSRS PlayFinder is a Chrome Extension that streamlines your workflow by automatically importing the data and video from your video provider into ANSRS. 👉 Current customers check your email for directions on how to download the Chrome Extension! 🔗: Learn more about ANSRS⬇️ #ANSRS #PlayFinder
0:57

ANSRS PlayFinder is a Chrome Extension that streamlines your workflow by automatically importing the data and video from your video provider into ANSRS. 👉 Current customers check your email for directions on how to download the Chrome Extension! 🔗: Learn more about ANSRS⬇️ #ANSRS #PlayFinder

ANSRSFB

10,471 Aufrufe • vor 11 Monaten

Introducing the world's first AI Chrome Extension Builder. Turn the manual steps you take on any website into an AI extension that does them for you. Describe it to Blink. It builds the AI extension. Download. Launch on Chrome Web Store. Comment Chrome + RT for a free month.
0:46

Introducing the world's first AI Chrome Extension Builder. Turn the manual steps you take on any website into an AI extension that does them for you. Describe it to Blink. It builds the AI extension. Download. Launch on Chrome Web Store. Comment Chrome + RT for a free month.

Blink.new

29,819 Aufrufe • vor 22 Tagen

I have never build any Chrome Extension in my life. But with AI I was able to build a small extension that I always wanted to build in 1 minute. Prompt to Claude Code: Implement a Chrome extension where when I am on or show an icon for each tweet on my twitter feed to add it to "read me later" list which is maintained on browser storage. The extension should show a button in the top bar and when I click it it should display list of those tweets as one-liners with a button as "Done". When I clicked "Done" that tweet should be removed from the list. Result: 🤩👇
0:31

I have never build any Chrome Extension in my life. But with AI I was able to build a small extension that I always wanted to build in 1 minute. Prompt to Claude Code: Implement a Chrome extension where when I am on or show an icon for each tweet on my twitter feed to add it to "read me later" list which is maintained on browser storage. The extension should show a button in the top bar and when I click it it should display list of those tweets as one-liners with a button as "Done". When I clicked "Done" that tweet should be removed from the list. Result: 🤩👇

Siva

36,612 Aufrufe • vor 3 Monaten

Chrome Effect Tutorial
0:24

Chrome Effect Tutorial

Premiere Pro Tricks!

61,552 Aufrufe • vor 11 Monaten

I’m extremely pleased to announce the release of Scroll-Driven Animations Debugger, a Chrome DevTools extension to visualize and debug Scroll-Driven Animations. 🔗 Get the extension from the Chrome Web Store and start inspecting
1:54

I’m extremely pleased to announce the release of Scroll-Driven Animations Debugger, a Chrome DevTools extension to visualize and debug Scroll-Driven Animations. 🔗 Get the extension from the Chrome Web Store and start inspecting

Bramus

40,932 Aufrufe • vor 2 Jahren

BREAKING: Claude just got a massive upgrade today and I'm so happy to be a part it. From now on, Claude Opus 4.6 can build Chrome Extensions for every Chromium-based browser. We just launched Shipper, a tool that lets Claude: ✅ Build complete Chrome Extensions ✅ Recreate existing Extensions ✅ Ensure multi-browser comatibility ✅ Write privacy policies ✅ Autofill entire Chrome Web Store listings Claude Opus 4.6 can do all the above in 1 simple prompt for as low as $0.11/extension... And it takes minutes, not hours! Open up Shipper and ask Claude to "create a free ad block extension" or "auto-invite 950 people weekly on linkedin". Since this is a very special launch, if you comment "shipper" you will get FREE credits :)
1:59

BREAKING: Claude just got a massive upgrade today and I'm so happy to be a part it. From now on, Claude Opus 4.6 can build Chrome Extensions for every Chromium-based browser. We just launched Shipper, a tool that lets Claude: ✅ Build complete Chrome Extensions ✅ Recreate existing Extensions ✅ Ensure multi-browser comatibility ✅ Write privacy policies ✅ Autofill entire Chrome Web Store listings Claude Opus 4.6 can do all the above in 1 simple prompt for as low as $0.11/extension... And it takes minutes, not hours! Open up Shipper and ask Claude to "create a free ad block extension" or "auto-invite 950 people weekly on linkedin". Since this is a very special launch, if you comment "shipper" you will get FREE credits :)

David Ch

1,629,676 Aufrufe • vor 4 Monaten

How to use Hot Wallet extension on a mobile phone? Hey everyone, today's video tutorial is about how to use HOT Protocol 🔥 on iOS Mises Browser. If this video tutorial is helpful for you, please also RT it to help others! If it doesn't answer your question, please contact for support! If Mises Browser is something you've never heard of, please take one minute to read this: Mises Browser is the world's first mobile Web3 browser that supports Chrome extensions on both Android and iOS. More than 5 million users choose Mises Browser to access Web3 applications on mobile. You can also try the 1st iOS browser which supports Chrome extension via this link: and you won't regret it! #Mises #Web3 #iPhone #Extension #Hotprotocol #wallet
2:59

How to use Hot Wallet extension on a mobile phone? Hey everyone, today's video tutorial is about how to use HOT Protocol 🔥 on iOS Mises Browser. If this video tutorial is helpful for you, please also RT it to help others! If it doesn't answer your question, please contact for support! If Mises Browser is something you've never heard of, please take one minute to read this: Mises Browser is the world's first mobile Web3 browser that supports Chrome extensions on both Android and iOS. More than 5 million users choose Mises Browser to access Web3 applications on mobile. You can also try the 1st iOS browser which supports Chrome extension via this link: and you won't regret it! #Mises #Web3 #iPhone #Extension #Hotprotocol #wallet

Mises

11,838 Aufrufe • vor 1 Jahr

I'm hosting a free masterclass for AI coding beginners tomorrow! We'll cover: - Which AI builder tools to use - How to build a custom chrome extension entirely with AI - How to build a simple SaaS web application - Q&A Comment "builder" and I'll DM you the access link
0:23

I'm hosting a free masterclass for AI coding beginners tomorrow! We'll cover: - Which AI builder tools to use - How to build a custom chrome extension entirely with AI - How to build a simple SaaS web application - Q&A Comment "builder" and I'll DM you the access link

Moritz Kremb

206,082 Aufrufe • vor 1 Jahr

how to learn anything 10x faster with youtube... use this chrome extension to import any youtube channel, playlist or search result into Notebook LLM turns any video content into interactive learning sessions
0:52

how to learn anything 10x faster with youtube... use this chrome extension to import any youtube channel, playlist or search result into Notebook LLM turns any video content into interactive learning sessions

Machina

50,613 Aufrufe • vor 10 Monaten

Articles everywhere. Save with our Chrome extension. Listen on the web or synced to your phone — in under 10s.
0:33

Articles everywhere. Save with our Chrome extension. Listen on the web or synced to your phone — in under 10s.

ElevenReader

10,723 Aufrufe • vor 4 Monaten

Tutorial🔴🟣🔵 How to design and animate a rolling chrome ball in Figma . - Lets dive in!🧵:
0:21

Tutorial🔴🟣🔵 How to design and animate a rolling chrome ball in Figma . - Lets dive in!🧵:

Camden @ Designownow

285,053 Aufrufe • vor 1 Jahr

Extensions are an integral part of Visual Studio Code - and now, Copilot functionality can be added to your extensions. See this in action with the GitHub Pull Requests extension, using Copilot to summarize issues/PRs. Available to everyone today with GitHub Copilot Free. Learn more:
0:20

Extensions are an integral part of Visual Studio Code - and now, Copilot functionality can be added to your extensions. See this in action with the GitHub Pull Requests extension, using Copilot to summarize issues/PRs. Available to everyone today with GitHub Copilot Free. Learn more:

Visual Studio Code

68,105 Aufrufe • vor 1 Jahr

Chrome effect tutorial By: zero msh
0:24

Chrome effect tutorial By: zero msh

PB©

162,830 Aufrufe • vor 5 Monaten

In-Browser-AI-Models are here 🤯 This is Gemini Nano running on my M1 Macbook Pro using the latest Chrome Canary version. Most of the text generations are completed in under 500ms - entirely offline too! Adding this to a Vue app is only ~15 lines of code. Pretty insane!
0:39

In-Browser-AI-Models are here 🤯 This is Gemini Nano running on my M1 Macbook Pro using the latest Chrome Canary version. Most of the text generations are completed in under 500ms - entirely offline too! Adding this to a Vue app is only ~15 lines of code. Pretty insane!

Marcel Pociot 🧪

26,335 Aufrufe • vor 1 Jahr