Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Little CSS DevTools Trick: "Show Changes" ⭐️ Copy style changes you make in DevTools by running "Show Changes" from the command palette and hitting "Copy" 🧾 Very useful when you are debugging or trying things out!

jh3yy's profile picture

jhey ʕ•ᴥ•ʔ

144,166 subscribers

80,322 görüntüleme • 2 yıl önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

blah profil fotoğrafı
blah2 yıl önce

I need a angle input like that as a component I can use in an app for gradient input. Tried making one myself but failed.

jhey ▲🐻🎈 profil fotoğrafı
jhey ▲🐻🎈2 yıl önce

Ahh – I can throw one together for you. Got one that looks like this, jus needs the keyboard modifier snapping hooked up 🤙

Jorge Galarza profil fotoğrafı
Jorge Galarza2 yıl önce

Is performance the reason you switched to Brave?

jhey ▲🐻🎈 profil fotoğrafı
jhey ▲🐻🎈2 yıl önce

@jrglsg Yeah, pretty much. It doesn't seem to hang and blow up like some other browsers. Not sure why though 😅

vitaly profil fotoğrafı
vitaly2 yıl önce

i remember in times of firebug there was a firefox extension that synced changes back into css file 😅

Zach Warunek profil fotoğrafı
Zach Warunek2 yıl önce

Bruh. Thank you

Jack Harner 🚀 Web Dev For Hire profil fotoğrafı
Jack Harner 🚀 Web Dev For Hire2 yıl önce

I was wondering where they hid that feature when I switched to Chrome from FF 🤣😅

jhey ▲🐻🎈 profil fotoğrafı
jhey ▲🐻🎈2 yıl önce

Without the command palette I would never find anything 😅 Always takes me a cognitive minute to find the Sensors stuff

jwmoreland profil fotoğrafı
jwmoreland2 yıl önce

This is so helpful! Thanks

Tyson Skakun profil fotoğrafı
Tyson Skakun2 yıl önce

Wow had no idea, so cool

Benzer Videolar

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

A lot of you asked about the FPS Meter I used here Here is how to get it running in DevTools and a few other handy tips for debugging Janky CSS rendering
1:31

A lot of you asked about the FPS Meter I used here Here is how to get it running in DevTools and a few other handy tips for debugging Janky CSS rendering

Wes Bos

25,867 görüntüleme • 10 ay önce

Introducing "Ask AI" across Chrome DevTools + save changes directly to your source code! #googleio
3:52

Introducing "Ask AI" across Chrome DevTools + save changes directly to your source code! #googleio

Addy Osmani

20,392 görüntüleme • 1 yıl önce

css animation tip don't sleep on the devtools animation inspector — it's great for debugging and scrubbing your timelines 👇
0:32

css animation tip don't sleep on the devtools animation inspector — it's great for debugging and scrubbing your timelines 👇

jhey ʕ•ᴥ•ʔ

75,335 görüntüleme • 11 ay önce

"When you go to sleep tonight and when you wake up in the morning, just quickly name two things you know are true about God then two things you are grateful for. Gratitude changes everything. Your relationship to God changes everything." - Glenn Beck
1:26

"When you go to sleep tonight and when you wake up in the morning, just quickly name two things you know are true about God then two things you are grateful for. Gratitude changes everything. Your relationship to God changes everything." - Glenn Beck

TheBlaze

19,443 görüntüleme • 7 ay önce

Tears of Magic - Learning Skills When enemies prepare their signature skills, the Defend command of Kaiser changes to Learn Skill, allowing them to copy that skill. You can also evolve those skills by learning from different enemies! What do you think? #GameDev #PixelArt
0:31

Tears of Magic - Learning Skills When enemies prepare their signature skills, the Defend command of Kaiser changes to Learn Skill, allowing them to copy that skill. You can also evolve those skills by learning from different enemies! What do you think? #GameDev #PixelArt

Good Old Pixel

13,446 görüntüleme • 1 yıl önce

When your friend asks to copy your homework and promises to makes changes so it's not obvious. Then you see the friend's homework...🤣 Ipswich Town
0:27

When your friend asks to copy your homework and promises to makes changes so it's not obvious. Then you see the friend's homework...🤣 Ipswich Town

League Of 72

16,318 görüntüleme • 6 ay önce

When will we get changes MLB The Show
2:14

When will we get changes MLB The Show

Manic

3,601,771 görüntüleme • 2 yıl önce

and when the season changes, will you stand by me?
0:26

