正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Brooooooooooooo WTF... this browser DevTools feature is mind-blowing. 🤯 Visit any website, open DevTools, click on the 3 dots menu... choose "More tools"... then "CSS Overview", and click "Capture overview". It generates a detailed breakdown of the page's colors, fonts, media queries, unused declarations, and more. Such a simple... show more

Ram Maheshwari

5,776 subscribers

47,064 次观看 • 1 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

6 条评论

𝗤𝗜𝗡𝗚♔𝗖𝗛𝗔𝗥𝗟𝗘𝗦 的头像

𝗤𝗜𝗡𝗚♔𝗖𝗛𝗔𝗥𝗟𝗘𝗦1 个月前

What on earth?! How long has that feature been sat there unfound? I know there is so much more in devtools I've yet to uncover.

Ram Maheshwari 的头像

Ram Maheshwari1 个月前

Facts 💯

Diablid ®️ 的头像

Diablid ®️1 个月前

🥸

Vishnu Aniyan 的头像

Vishnu Aniyan1 个月前

Didn't know CSS overview existed, honestly. DevTools has so many buried tabs like this, most devs stick to Elements and Console and never dig further

Felipe • video editor 的头像

Felipe • video editor1 个月前

i thoght it was a hack tutorial

Anonymous 的头像

Anonymous1 个月前

Is there a way to download it so we can give it to claude for copying a websites css

相关视频

Brooooooooooooooo WTF?? This is sooooo freaking awesome 🤯 I recently found this browser extension that instantly lets you turn almost any website into an editable Figma design in seconds. Perfect for developers, designers, ai coders & anyone who works with Figma :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Brooooooooooooooo WTF?? This is sooooo freaking awesome 🤯 I recently found this browser extension that instantly lets you turn almost any website into an editable Figma design in seconds. Perfect for developers, designers, ai coders & anyone who works with Figma :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

50,287 次观看 • 2 个月前

Brooooooooooooooo WTF?? This is sooooo freaking awesome 🤯 I recently found this browser extension that instantly lets you turn almost any website into an editable Figma design in seconds. Perfect for developers, designers, ai coders & anyone who works with Figma :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Brooooooooooooooo WTF?? This is sooooo freaking awesome 🤯 I recently found this browser extension that instantly lets you turn almost any website into an editable Figma design in seconds. Perfect for developers, designers, ai coders & anyone who works with Figma :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

14,162 次观看 • 1 个月前

Brooooooo... This Chrome extension is sooo perfect for LLMs. 🤯 It lets you instantly convert almost any webpage into clean Markdown, making it easier to use with ChatGPT, Claude, Gemini, and other AI tools. Perfect for AI enthusiasts, developers, designers, researchers, and anyone who works with web content :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Brooooooo... This Chrome extension is sooo perfect for LLMs. 🤯 It lets you instantly convert almost any webpage into clean Markdown, making it easier to use with ChatGPT, Claude, Gemini, and other AI tools. Perfect for AI enthusiasts, developers, designers, researchers, and anyone who works with web content :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

70,417 次观看 • 2 个月前

Holy Sh*t Brooooooooo... This Chrome extension is sooo perfect for LLMs. 🤯 It lets you instantly convert almost any webpage into clean Markdown, making it easier to use with ChatGPT, Claude, Gemini, and other AI tools. Perfect for AI enthusiasts, developers, designers, & anyone who works with web content :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Holy Sh*t Brooooooooo... This Chrome extension is sooo perfect for LLMs. 🤯 It lets you instantly convert almost any webpage into clean Markdown, making it easier to use with ChatGPT, Claude, Gemini, and other AI tools. Perfect for AI enthusiasts, developers, designers, & anyone who works with web content :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

22,292 次观看 • 2 个月前

MiroMiro is live! 🥳 I built a Chrome extension that extracts everything from any website in one click. • Colors and full palettes • Fonts • Images, icons, SVGs • Lottie animations • CSS styles No more opening DevTools. No more saving assets one by one. Just click, see everything, download what you need. Try it free →

MiroMiro is live! 🥳 I built a Chrome extension that extracts everything from any website in one click. • Colors and full palettes • Fonts • Images, icons, SVGs • Lottie animations • CSS styles No more opening DevTools. No more saving assets one by one. Just click, see everything, download what you need. Try it free →

Soraia

2,352,702 次观看 • 10 个月前

Wait WTF? You can find all the subdomains of a website with one simple URL. 🤯 This "CRT" hack lets you list subdomains associated with a primary domain using public certificate data. Just type: . name/v1/search?apex=[domain-name-here] Replace [domain-name-here] with the domain you want to check, and it'll show the matching subdomains. No installation. No complicated setup. Just one URL. Watch the video for a quick demo :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Wait WTF? You can find all the subdomains of a website with one simple URL. 🤯 This "CRT" hack lets you list subdomains associated with a primary domain using public certificate data. Just type: . name/v1/search?apex=[domain-name-here] Replace [domain-name-here] with the domain you want to check, and it'll show the matching subdomains. No installation. No complicated setup. Just one URL. Watch the video for a quick demo :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

123,502 次观看 • 2 个月前

