正在加载视频...

视频加载失败

返回首页

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 次观看 • 1 年前 •via X (Twitter)

科学技术教育喜剧
LIVE

Anya Rossi• Live Now

Private livecam show

10 条评论

Hassan 的头像
Hassan1 年前

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

Gustav Ekerot 的头像
Gustav Ekerot1 年前

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

CRANQ 的头像
CRANQ1 年前

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

Hassan 的头像
Hassan1 年前

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

Priyanshu Indra 的头像
Priyanshu Indra1 年前

great one minute tutorial... 🙌🙌

Hassan 的头像
Hassan1 年前

Thank you!

Marwan Elwaraki 🇵🇸🕌 的头像
Marwan Elwaraki 🇵🇸🕌1 年前

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

Hassan 的头像
Hassan1 年前

High praise, thank you!

Michael Li 的头像
Michael Li1 年前

Resume updated. Thank you sir!

Hassan 的头像
Hassan1 年前

Haha nice!

相关视频

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 次观看 • 1 年前

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 次观看 • 7 个月前

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 次观看 • 1 年前

🚨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 次观看 • 5 个月前

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 次观看 • 2 年前

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 次观看 • 6 个月前

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,477 次观看 • 11 个月前

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 次观看 • 25 天前

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 次观看 • 3 个月前

Chrome Effect Tutorial
0:24

Chrome Effect Tutorial

Premiere Pro Tricks!

61,552 次观看 • 1 年前

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 次观看 • 2 年前

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,734 次观看 • 4 个月前

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 次观看 • 1 年前

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,094 次观看 • 1 年前

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 次观看 • 10 个月前

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 次观看 • 4 个月前

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,083 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

Chrome effect tutorial By: zero msh
0:24

Chrome effect tutorial By: zero msh

PB©

162,830 次观看 • 5 个月前