In our interview with John Riviello, we learned that one of the important skills developers need is their ability to debug their code. In this episode, we'll take a look at some of my favorite ways to debug CSS with Chrome Developer Tools.
- [Instructor] In a previous interview with John Rivialo,…we learn that one of the important skills developers need…is the ability to debug their code.…In this episode, we're going to take a look at some of my…favorite ways to debug CSS with the Chrome developer tools.…Now, although we're using Chrome right here, all browsers…have their own set of developer tools, which are fairly…comparable with what I'm going to be showing you…in Google Chrome.…Now, regardless of the tool you're using, it's critical…to be comfortable with the developer tools that you know.…Developer tools are pretty deep, so I'm just going to focus…in CSS in this episode and the following things.…
First, I'm going to talk about navigating the DOM,…or the structure of your page, so that you can target…a specific element.…In the Chrome browser, you do that through the elements tab.…Now, second, we're going to take a look at the two main places…where you can analyze what your stylesheet is doing,…the styles subtab, as well as the computed subtab.…
Skill Level Intermediate
Q: Why can't I earn a Certificate of Completion for this course?
A: We publish a new tutorial or tutorials for this course on a regular basis. We are unable to offer a Certificate of Completion because it is an ever-evolving course that is not designed to be completed. Check back often for new movies.