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).
Quickly Cut a Line of Code in Sublime Text
In Sublime Text, you can quickly cut and paste an entire line of code without selecting it. Place your cursor anywhere in the line and use Cmd–X (Mac) or Ctrl–X (Windows) to cut the line. Then use Cmd–V (Mac) or Ctrl–V (Windows) to paste the line somewhere else.
You can also copy a line of code the same way. Just use Cmd–C (Mac) or Ctrl–C (Windows).
Quickly Write Nested Tags in Sublime Text
Use > (greater-than symbol) to quickly write nested tags. For example, if you type article>h1and hit Tab, Emmet expands article>h1 to
<article>
<h1></h1>
</article>
Note: This keystroke requires Emmet to be installed in Sublime Text. For instructions on how to install Emmet, download our Sublime Text Enhancements Installation Guide.
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 you omit the tag, Emmet will choose an appropriate tag (based on the parent tag). For example, if you type #container and hit Tab, Emmet expands #container to <div id="container"></div>.
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 create multiple copies of a tag, add * (asterisk) and the desired number. For example, to get three list item tags you'd type li*3 and hit Tab. Emmet expands li*3 to
<li></li>
<li></li>
<li></li>
Quickly Write Sibling 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.
Use + (plus sign) between tag abbreviations to quickly write sibling tags. For example, if you type h1+p and hit Tab, Emmet expands h1+p to
<h1></h1>
<p></p>
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 build HTML emails, you know that using nested tables is a necessary evil. But if you have to do it, you might as well do it quickly. In Sublime Text, type table+ and hit Tab. Emmet expands table+ to
<table>
<tr>
<td></td>
</tr>
</table>
Note: This keystroke requires Emmet to be installed in Sublime Text. For instructions on how to install Emmet, download our Sublime Text Enhancements Installation Guide.
Proper Character Encoding with Unicode
To ensure special characters display properly on your website, do one of the following:
- Add <meta charset="UTF-8"> into the <head> of every HTML page.
- Instead of adding the above code into every HTML page, you can configure your server to include it in the header. Go to the HTML5 Boilerplate .htaccess file and copy the Character encodings section. Paste it into your server's .htaccess file.
Learn more web development in our certificate program.
Change the Text Selection Color with CSS
Did you know that you can change a webpage’s text selection color to match your branding and design? In your CSS, use the ::selection selector with the background property. For example, to change the selection color to yellow, add the following CSS to your stylesheet:
::selection { background: #ffff00; }
::-moz-selection { background: #ffff00; }
Note: The -moz adds support for Firefox.
Quickly Switch between Tabs in Sublime Text
Use Cmd (Mac) or Alt (Windows) with the number keys 0–9 to switch between tabs in Sublime Text. For example hit Cmd–2 (Mac) or Alt–2 (Windows) to switch to the second tab.
You can also use Ctrl–Tab (Mac and Windows) to cycle through your tabs.
