Noble Desktop Blog | Tutorials, Resources, Tips & Tricks

Articles on: Coding Tips

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.

Read Article

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.

Read Article

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.

Read Article

Jump to the Previous or Next Word

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.

Read Article

Quickly Delete a Word

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.

Read Article

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 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 unfold, hit Cmd–K and Cmd–0(Mac) or Ctrl–K and Ctrl–0 (Windows). 

Read Article

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 of code in Sublime Text, place the cursor anywhere in a line (or select multiple lines) and hit Cmd–/ (Mac) or Ctrl–/ (Windows).

Use the same keystroke on an empty line to insert a blank comment.

Read Article

Interview: Noble Grad Yayoi Sugishita

Yayoi Sugishita

Yayoi Sugishita attended Noble's Web Design Certificate in early 2016. Her second project was a website for Sakebar Shigure. The website uses elegant HTML, CSS, and JavaScript in a 1-page format. 

What was your background before learning how to code?

I was a video editor for a Japanese broadcasting company. I didn't have any knowledge of coding at all before learning it.

What led you to pursue classes and a career in code?

At the beginning, I was thinking to run an online business after quitting my previous job.  I thought it'd be better if I could make my own websites than hiring someone.

Did you research other schools before deciding on Noble? 

Yes, I did. I was googling many Web development schools in NYC like New York Code+Design Academy, Flatiron School, and App Academy etc.

What led you to decide to go to Noble?
Noble's programs were very attractive to me, because they gave an opportunity to retake classes, and also the price of the programs was reasonable compared to other schools.

Read Article

Yelp Facebook LinkedIn YouTube Twitter Instagram