HTML and CSS Reference
In-Depth Information
"The Principles of Cross-browser CSS Coding"
"Cross-browser CSS Development Workflow"
Use Developer Tools and a Good Text Editor
Here are two final tips that will help you reduce overall development time. The catch is that
they require the use of some fairly complex tools.
The first tip is to know how to use developer tools in your browser of choice, and learn to use
them to debug issues. If you use Google Chrome as a primary development browser, you'll
have a set of developer tools that come pre-installed with the browser, seen in Figure 6.2 . To
open those tools, hit the F12 key, enter the alternate keyboard combination of CTRL-SHIFT-
i, or right-click (Command-Click on a Mac) anywhere on a web page and select Inspect ele-
ment from the context menu.
Search WWH ::




Custom Search