Quick Coding with Brackets – Color Picker and Transition Editor

(Full course listing here)

Project Code – starting point for this Lesson
(No code was committed and saved at the end of this lesson.)

Color Picker and Transition Editor – Tutorial Highlights

In this lesson we explore the Brackets Color Picker and Transition Editor. These are part of the Quick Edit functionality that you can access when editing your CSS.

0:00 – Intro
0:45 – Color Picker
1:50 – Transition Editor
2:50 – Bezier Curve editing
3:35 – Transition Steps editing

Up Next: Live Preview Highlighting

Quick Coding with Brackets – Quick Edit Shortcuts

(Full course listing here)

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

Quick Edit Shortcuts – Tutorial Highlights

In this lesson we look at Quick Edit shortcuts. We also see how to target classes and id’s and how to deal with multiple Quick Edit windows. Quick Edit works with Sass and Less files now, and there is a quick demo of that as well.

0:00 – Intro
0:40 – targeting a class or id with Quick Edit
2:00 – multiple Quick Edit windows
3:20 – add a new rule shortcut
4:05 – switching rules with the keyboard
6:00 – Quick Edit Sass and Less

Up Next: Color Picker and Transition Editor