Dude WTF??... You can find all the subdomains of a website with one simple URL. 🤯 This "CRT" hack lets you list subdomains associated with a primary domain using public certificate data. Just type: . name/v1/search?apex=[domain-name-here] Replace [domain-name-here] with the domain you want to check, and it'll show the matching subdomains. No installation... No complicated setup... Just one URL. Watch the video for a quick demo :) Follow me for more amazing AI, Coding & Web Dev insights. 💎

Dude WTF??... You can find all the subdomains of a website with one simple URL. 🤯 This "CRT" hack lets you list subdomains associated with a primary domain using public certificate data. Just type: . name/v1/search?apex=[domain-name-here] Replace [domain-name-here] with the domain you want to check, and it'll show the matching subdomains. No installation... No complicated setup... Just one URL. Watch the video for a quick demo :) Follow me for more amazing AI, Coding & Web Dev insights. 💎

Ram Maheshwari

57,285 次观看 • 11 天前

Brooooooooooooo... this feels like a dream come true for every developer & designer. 🦴 Now you don't have to manually design skeleton screens for your UI. Boneyard automatically extracts the layout from your real UI and generates pixel-perfect skeleton loading screens from it. Just wrap your UI components with Boneyard, run the build, and it creates the skeletons for you :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Brooooooooooooo... this feels like a dream come true for every developer & designer. 🦴 Now you don't have to manually design skeleton screens for your UI. Boneyard automatically extracts the layout from your real UI and generates pixel-perfect skeleton loading screens from it. Just wrap your UI components with Boneyard, run the build, and it creates the skeletons for you :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

55,108 次观看 • 2 个月前

In this demo, discover how to define and launch a reproducible development environment with Workshop. Watch the full talk on YouTube to learn more: #Ubuntu #Linux #DevTools

In this demo, discover how to define and launch a reproducible development environment with Workshop. Watch the full talk on YouTube to learn more: #Ubuntu #Linux #DevTools

Ubuntu

23,757 次观看 • 4 个月前

WTF Brooooooooooo... why didn't I find this earlier? 🤯 This browser extension lets you add multiple devices with different screen sizes directly to a webpage to test responsive designs. It comes with tons of customization options, and you can even sync scrolling across all your device previews simultaneously. Perfect for UI developers, designers, vibe coders, or anyone using AI to ship web products :) Follow me for more amazing AI, Coding & Web Dev insights 💎

WTF Brooooooooooo... why didn't I find this earlier? 🤯 This browser extension lets you add multiple devices with different screen sizes directly to a webpage to test responsive designs. It comes with tons of customization options, and you can even sync scrolling across all your device previews simultaneously. Perfect for UI developers, designers, vibe coders, or anyone using AI to ship web products :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

63,259 次观看 • 2 个月前

✨ I started working on CSS Pro to rethink the way we work with CSS. 💡 There had to be a better way than relying solely on the browser's Devtools. 🔥 Now CSS Pro is LIVE on Product Hunt 😸! 💫 A re-imagined Devtools for web design: 👉

✨ I started working on CSS Pro to rethink the way we work with CSS. 💡 There had to be a better way than relying solely on the browser's Devtools. 🔥 Now CSS Pro is LIVE on Product Hunt 😸! 💫 A re-imagined Devtools for web design: 👉

Guilherme Rizzo

10,309 次观看 • 3 年前

Holy Sh*t... You can now share your localhost with anyone using only VS Code! 🤯 VS Code has a built-in Ports feature that lets you expose your local server to the internet, no need for third-party tools. Here’s how to use it: 1) Open the Ports tab in the terminal panel 2) Click Forward a Port 3) Enter your local port number (mine was 5173, yours could be 3000, 3001, etc.) 4) VS Code will generate a link, right-click and select Make Public 5) Copy the link and share it with anyone Perfect for demos, testing on other devices, or sharing work with clients and teammates :) Watch the video for a step-by-step demo 🎥 Follow me for more amazing AI, Coding & Web Dev insights 💎

Holy Sh*t... You can now share your localhost with anyone using only VS Code! 🤯 VS Code has a built-in Ports feature that lets you expose your local server to the internet, no need for third-party tools. Here’s how to use it: 1) Open the Ports tab in the terminal panel 2) Click Forward a Port 3) Enter your local port number (mine was 5173, yours could be 3000, 3001, etc.) 4) VS Code will generate a link, right-click and select Make Public 5) Copy the link and share it with anyone Perfect for demos, testing on other devices, or sharing work with clients and teammates :) Watch the video for a step-by-step demo 🎥 Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

59,272 次观看 • 3 个月前

WTF Dude... this is like PDF parsing on steroids, NGL. 🤯 OpenDataLoader PDF is a free, open-source PDF parser that converts PDFs into AI-ready Markdown, JSON, and HTML. It can also use OCR for scanned PDFs and handle complex content like tables, formulas, and charts. Perfect for building RAG pipelines, AI agents, search systems, and other AI apps that need to actually understand PDF documents :) Follow me for more amazing AI, Coding & Web Dev insights 💎

