Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitimKomedi
LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Hassan profil fotoğrafı
Hassan1 yıl önce

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

Gustav Ekerot profil fotoğrafı
Gustav Ekerot1 yıl önce

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

CRANQ profil fotoğrafı
CRANQ1 yıl önce

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

Hassan profil fotoğrafı
Hassan1 yıl önce

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

Priyanshu Indra profil fotoğrafı
Priyanshu Indra1 yıl önce

great one minute tutorial... 🙌🙌

Hassan profil fotoğrafı
Hassan1 yıl önce

Thank you!

Marwan Elwaraki 🇵🇸🕌 profil fotoğrafı
Marwan Elwaraki 🇵🇸🕌1 yıl önce

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

Hassan profil fotoğrafı
Hassan1 yıl önce

High praise, thank you!

Michael Li profil fotoğrafı
Michael Li1 yıl önce

Resume updated. Thank you sir!

Hassan profil fotoğrafı
Hassan1 yıl önce

Haha nice!

Benzer Videolar

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 görüntüleme • 1 yıl önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 1 yıl önce

🚨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 görüntüleme • 5 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 23 gün önce

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 görüntüleme • 3 ay önce

Chrome Effect Tutorial
0:24

Chrome Effect Tutorial

Premiere Pro Tricks!

61,552 görüntüleme • 11 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

Chrome effect tutorial By: zero msh
0:24

Chrome effect tutorial By: zero msh

PB©

162,830 görüntüleme • 5 ay önce

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 görüntüleme • 1 yıl önce