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 the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.