From the course: CSS: Float-Based Page Layouts (2012)
Unlock the full course today
Join today to access over 22,700 courses taught by industry experts or purchase this course individually.
CSS debugging tools - CSS Tutorial
From the course: CSS: Float-Based Page Layouts (2012)
CSS debugging tools
One of the things that I've really been intrigued with over the past few years is how the browser has evolved from being simply a passive receiver of web content to being a very active part of the web development process. Now that's especially true for CSS authoring, as most browsers now have built- in debugging tools for checking and modifying your CSS. Now if you're using a HTML editors like Dreamweaver, you already have a robust set of CSS debugging tools built right into the editor itself. If on the other hand, you are using one of the more lightweight editors, such as the one that I'm using for this title, Aptana Studio, then you are going to rely on the browser for much more of your testing and tweaking. Now this process can be made a lot easier if you know how to use the browser debugging tools, so in this movie, I am going to introduce you to a few of those tools, show you have set them up, and give your brief tour of some of their CSS capabilities. Now one of things that I…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
(Locked)
Box model review8m 47s
-
(Locked)
Calculating element dimensions11m 11s
-
Understanding margin collapse7m 59s
-
(Locked)
Calculating em values7m 41s
-
(Locked)
Calculating percentage values7m 51s
-
(Locked)
Normal document flow13m 3s
-
(Locked)
Controlling element display8m 53s
-
(Locked)
Using CSS Resets7m 11s
-
(Locked)
Fixed, fluid, and responsive layouts9m 9s
-
(Locked)
CSS debugging tools6m 46s
-
(Locked)
Using the Firebug Inspector and the WebKit Web Inspector11m 5s
-
(Locked)
-
-
-
-
-
-
-
-