N

Noble Desktop

75 articles in Coding Tips

At Noble Desktop you can learn how to code websites, build iOS apps, make graphics, and more. From our front-end coding bootcamp to Photoshop classes, we offer a variety of comprehensive day, evening, and weekend training classes as well as certificate programs in web design, web development, HTML email, and more. Courses are available in-person (at our training facility in Soho), live online, and customized corporate or private training. Our course materials and workbooks are used by colleges and schools worldwide. Learn a skill today and start using it tomorrow.

Coding TipsMarch 22, 20261 min read

Quickly Link Stylesheets to HTML Documents in Sublime Text

In an HTML file, type link and hit Tab to expand to <link rel="stylesheet" href="">. Type the URL of the desired CSS file. Use this...

Coding TipsMarch 22, 20261 min read

Multiple Text Cursors with Arrow Keys in Sublime Text

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

Coding TipsMarch 22, 20261 min read

Go To Line in Sublime Text

In Sublime Text, you can quickly jump to any line in the code. Hit Ctrl–G (Mac and Windows). Type in a line number and hit Return/Enter to...

Coding TipsMarch 22, 20261 min read

Sort Lines in Sublime Text

Sublime Text allows you to quickly sort lines alphabetically. Select the lines you want to sort and choose Edit > Sort Lines. You can also...

Coding TipsMarch 22, 20261 min read

Join Lines in Sublime Text

Sublime Text allows you to quickly join lines together. Select the lines and hit Cmd–J (Mac) or Ctrl–J (Windows). If nothing is...

Coding TipsMarch 22, 20261 min read

Update Image Size in Sublime Text

Sublime Text with Emmet allows you to automatically update width and height attributes on img tags. Place the cursor inside an img tag and...

Coding TipsMarch 22, 20261 min read

Quickly Write a Nested Table in Sublime Text

Sublime Text with Emmet allows you to code faster by typing an abbreviation and then expanding the abbreviation with the Tab key. If you...

Coding TipsMarch 22, 20261 min read

Quickly Select One or More Lines in Sublime Text

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...

Coding TipsMarch 22, 20261 min read

Paste From Recent History in Sublime Text

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...

Coding TipsMarch 22, 20261 min read

Change Text Case in Sublime Text

Sublime text allows you to quickly convert selected text to upper case or lower case. To convert to upper case: In quick succession,...

Coding TipsMarch 22, 20261 min read

Increase & Decrease Numbers in Sublime Text

Sublime Text with Emmet allows you to quickly adjust numbers in your code. For example, you want to change 20px to 22px. Instead of...

Coding TipsMarch 22, 20261 min read

Place Multiple Text Cursors in Sublime Text

Some text editors only allow one text cursor, but Sublime Text allows multiple. This is really useful, for example, if you want to insert...

Coding TipsMarch 22, 20261 min read

Quickly Code CSS text-align: center in Sublime Text

In CSS, type tac and hit Tab to expand to text-align: center;

Coding TipsMarch 22, 20261 min read

Quickly Write Comments in Sublime Text

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...

Coding TipsMarch 22, 20261 min read

Duplicate Lines in Sublime Text

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).

Coding TipsMarch 22, 20261 min read

Hide HTML Attributes in Sublime Text

This tip is really useful for building HTML emails because HTML emails can become very cluttered with inline CSS. To fold all HTML...

Coding TipsMarch 22, 20261 min read

Quickly Write Multiple Tags in Sublime Text

Sublime Text with Emmet allows you to code faster by typing an abbreviation and then expanding the abbreviation with the Tab key. To...

Coding TipsMarch 22, 20261 min read

Quickly Write Tags with Their Class or ID in Sublime Text

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...

Coding TipsMarch 22, 20261 min read

Quickly Start an HTML File in Sublime Text

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...

Coding TipsMarch 22, 20261 min read

Jump to the Beginning or End of a Line

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...

Web DevelopmentMarch 22, 20267 min read

The Best Text Editor

One of the first things you’ll do as a new programmer is choose a text editor to work with on a regular basis. Two of the most popular text...

Coding TipsMarch 22, 20261 min read

Quickly Select Everything Inside a Tag

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...

Coding TipsMarch 22, 20261 min read

Insert New Line in Sublime Text

To insert a new line below the current line in your code, hit Cmd–Return (Mac) or Ctrl–Enter(Windows). You can also insert a new line above...

Coding TipsMarch 22, 20261 min read

Delete Line in Sublime Text

To quickly delete a line in your code, place your cursor anywhere in the line and hit Ctrl–Shift–K (Mac and Windows).