MODIFY HTML AND CSS CODE IN REAL TIME

One of the strengths of the Chrome Inspector is its capability to modify HTML and CSS code in real time, without the requirement of reloading the web page or even modifying the original HTML files directly. This gives you the opportunity to experience and develop HTML and CSS in a whole new way, using a cause-and-effect relationship. For example, if an element is not appearing in the right place in the browser window, adjust its left, top, and position property values in the inspector and watch it move accordingly.

The one thing that the Chrome Inspector cannot do is save your changes to the original HTML file. This feature is designed to do simple one-off changes and to examine how the rendering changes. ...

Get HTML5: Your visual blueprint™ for designing rich web pages and applications now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.