Category Archives: Video

Quick Coding with Brackets – Navigation

(Full course listing here)

Gist with HTML
Gist with CSS
Gist with JavaScript

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

Navigation – Tutorial Highlights

In this lesson I talk about all the different ways to jump around in and between your files. You can quickly find CSS rules and JavaScript functions using some of these tricks.

1:05 – Quick Find Definition (Cmd/Ctrl+T)
2:25 – Quick Documentation (Cmd/Ctrl+K)
3:55 – Jump to Definition (Cmd/Ctrl+J)
4:20 – Quick Edit work with JavaScript
5:20 – Go to Line (Cmd+L/Ctrl+G)
6:15 – Quick Navigation panels

Up Next: JavaScript Hints & Linting

Quick Coding with Brackets – Multiple Cursors

(Full course listing here)

Gist with HTML for Multiple Cursors and Navigation

Updated icons_gray.png
Updated icons_white.png
(Right-click and save to img folder. If you click on the icons_white.png image you won’t see anything since it is pure white against a pure white background!)

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

Multiple Cursors – Tutorial Highlights

There are many ways to access Multiple Cursors in Brackets. The first part of the lesson is spent teaching the different ways to get multiple cursors. The second part of the lesson is demonstrating most of these ways in my project.

If you are short on time, you can just watch from 1:40 to 4:50 to see the overview.

1:40 – Alt+Drag mouse
2:00 – Select a column of text
2:15 – Alt+Shift+Arrow to add cursors
2:40 – Cmd/Ctrl and click to add a cursor
3:00 – Cmd/Ctrl+B – Add next match to selection
3:50 – Alt+F3 (Cmd+Ctrl+G) – Select all of current selection
4:18 – Split selection into lines
4:50 – Demonstration of different methods
6:35 – ESC to get out of multiple cursor mode

Up Next: Navigation