I’m Dudley Storey, the author of Pro CSS3 Animation. This is my blog, where I talk about web design and development with , and . To receive more information, including news, updates, and tips, you should follow me on Twitter or add me on Google+.

web developer guide

my books

Book cover of Pro CSS3 AnimationPro CSS3 Animation, Apress, 2013

my other blogs

Massive Head Canon: Intelligent discussion of movies, books, games, and technology.

my projects

A Sass color keyword system for designers. Replaces CSS defaults with improved hues and more memorable, relevant color names.

CSSslidy: an auto-generated #RWD image slider. 3.8K of JS, no JQuery. Drop in images, add a line of CSS. Done.

tipster.ioAutomatically provides local tipping customs and percentages for services anywhere.

Configuring Notepad++

tools / editors

Estimated reading time: 1 minute, 8 seconds

Notepad++ is a free, open source, and well-regarded alternative text editor: you might think of it as "Notepad on steroids". Being an open source product, setting up the program is slightly quirky.

First, download and install the program as normal, if necessary – there's no need to change any of the installation options. At the end of the process, Notepad++ will give you the option of running the program. Do so, and then make the following changes. (for this example I'm using version 5.8.7):

  1. New Document SettingsUnder Settings on the menu bar, choose Preferences.

  2. In the New Document/Default Directory tab choose the UTF-8 without BOM option in the Encoding sub-section. You may want to set up HTML (or your language of choice) as the Default Language option immediately below this section before closing the window.

  3. Under Settings on the menu bar, choose Style Configurator.

  4. Notepad++ Font SettingsIn the Font Style sub-section, choose a font and size that you can read easily.

  5. Ensure that Enable Global Font and Enable Global Font Size are turned on.

  6. Click Save & Close.

  7. Make a new file (CTRL-N) and under the View menu, turn on Word wrap.

That's it. There are many other options and possibilities in Notepad++, but those are the basic settings required to get you started in making web content with the program.

comments powered by Disqus

This site helps millions of visitors while remaining ad-free. For less than the price of a cup of coffee, you can help pay for bandwidth and server costs while encouraging further articles.