Google Chrome Developer Tools Crash Course

Рет қаралды 679,148

6 жыл бұрын

In this video we will be taking an intermediate look at the Google Developer Tools. You will learn how to do things such as...
Inspect & Examine HTML/CSS
Edit HTML/CSS
Enable/Disabled styles
Move & Delete Elements
Console Logs & Other Commands
Special Console Symbols
Examine Network & Resources
Use Snippets
Workspaces & Permanent Changes
View & Remove Browser Storage
Perform Audits
Add MailTag to your browser (it's free) ➜ goo.gl/qZf5Pj
Thank you MailTag for sponsoring this video
MIZUXE THEME FILES:
www.traversymedia.com/download...
GIST WITH SANDBOX CODE:
gist.github.com/bradtraversy/...
BECOME A PATRON: Show support & get perks!
/ traversymedia
ONE TIME DONATIONS:
www.paypal.me/traversymedia
COURSES & MORE INFO:
www.traversymedia.com
FOLLOW TRAVERSY MEDIA:
/ traversymedia
/ traversymedia
/ traversymedia

Пікірлер: 295

@samdavepollard 6 жыл бұрын

Many Thanks, Brad.

@TraversyMedia 6 жыл бұрын

The Bootstrap 4 theme files are in the description if you want them to follow along. Don't forget to check out the Udemy course if you are interested in creating it from scratch :) Enjoy the video guys

@TH4445 5 жыл бұрын

Brad I've been diddling with Web design for years, read a couple of large books, spent hours on w3c site. Seems like the tools to help have fun at my level are appearing thanks to the talent an work of many. Now I found Traversy also to even make it better.

@StepFamM3dia 3 жыл бұрын

This video is for the ones that "applied to a position I don't know nothing about but I got hired anyways" You're the best!

@marcpaters0n 6 жыл бұрын

I'm a total coding noob and this has really opened my eyes to the possibilities with nothing but the browser. Thanks.

@KJProductions34 6 жыл бұрын

Hey man - I just wanted to let you know that you do a great job of explaining things and whatever mic you use is dope!

@avigailomichael 5 жыл бұрын

Gosh, you're awesome! What I've learned just 5 minutes in! Even a child would understand you easily. Staying glued to this channel right here.

@aaronhughes1759 6 жыл бұрын

Another awesome and informative video Brad! I just started learning about web development about a month ago and can't thank you enough for these in-depth crash courses on so many different topics!

@chunnaranong6499 4 жыл бұрын

Am learning WordPress but a number of lessons show 'inspector'. I learnt so much from this video. Thank you.

@visualimpactmedia8205 5 жыл бұрын

Most persons use Dev Tools to rip css styles. The entire video gives you tips on how to find styles but the focus on the css menuse starts at:

@ga7853 6 жыл бұрын

Thank you so much, you have explained that bootstrap class "navbar-light" does not mean LIGHT COLOR, this misleading use of 'navbar-light' by bootstrap guys was driving me nuts, how to make the navbar background dark but the text white, and when ever I use navbar-light, the text can't be seen on a background navbar, so thank you so much, you are the man.

@kenvng 2 жыл бұрын

Thank you. Looking for a good tutorial on this and this seem so legit. A bit old but hopefully not much changed. The website to work on looks the same. Great work sir. Most grateful for your contribution. God Blesses!

@skillzorskillsson8228 3 жыл бұрын

When you increment pixels in dev tools with up and down arrow you can also hold down Shift to increment by 10 pixels or you can hold ctrl to increment by 0.1 pixels. That is worth keeping in mind :)