Quick Coding with Brackets – Live Preview Highlight

(Full course listing here)

Gist with HTML for Quick Edit Shortcuts

Project Code – starting point for this Lesson
Project Code – ending point for this Lesson

Live Preview Highlight – Tutorial Highlights

This lesson looks at the Live Preview Highlight option available under the View menu. Turning this option on will highlight each element you are current editing in the Live Preview. While not as robust as browser Developer Tools, this option can be helpful when developing websites and using the Live Preview.

0:35 – Turning Live Preview Highlight on
0:55 – Demonstration of Live Preview Highlight
2:10 – Comparing to Developer Tools
3:20 – The highlight works when editing CSS

Up Next: Moving Code

Leave a Reply

Your email address will not be published. Required fields are marked *