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!
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.
You can also convert to title case by choosing Edit > Convert Case > Title Case (there’s no keyboard shortcut).
Learn about designing for mobile websites and apps. In this free class, we’ll cover numerous resources and info.
Want to learn more? Check out the following classes we offer:
Photoshop for Web Design & UI
Sketch in a Day
Adobe XD in a Day
Web Design Certificate
Responsive HTML Email
Mobile & Responsive Web Design
View the Presentation Slides
Sublime Text with Emmet allows you to quickly adjust numbers in your code.
For example, you want to change 20px to 22px. Instead of selecting and typing the new number, click on the number and hit Ctrl–Up Arrow (Mac and Windows) to increase it 1px at a time. Increments of 0.1 and 10 also work:
Increase/Decrease by 0.1: Hold Option (Mac) or Alt (Windows) and hit Up or Down Arrow
Increase/Decrease by 1: Hold Ctrl (Mac or Windows) and hit Up or Down Arrow
Increase/Decrease by 10: Hold Cmd–Option (Mac) or Shift–Alt (Windows) and hit Up or Down Arrow
Get started with the fundamentals of client-side (front-end) JavaScript, opening up your webpages to new and exciting functionality. Then continue learning in our JavaScript for Front-End class.
View the Presentation Slides
Download Demo Files
Some text editors only allow one text cursor, but Sublime Text allows multiple. This is really useful, for example, if you want to insert the same word in multiple places.
Click anywhere in the code to place the text cursor. Cmd–Click (Mac) or Ctrl–Click(Windows) to place an additional text cursor. You can place as many cursors as you want!
With Sublime Text you can quickly select everything inside an HTML tag. Just click anywhere inside the tag and hit Cmd–Shift–A (Mac) or Ctrl–Shift–A (Windows).