Quick Coding with Brackets – Moving Code

(Full course listing here)

Gist with HTML for Moving Code Shortcuts

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

Moving Code in Brackets – Tutorial Highlights

In this lesson we see how to move code to the left or right and up or down. You can move a single line of code or large blocks of selected code.

0:55 – Move line down or up
1:40 – Indent code two ways
2:55 – Move a block of code

Up Next: Find & Replace

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