1,143 expert tutorials on coding, design & data
"Say Whaaatt?" That’s right—the Yellow Pages—get over it! Well, some businesses already have; but fascinatingly enough, for many...
While you may have heard the term "motion graphics" before, if you’re like the majority of people, you’re probably still trying to define...
Visual design is way more than just appearance, providing essential tools for creating marketing perfection. While design is crucial in...
Sublime Text allows you to quickly sort lines alphabetically. Select the lines you want to sort and choose Edit > Sort Lines. You can also...
Sublime Text allows you to quickly join lines together. Select the lines and hit Cmd–J (Mac) or Ctrl–J (Windows). If nothing is...
Sublime Text with Emmet allows you to automatically update width and height attributes on img tags. Place the cursor inside an img tag and...
Sublime Text with Emmet allows you to code faster by typing an abbreviation and then expanding the abbreviation with the Tab key. If you...
In Sublime Text, you can select lines with a keystroke. Hit Cmd–L (Mac) or Ctrl–L (Windows) to select the current line. Repeat the...
Sublime Text remembers the last 15 items you’ve copied and you can paste any one of them! Hit Cmd–Option–V (Mac) or Ctrl–K then Ctrl–V...
Sublime text allows you to quickly convert selected text to upper case or lower case. To convert to upper case: In quick succession,...
Sublime Text with Emmet allows you to quickly adjust numbers in your code. For example, you want to change 20px to 22px. Instead of...
Some text editors only allow one text cursor, but Sublime Text allows multiple. This is really useful, for example, if you want to insert...
In CSS, type tac and hit Tab to expand to text-align: center;
Comments tell the web browser to ignore a section of code. We use them to document and debug our code. To comment out one or more lines...
To quickly duplicate a line of code, place the cursor anywhere in the line and hit Cmd–Shift–D(Mac) or Ctrl–Shift–D (Windows).
This tip is really useful for building HTML emails because HTML emails can become very cluttered with inline CSS. To fold all HTML...
Sublime Text with Emmet allows you to code faster by typing an abbreviation and then expanding the abbreviation with the Tab key. To...
You can create a tag with a class or ID. For example, if you type p.info and hit Tab, Emmet expands p.info to <p class="info"></p>. If...
To start a new HTML page, first create a new file in Sublime Text and save it with the .html extension. This will set the syntax of your...
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...
To jump to the beginning or end of the line, hold Cmd and hit Left or Right Arrow (Mac). Windows users, hit Home to jump to the beginning...
Interested in a career in design? Confused about what career you should choose? UX Designer, Graphic Designer, UI or Visual Designer,...
The thought of programming an app might sound intimidating to anyone who hasn’t tried it before. Never fear! Your brain is up for the...
Each year Adobe comes out with new features, so what changed in Illustrator CC 2019? We’ll cover the most important changes we think you...