Using a good free text editor for building web sites: SublimeText

As you may or may not know at this point, building a web site is basically  editing text files and saving them on your computer with the right extension.

So, that’s good news, you do not need fancy software! Notepad (on Windows) or TextEdit (on Mac) will do just fine. In principle.

But, you really shouldn’t be using those for anything beyond a first Hello World page. There are many free text editors out there that are better because they have syntax highlighting.

And, pretty much everybody agrees, the best text editor of the moment is Sublime Text. There’s a version for every platform: Windows, Mac and Linux.

Sublime Text has many, MANY cool features, and I’m sure we will write more about them in the future, but for now all you need to know is this.

Instead of looking like this:

Screen Shot 2014-01-18 at 18.25.17

Your HTML code and CSS code will look like this:

Screen Shot 2014-01-18 at 18.24.28

See? It nicely puts the different HTML and CSS code elements in a different color, so they stand out and look easy to distinguish from your content. This is called ‘syntax highlighting’.

While the flashy colors may take some getting used to (though there are many ways to customize them), this will have you make a LOT less errors.

So, go download sublime text, and use that from now on.

You will be a lot more productive that way, and real web developers watching you work will be less likely to punch you in the face. You’re welcome.

In the next tutorial, we start the real learning with  our introduction to HTML tags.

Advertisements

One comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s