Duplicate Lines in Sublime Text
May 29, 2018 | Noble Desktop
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).
Join our email list for a chance to win
Articles Tagged: Coding Tips
May 29, 2018 | Noble Desktop
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).
May 21, 2018 | Noble Desktop
Collapsing sections of your code lets you get a better view of the overall structure of your file.
To hide all HTML attributes in Sublime Text, hit Cmd–K then Cmd–T in quick succession (Mac) or Ctrl–K then Ctrl–T in quick succession (Windows). To show the attributes again, hit Cmd–K and Cmd–0 (Mac) or Ctrl–K and Ctrl–0 (Windows).
May 14, 2018 | Noble Desktop
Hit Option–Delete (Mac) or Ctrl–Backspace (Windows) to delete the word to the left of the cursor. This is an operating system feature so it should work in any text editor.
This same technique can be also be used in the opposite direction. Hit Option–Fn–Delete (Mac) or Ctrl–Delete (Windows) to delete the word to the right of the text cursor.
May 7, 2018 | Noble Desktop
Use Option (Mac) or Ctrl (Windows) with the arrow keys to quickly navigate and edit your code. Hit Option–Left (Mac) or Ctrl–Left (Windows) to move the cursor to the previous word. Hit Option–Right (Mac) or Ctrl–Right (Windows) to jump to the next word. This is an operating system feature so it should work in any text editor.
Apr 30, 2018 | Noble Desktop
Collapsing sections of your code lets you get a better view of the overall structure of your file.
To fold a block of code, place your cursor anywhere in the block and hit Cmd–Option–] (Mac) or Ctrl–Shift–] (Windows). To unfold, hit Cmd–Option–[ (Mac) or Ctrl–Shift–[ (Windows).
Apr 23, 2018 | Noble Desktop
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.
Apr 16, 2018 | Noble Desktop
Did you know that you can change a webpages’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.
Apr 9, 2018 | Noble Desktop
To ensure special characters display properly 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 project .htaccess file and copy the Character encodings section. Paste it into your server’s .htaccess file.
Apr 2, 2018 | Noble Desktop
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 HTML, type table+ and hit Tab. Emmet expands table+ to
<table>
<tr>
<td></td>
</tr>
</table>
Mar 29, 2018 | Noble Desktop
There are newer design apps like Sketch or Adobe XD, and existing design apps like Photoshop have changed dramatically in ways that many designers have not kept up with. Whether you’re new to web design, transitioning from print to web design, or have been designing websites but want to update your skills, join us for this informative live stream event.
View the Presentation Slides
LEARN MORE:
Photoshop for Web Design & UI Class
Sketch in a Day Class
Adobe Experience Design (XD) in a Day Class
Read More
Learn about new classes and seminars every week. Plus you’ll be entered to win free stuff!