and when the season changes, will you stand by me?

vale

12,512 görüntüleme • 1 yıl önce

“Teach like it’s your kid in the front row.” How you teach changes. How you lead changes. Every interaction becomes more meaningful. How we respond when kids are successful or fail becomes more important. Everything changes. It becomes more impactful because it’s personal.
0:43

“Teach like it’s your kid in the front row.” How you teach changes. How you lead changes. Every interaction becomes more meaningful. How we respond when kids are successful or fail becomes more important. Everything changes. It becomes more impactful because it’s personal.

Jonathan Alsheimer

19,366 görüntüleme • 1 yıl önce

New week new TestFlight release ✈️ Opened up another 50 spots. First come first serve as always - check your mails. New invites end of week. The changes: 1) You can now easily copy the addresses you saved or open them directly in Maps for navigation & co More changes 👇
0:38

New week new TestFlight release ✈️ Opened up another 50 spots. First come first serve as always - check your mails. New invites end of week. The changes: 1) You can now easily copy the addresses you saved or open them directly in Maps for navigation & co More changes 👇

Fabian Gruß

11,882 görüntüleme • 2 yıl önce

Big changes on the show.
2:41

Big changes on the show.

Jesse Kelly Show

73,715 görüntüleme • 2 ay önce

The world doesn’t change because you stayed morally spotless. It changes when you bite your tongue, make the trade-offs, and actually move things forward.
0:31

The world doesn’t change because you stayed morally spotless. It changes when you bite your tongue, make the trade-offs, and actually move things forward.

Rutger Bregman

16,258 görüntüleme • 6 ay önce

If you are actually America first and against war these are the changes you have to make
6:00

If you are actually America first and against war these are the changes you have to make

Owen Benjamin 🐻

38,878 görüntüleme • 1 yıl önce

Today’s episode of ZASLOW SHOW 2.0 - Dan Le Batard Show with Stugotz & Friends Amber Wilson, Esq.’ appearances are presented by SawgrassINFINITI.com When will the #Dolphins make changes….. 🍎: 🟢: ❤️: 📺:
0:21

Today’s episode of ZASLOW SHOW 2.0 - Dan Le Batard Show with Stugotz & Friends Amber Wilson, Esq.’ appearances are presented by SawgrassINFINITI.com When will the #Dolphins make changes….. 🍎: 🟢: ❤️: 📺:

Jonathan Zaslow

13,020 görüntüleme • 7 ay önce

Here is Kiro autonomous agent in preview. 👻 This quick demo shows how it takes a backlog task, runs the work autonomously, and returns reviewable changes when you stay in flow on higher-impact work. Watch Kiro autonomous agent in action 👉 #Agent #DevTools #SoftwareDevelopment #AICoding #FrontierAgent #AWSreInvent
1:15

Here is Kiro autonomous agent in preview. 👻 This quick demo shows how it takes a backlog task, runs the work autonomously, and returns reviewable changes when you stay in flow on higher-impact work. Watch Kiro autonomous agent in action 👉 #Agent #DevTools #SoftwareDevelopment #AICoding #FrontierAgent #AWSreInvent

Kiro

18,672 görüntüleme • 6 ay önce

since @bridge_ent_ khias fans made the kstay delete the post. here’s an actual comparison of Untitled and that copied. both videos were directly downloaded from YT and no changes were made. (the copy ver is in 0.9x speed). you can’t convince me that it’s not a cheap copy
1:23

since @bridge_ent_ khias fans made the kstay delete the post. here’s an actual comparison of Untitled and that copied. both videos were directly downloaded from YT and no changes were made. (the copy ver is in 0.9x speed). you can’t convince me that it’s not a cheap copy

Inzaghi∞⁸🦷

108,136 görüntüleme • 1 yıl önce

What changes would you make in this ?
0:46

What changes would you make in this ?

Out Of Context Cricket

51,742 görüntüleme • 3 ay önce

what did you say copy? Now copy this and show me.🤫
0:24

what did you say copy? Now copy this and show me.🤫

𝐑𝐮𝐬𝐡𝐢𝐢𝐢⁴⁵

30,805 görüntüleme • 1 yıl önce

If you are serious about exposing US backed regime changes taking place in your country. All you need to do is show the truth and say it in English.
2:54

If you are serious about exposing US backed regime changes taking place in your country. All you need to do is show the truth and say it in English.

RyanMatta 🇺🇸 🦅

73,517 görüntüleme • 4 ay önce