Debugging CSS with Chrome DevTools

Focused View

Guil Hernandez

35:05

229 View

01. Introduction to Chrome DevTools.webm

02:11

02. Getting to Know the Elements Panel.webm

04:32

03. Inspecting Styles.webm

05:26

04. Viewing Inherited and User Agent Styles.webm

03:58

05. Adding and Editing Styles.webm

02:31

06. Identify and Debug Errors.webm

04:28

07. Visualizing the Box Model and Computed styles.webm

03:59

08. Debugging Styles Challenge.webm

02:05

09. Debugging Styles Solution.webm

05:55

debugging-css-with-chrome-devTools.zip

Description

About this Workshop

In this workshop, we'll explore the most useful and efficient tool for debugging CSS: Chrome Developer Tools.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

CSS

Guil Hernandez

Instructor's Courses

Guil is a Full Stack JavaScript and Front End Web Development instructor at Treehouse. You can follow him on Twitter @guilh.

Treehouse

View courses Treehouse

Treehouse or is an online technology school that offers beginner to advanced courses in web design, web development, mobile development and game development. Its courses are aimed at beginners looking to learn computer coding skills for a career in the tech industry.