Chrome DevTools for CSS - Better CSS Coding & CSS Debugging with Developer Tools

It hurt me to watch how you clicked trough the a > span thingy to find out where the hover-effect comes from. you also can save all your changes made in dev-tools to your "project" directly

Very informative, thank you.

Good stuff mate.

The Odin Project. Lets Go!!

mark

awesome!

useful for beginners - coming from the Odin Project!

the odin project

I have been studying CSS (along with HTML and JavaScript) for about a year now... No course, no instructor ever told me how to use the DevTools for CSS, before your 12 min video. It is amazing, I learned so much from it. Thank you!

PS. Got here from the The Odin Project.

The Odin Project lead me here

The Odin Project in 2021!!

the odin project

TOP

Thank you!

no way theses colors are pleasing, man

Sorry, a naive question, I I am new and trying to create Mockups, Can I change any element on the page? So that I can take screenshots? Forms, dropdown, etc

The Odin Project!

русские вперёд

Thank you for not having an annoying voice

awesome guide

Nice!!! Here from TOP.

Are you a magician?

thanks for shareing

Odin project here! I hope everyone has been doing well!

Very smart. You can go over sites and get ideas, easly copy on your site. Love it.

Am i the only one who cannot access localhost:9000??

Found this through The Odin Project. Thank you for the helpful tutorial! I have used browser devtools before but haven't yet watched an experienced developer walk through their thought process and workflow with the tools — watching this immediately confirmed what I was doing right and what I can change in my own process.

The Odin Project

Brilliant, I got most of that!!

Thanks

The Odin project

Thanks for the tutorial. I didn't know you could do so many things with DevTools :)

This was a fantastic video ! very helpful !

tnx man!

Is it same for Chromium..?

I've watched a fair few videos trying to effectively explain how important the dev tools can be and this is one of the few which managed it. Thanks.

nice thanks!

nice tutorial how can in add new java script file or code in google chrome element tab?

i really could not follow those who thumbs down the video ..found it really 1A allthough i couldn't understand it 100% due to my bad english

thanks <3

Great tutorial <3

The Odin Project

@ min: 3.00 it would have been usefull to specify how to carry over those changes I made in devtools to the original *html file so the changes are permanent.

I really like your videos!
You are doing an awesome job for use newbies... :D

I got this instantly, you're very clear. Thank you!

This is the best, succinct instruction on the web tools and how to deconstruct what is happening and what is applied. Thanks for the information!

Dude! This is great, glad I'm not the only one snooping at other people's tricks.

!important