Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Stop adding !important to solve CSS specificity issues → Starting in Chrome 151, DevTools breaks down the exact specificity calculation right inside the Styles tab.

ChromiumDev's profile picture

Chrome for Developers

424,602 subscribers

13,671 görüntüleme • 12 gün önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

1 Yorum

Aditya Reddy profil fotoğrafı
Aditya Reddy6 gün önce

finally a receipt for why that selector won, !important has been getting promoted without an interview

Benzer Videolar

How to use the :where CSS selector to solve specificity problems ↓
0:24

How to use the :where CSS selector to solve specificity problems ↓

Sebastiano Guerriero

61,881 görüntüleme • 2 yıl önce

Stop slowing down your entire app just to test one API. You can now throttle individual network requests in Chrome DevTools to simulate specific bottlenecks without affecting the rest of your session →
0:21

Stop slowing down your entire app just to test one API. You can now throttle individual network requests in Chrome DevTools to simulate specific bottlenecks without affecting the rest of your session →

Chrome for Developers

118,844 görüntüleme • 7 ay önce

Introducing developer mode for browser use in Chrome and the Codex in-app browser. Codex can use the Chrome DevTools Protocol (CDP) to debug browser issues by profiling JavaScript performance and inspecting console output, network traffic, and page state.
1:27

Introducing developer mode for browser use in Chrome and the Codex in-app browser. Codex can use the Chrome DevTools Protocol (CDP) to debug browser issues by profiling JavaScript performance and inspecting console output, network traffic, and page state.

OpenAI Developers

378,245 görüntüleme • 4 ay önce

New in Chrome DevTools: Gemini can modify and save CSS changes directly to your source! Tired of manually copying CSS changes from DevTools back to your editor? Gemini to the rescue! You can now ask Gemini in the AI Assistance panel to: ✨ Modify and fix CSS within the Elements panel. 🧪 Instantly test changes live. 💾 Save those changes back to your source files on your computer with a connected workspace folder. This is a game-changer for rapid iteration.
0:33

New in Chrome DevTools: Gemini can modify and save CSS changes directly to your source! Tired of manually copying CSS changes from DevTools back to your editor? Gemini to the rescue! You can now ask Gemini in the AI Assistance panel to: ✨ Modify and fix CSS within the Elements panel. 🧪 Instantly test changes live. 💾 Save those changes back to your source files on your computer with a connected workspace folder. This is a game-changer for rapid iteration.

Addy Osmani

36,952 görüntüleme • 1 yıl önce

I slapped together this quick chrome extension to embed the Spatie tinker package in DevTools. It feels like a native PHP console tab 🤩 Extension below 👇 if you want to use it as well.
0:21

I slapped together this quick chrome extension to embed the Spatie tinker package in DevTools. It feels like a native PHP console tab 🤩 Extension below 👇 if you want to use it as well.

Tony Lea

42,184 görüntüleme • 1 yıl önce

.Connor Hughes breaks down the Jets' game management issues in their overtime loss to the Packers:
1:17

.Connor Hughes breaks down the Jets' game management issues in their overtime loss to the Packers:

SNY Jets

28,586 görüntüleme • 27 gün önce

Chrome DevTools now supports *individual* network request throttling! Folks have been asking for this for years! DevTools now allows developers to simulate slow network conditions for specific requests rather than the entire page. This helps in testing how a web application performs and handles issues when specific resources (like images, scripts, or API calls) are slow to load.
0:22

Chrome DevTools now supports *individual* network request throttling! Folks have been asking for this for years! DevTools now allows developers to simulate slow network conditions for specific requests rather than the entire page. This helps in testing how a web application performs and handles issues when specific resources (like images, scripts, or API calls) are slow to load.

Addy Osmani

281,774 görüntüleme • 9 ay önce

Nova Scotia Premier Tim Houston says Canadians need to "recognize" the grievances separatists in Alberta and Quebec have, adding it's important for national unity to try to "work through" the issues.
0:40

Nova Scotia Premier Tim Houston says Canadians need to "recognize" the grievances separatists in Alberta and Quebec have, adding it's important for national unity to try to "work through" the issues.

Rebel News

31,596 görüntüleme • 8 ay önce

🔥 Tarek Mansour breaks down his journey from starting Kalshi, to suing the CFTC, to hitting $40B in annualized volume.
0:49

🔥 Tarek Mansour breaks down his journey from starting Kalshi, to suing the CFTC, to hitting $40B in annualized volume.

CoinDesk

40,928 görüntüleme • 1 yıl önce

This secret tool is CRACKED at frontend and I don't think people understand how BIG this is. Look at this. Design on the left. Production code in the middle. Live MVP on the right. All inside ONE tool. The whole Figma to designer to dev cycle just collapsed into a single afternoon. This article breaks down the EXACT workflow that's working right now.
0:33

This secret tool is CRACKED at frontend and I don't think people understand how BIG this is. Look at this. Design on the left. Production code in the middle. Live MVP on the right. All inside ONE tool. The whole Figma to designer to dev cycle just collapsed into a single afternoon. This article breaks down the EXACT workflow that's working right now.

Prajwal Tomar

11,818 görüntüleme • 4 ay önce

"The addition of Verlander and Framber makes this Tigers team right now the overwhelming favorite to win the [AL] Central, in my opinion, just based on starting pitching." Dan Plesac breaks down Detroit's 2026 outlook.
1:57

"The addition of Verlander and Framber makes this Tigers team right now the overwhelming favorite to win the [AL] Central, in my opinion, just based on starting pitching." Dan Plesac breaks down Detroit's 2026 outlook.

