HTML & CSS Crash Course Tutorial #7 - Chrome Dev Tools

Показать описание

Hey gang, in this HTML & CSS tutorial for beginners I'll go through what Google Chrome dev tools are - and how they can help us when creating websites. We'll look at inspecting elements, getting CSS selectors, editing attributes & CSS rules on the fly and also importing project folders into Chrome for live coding.

----------------------------------------

🐱‍💻 🐱‍💻 Course Links:

🐱‍💻 🐱‍💻 Other Related Courses:

Рекомендации по теме

Комментарии

I’ve been binge watching your past playlists on react, regex, and more and I just had to come here to tell you that the work your doing on this channel is truly incredible. You put out the highest quality content, bring awesome energy, have unparalleled knowledge and top it off with masterful teaching skills. Your channel is changing my life, improving me everyday, and I’m certain that the majority of your subs and viewers feel the same way. I have so much appreciation for the resources and content you create. Thank you, wholeheartedly.

Luke-xivn

I'm binge-watching this playlist like it's Netflix. Dude, you are an amazing teacher.

djstylistictv

One of the best tours of Chrome developer tools I've seen; I use it daily but learnt plenty here. Thanks.

batchrocketproject

You are by far the best teacher I have come across on YouTube! Thank you tons for sharing your knowledge!!!

magalyriera

i was confused watching many tutorials when it comes to check what they are doing with chrome tools . nobody makes it so clear as you did. thank you so much

MOTAZ

yea, Chrome Dev Tools are really useful things! and I'd like to say it was pretty good introduction to them 👍

ridl

Hey Ninja, its really good video about chrome dev tools its used for beginner especially who come for web developement domain, thank you make this vidoe, we need to see another video on chrome dev tools on this channel ✔❤👏

venkatakalyan

it is a really good tutorial. i learnd a lot form here. Thank you for professional sharing
explain Chrome Dev Tools very detail .

hris

Ah...based on your video it appears that setting up a work-space is good for when we are starting to build a style-sheet from scratch that serves to be a template, as oppose to modifying one that already exists. Its tough to find a good video on using the modern version of workspaces in Chrome these days. Everything I'm finding is extinct like the dinosaurs. Thanks

kensleylewis

Best HTML & CSS Tutorial, explanations are greats and brights.

yinonb

thank you for explaining a lot Im porbably going to use it almost everyday in my life now

hussainbabonji

Absolutely brilliant tutorials. Thank you from South Africa let me know if you ever want to go on safari😀😀

jenniferward

06:30 with Chrome 116 You can't edit the file without add the folder: Sources -> Filesystem -> + Add folder to workspace. and add the folder you work on. now you can edit and save it.

JohnnyB.Good

It would be so awesome if we could write SASS in workspace new files too! Maybe someday we'll get there...

kensleylewis

5:54 why can't I see my img folder in Sources when using Live Server, but when using File protocol, I can?

If I rename the folder to image then back to img, I can see it in Sources (Live Server), but when I then manually refresh the page, the folder is gone (the images all appear though).

(The img folder appears in the Filesystem subtab, but greyed out)

cedric_ds