Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 1 год назад

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,471 просмотров • 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 просмотров • 23 дней назад

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 просмотров • 11 месяцев назад

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,700 просмотров • 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,089 просмотров • 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,053 просмотров • 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 год назад

Chrome effect tutorial By: zero msh
0:24

Chrome effect tutorial By: zero msh

PB©

162,830 просмотров • 5 месяцев назад

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 год назад