MLB Network

49,657 görüntüleme • 8 ay önce

This is a real world training session. Aside from leopard crawls, everything featured in this video was installed during this session. It’s not perfect, but it’s a solid starting point. Here we focus on: 1. Lateral leopard crawls (part of our warmup - trains the serratus anterior which is critical to shoulder health) 2. Lateral A-march - looking for Ken Clark’s “3 bucket” position 3. Multi-directional extensive plyos with just a touch of “sport specificity” in the footwork (chill SCs, I’m not selling sport specificity snake oil). 4. Working several different angles of cuts and decel positions - these need the most work but that’s to be expected.
0:53

This is a real world training session. Aside from leopard crawls, everything featured in this video was installed during this session. It’s not perfect, but it’s a solid starting point. Here we focus on: 1. Lateral leopard crawls (part of our warmup - trains the serratus anterior which is critical to shoulder health) 2. Lateral A-march - looking for Ken Clark’s “3 bucket” position 3. Multi-directional extensive plyos with just a touch of “sport specificity” in the footwork (chill SCs, I’m not selling sport specificity snake oil). 4. Working several different angles of cuts and decel positions - these need the most work but that’s to be expected.

Missy Mitchell-McBeth

243,245 görüntüleme • 2 yıl önce

Thiago breaks down in tears as Liverpool Legends stop to applaud for Diogo Jota in the 20th minute.
0:48

Thiago breaks down in tears as Liverpool Legends stop to applaud for Diogo Jota in the 20th minute.

This Is Anfield

316,645 görüntüleme • 6 ay önce

WRESTLEPALOOZA IS THIS SATURDAY 💥 Undisputed WWE Champion Cody Rhodes breaks down the steps to catch every moment live starting right at 7 PM ET on the ESPN App.
0:43

WRESTLEPALOOZA IS THIS SATURDAY 💥 Undisputed WWE Champion Cody Rhodes breaks down the steps to catch every moment live starting right at 7 PM ET on the ESPN App.

SportsCenter

1,676,312 görüntüleme • 1 yıl önce

“Emotions are clearly boiling over right now in a very important game for Philadelphia.” The Hockey Central panel breaks down Taylor Hall’s hit on Travis Sanheim.
1:31

“Emotions are clearly boiling over right now in a very important game for Philadelphia.” The Hockey Central panel breaks down Taylor Hall’s hit on Travis Sanheim.

Sportsnet

140,736 görüntüleme • 5 ay önce

Introducing AI Assistance in Chrome DevTools! 🤯🚀 Ever wish you could have a coding buddy to help you with CSS and layout? Well, your wish is granted! The new AI Assistance in Chrome DevTools is here to make your life as a developer easier, powered by Gemini. The new panel aims to help you find and fix issues. Just ask it questions about your code, and it provides tailored explanations and even suggests solutions. This is our first exploration into agentic AI in DevTools and we're excited to hear what you think of it. Some key features: 1. Conversational prompts: Get tailored suggestions and code snippets. 2. Contextual understanding: AI understands the code you're working on. 3. Step-by-step guidance: Get help with everything from styling to debugging. Want to see it in action? Check out my screencast below to see how I used it to add a dark mode.
7:00

Introducing AI Assistance in Chrome DevTools! 🤯🚀 Ever wish you could have a coding buddy to help you with CSS and layout? Well, your wish is granted! The new AI Assistance in Chrome DevTools is here to make your life as a developer easier, powered by Gemini. The new panel aims to help you find and fix issues. Just ask it questions about your code, and it provides tailored explanations and even suggests solutions. This is our first exploration into agentic AI in DevTools and we're excited to hear what you think of it. Some key features: 1. Conversational prompts: Get tailored suggestions and code snippets. 2. Contextual understanding: AI understands the code you're working on. 3. Step-by-step guidance: Get help with everything from styling to debugging. Want to see it in action? Check out my screencast below to see how I used it to add a dark mode.

Addy Osmani

96,035 görüntüleme • 2 yıl önce

An incredibly important issue in our country right now. What do you say if you listened to the audiobook? We need to solve this. Here are the solutions.
1:16

An incredibly important issue in our country right now. What do you say if you listened to the audiobook? We need to solve this. Here are the solutions.

Spike Eskin

16,256 görüntüleme • 11 ay önce

Generic AI prompts burn tokens guessing at performance issues from raw source code 📉 Chrome DevTools for agents fixes this. Let your coding agent run real performance traces and agentic Lighthouse audits to catch actual speed, accessibility, and SEO blockers directly in the browser → #GoogleIO
1:54

Generic AI prompts burn tokens guessing at performance issues from raw source code 📉 Chrome DevTools for agents fixes this. Let your coding agent run real performance traces and agentic Lighthouse audits to catch actual speed, accessibility, and SEO blockers directly in the browser → #GoogleIO

Chrome for Developers

15,481 görüntüleme • 4 ay önce

Celine Song breaks down the most important line of ‘MATERIALISTS’ “I think the most important line in the whole film is ‘I’m not merchandise, I’m a person’... all of us, we are asked to objectify and commodify ourselves and it does not stop when it comes to love and dating.”
0:58

Celine Song breaks down the most important line of ‘MATERIALISTS’ “I think the most important line in the whole film is ‘I’m not merchandise, I’m a person’... all of us, we are asked to objectify and commodify ourselves and it does not stop when it comes to love and dating.”

DiscussingFilm

300,720 görüntüleme • 1 yıl önce