WTF Dude... this is like PDF parsing on steroids, NGL. 🤯 OpenDataLoader PDF is a free, open-source PDF parser that converts PDFs into AI-ready Markdown, JSON, and HTML. It can also use OCR for scanned PDFs and handle complex content like tables, formulas, and charts. Perfect for building RAG pipelines, AI agents, search systems, and other AI apps that need to actually understand PDF documents :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

28,680 次观看 • 2 个月前

Dude... This is ridiculously useful 🤯 A site that's like a swiss army knife for devs & designers. Which contains a collection of small, browser-based tools across different categories that work without logins, tracking, or data collection. Nice to bookmark if you like fast, no-BS tools that just work :) Source 🔗: tools . rmv . fyi Follow me for more amazing AI, Coding & Web Dev insights 💎

Dude... This is ridiculously useful 🤯 A site that's like a swiss army knife for devs & designers. Which contains a collection of small, browser-based tools across different categories that work without logins, tracking, or data collection. Nice to bookmark if you like fast, no-BS tools that just work :) Source 🔗: tools . rmv . fyi Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

91,877 次观看 • 3 个月前

today it's my birthday, and i'm shipping inspekt hover any element to instantly inspekt fonts, colors, spacing, and css no devtools. no digging copy all you need in one click grab inspekt below 👇

today it's my birthday, and i'm shipping inspekt hover any element to instantly inspekt fonts, colors, spacing, and css no devtools. no digging copy all you need in one click grab inspekt below 👇

hamza

10,593 次观看 • 3 个月前

Bruh... This GitHub hack is Wild AF 🤯 It literally lets you open any repository in an AI workspace. Simply add "explain" before "github" in any repo URL, and boom... now you can explore the codebase, ask questions, understand the architecture, generate onboarding reports, and get file-cited answers in seconds. If you work with open-source projects, this is definitely worth saving :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Bruh... This GitHub hack is Wild AF 🤯 It literally lets you open any repository in an AI workspace. Simply add "explain" before "github" in any repo URL, and boom... now you can explore the codebase, ask questions, understand the architecture, generate onboarding reports, and get file-cited answers in seconds. If you work with open-source projects, this is definitely worth saving :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

15,109 次观看 • 2 个月前

WTF Broooooooo???? .... This feels like a goldmine for vibe coders 🌋 It's a collection of free UI prompts for things like hero sections, pricing pages, auth screens, bento grids, dashboards, and more. You can copy a prompt and give it to your AI coding agent to generate better-looking, less generic UI without having to describe every design detail yourself. Perfect if you build websites with AI and want your UIs to stand out :) Follow me for more amazing Coding, AI & Web Development insights 💎

WTF Broooooooo???? .... This feels like a goldmine for vibe coders 🌋 It's a collection of free UI prompts for things like hero sections, pricing pages, auth screens, bento grids, dashboards, and more. You can copy a prompt and give it to your AI coding agent to generate better-looking, less generic UI without having to describe every design detail yourself. Perfect if you build websites with AI and want your UIs to stand out :) Follow me for more amazing Coding, AI & Web Development insights 💎

Ram Maheshwari

66,288 次观看 • 1 个月前

Broooooooooo.... this is sooo damn coooool to add Glass Effects in any UI. 😍 This free tool lets you generate stunning glassmorphism effects with plenty of customization options. It even supports liquid-glass and neumorphic designs. Once you're done, simply copy the code and start using it in your vibe coded or custom coded projects :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Broooooooooo.... this is sooo damn coooool to add Glass Effects in any UI. 😍 This free tool lets you generate stunning glassmorphism effects with plenty of customization options. It even supports liquid-glass and neumorphic designs. Once you're done, simply copy the code and start using it in your vibe coded or custom coded projects :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

31,736 次观看 • 2 个月前

Broooooooooo.... this is sooo damn coooool to add Glass Effects in any UI. 😍 This free tool lets you generate stunning glassmorphism effects with plenty of customization options. It even supports liquid-glass and neumorphic designs. Once you're done, simply copy the code and start using it in your vibe coded or custom coded projects :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Broooooooooo.... this is sooo damn coooool to add Glass Effects in any UI. 😍 This free tool lets you generate stunning glassmorphism effects with plenty of customization options. It even supports liquid-glass and neumorphic designs. Once you're done, simply copy the code and start using it in your vibe coded or custom coded projects :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

14,832 次观看 • 1 个月前

Holy Sh*t... this is like PDF parsing on steroids, NGL. 🤯 A free, open-source PDF parser that converts PDFs into AI-ready Markdown, JSON, and HTML. It can also use OCR for scanned PDFs and handle complex content like tables, formulas, and charts. Perfect for building RAG pipelines, AI agents, search systems, and other AI apps that need to actually understand PDF documents :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Holy Sh*t... this is like PDF parsing on steroids, NGL. 🤯 A free, open-source PDF parser that converts PDFs into AI-ready Markdown, JSON, and HTML. It can also use OCR for scanned PDFs and handle complex content like tables, formulas, and charts. Perfect for building RAG pipelines, AI agents, search systems, and other AI apps that need to actually understand PDF documents :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

17,591 次观看 • 25 天前