Sublime Text allows you to quickly sort lines alphabetically. Select the lines you want to sort and choose Edit > Sort Lines. You can also use the keystroke F5 (Mac) or F9 (Windows).

How do we animate in this day and age of HTML5? Should you use animated GIFs, CSS, or JavaScript? Animation is coming back to the web in a big way, and the trend is to make things move. You can even add animations to emails. Learn about creating animations with CSS, JavaScript (GreenSock), Photoshop, and After Effects in this free class!

View the Presentation Slides
Download Demo Files & PDF Exercise

LEARN GREENSOCK:
Videos + Book Training:
Class (attend in New York City or Live Online)
Book (eBook or Print)
-----------------------
LEARN ADOBE AFTER EFFECTS:
Classes (attend in New York City or Live Online)
Books (eBook or Print)
-----------------------
LEARN ANIMATED GIFS:
Class (attend in New York City or Live Online):
Book (eBook or Print)

Learn to start using Adobe After Effects to create motion graphics/animation video in this free tutorial.

LEARN MORE:
After Effects Classes (attend in New York City or Live Online)
After Effects Books (eBook or Print)

While you can place multiple text cursors in Sublime Text with Cmd–Click (Mac) or Ctrl–Click (Windows), here's another technique that comes in handy.

Hold Ctrl–Shift (Mac) or Ctrl–Alt (Windows) and hit Up or Down Arrow to place an additional text cursor above or below the current cursor.

Windows Users: Ctrl–Alt and Arrow keys may rotate the screen. You may need to change or disable those keystrokes in your display settings.

If you’re not saving your vector graphics (icons, logos, etc) as SVG for use in your webpages, you should be! Instead of using pixel-based PNGs, keep the graphics as their native vectors (so they download faster and can be used at any size). As great as that is, you can even use JavaScript to animate them!

Download the Presentation Slides
Download Demo Files

LEARN MORE:
HTML5 Animation with GreenSock Class (attend in New York City or Live Online)
HTML5 Animation with GreenSock Workbook (eBook or Print)
Web Design Classes (attend in New York City or Live Online)
Web Design Books (eBook or Print)

Here’s a free sample exercise to get you started coding and get a taste of Noble’s teaching style. The exercise is about as simple as it gets—you’ll learn the basic syntax and the most essential HTML tags that are needed to get up and running!

Introduction to HTML Coding Exercise

In this step-by-step exercise, you’ll learn how to create the website shown below by hand-coding HTML. Download a PDF of the exercise and class files to begin.

When should you use Photoshop or Lightroom? Photoshop is well known for editing photos. Lightroom was created for photographers who need to catalog and edit large batches of images. We’ll show you their strengths and weaknesses, so you’ll know when to use each app.

LEARN MORE:
Photoshop Classes (attend in New York City or Live Online)
Lightroom Classes (attend in New York City or Live Online)
Books on Lightroom or Photoshop (eBook or Print)

Want to animate your webpages or create rich HTML5 banner ads? Learn how the GreenSock Animation Platform can breathe new life into websites, mobile apps, games, or online marketing.

View the Presentation Slides & Files.
Learn more in our HTML5 Animation with GreenSock Class or Workbook.

Learn how to composite artwork drawn in Illustrator with various effects and photos into a unified color scheme.

Continue learning more in our numerous Illustrator Classes (attend in New York City or Live Online). Or check out our Illustrator Book (eBook or Print).

Sublime text allows you to quickly convert selected text to upper case or lower case.

• To convert to upper case: In quick succession, hit Cmd–K then Cmd–U (Mac) or Ctrl–K then Ctrl–U (Windows). 
• To convert to lower case: In quick succession, hit Cmd–K then Cmd–L (Mac) or Ctrl–K then Ctrl–L (Windows).

You can also convert to title case by choosing Edit > Convert Case > Title Case (there’s no keyboard shortcut).