Loading video...

Video Failed to Load

Go Home

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!

80,322 views • 2 years ago •via X (Twitter)

10 Comments

blah's profile picture
blah2 years ago

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 ▲🐻🎈's profile picture
jhey ▲🐻🎈2 years ago

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

Jorge Galarza's profile picture
Jorge Galarza2 years ago

Is performance the reason you switched to Brave?

jhey ▲🐻🎈's profile picture
jhey ▲🐻🎈2 years ago

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

vitaly's profile picture
vitaly2 years ago

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

Zach Warunek's profile picture
Zach Warunek2 years ago

Bruh. Thank you

Jack Harner 🚀 Web Dev For Hire's profile picture
Jack Harner 🚀 Web Dev For Hire2 years ago

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

jhey ▲🐻🎈's profile picture
jhey ▲🐻🎈2 years ago

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

jwmoreland's profile picture
jwmoreland2 years ago

This is so helpful! Thanks

Tyson Skakun's profile picture
Tyson Skakun2 years ago

Wow had no idea, so cool

Related Videos