00 Introduction

Small websites, shown with care.

Ntug is a reference room for people who publish their own corner of the web: a studio of one, a neighborhood club, a family archive, or a shop with a handful of products. We explain how the parts of a site fit together, what each publishing path asks of you, and how to keep things in good order after the launch excitement fades.

01 The collection

Three layers, kept apart on purpose

Every website, however modest, is built from three layers. Ntug keeps them separate, so you can restyle a page without rewriting its words, and add a feature without making the page depend on it.

01

Structure

The HTML holds the words and their order: headings, lists, links and forms. Clear structure reads well in a browser, to a screen reader and to a search index, and it costs nothing to keep tidy.

02

Appearance

The CSS sets type, color, spacing and layout. A single stylesheet with a short set of named colors and flexible grids can carry a page from a narrow phone to a wide monitor without a second design.

03

Behavior

The JavaScript is optional by design. A good small site works with scripts switched off, and adds an interaction only where it earns its place, such as a guided set of questions.

1 2 3 4 5
Plate 01. A page drawn as five regions: the header, navigation, main content, aside and footer. Each numbered region is one job the markup has to do.

02 How to use this room

Three steps from question to decision

  1. Start in the decision room. Answer two or three questions and receive a single recommended path, with the reasons written out.
  2. Open the matching entry in the field guide. Each path has a short checklist for setup, upkeep and the mistakes people make most often.
  3. Write to us if your situation fits none of the paths. We would rather hear the awkward case than publish a tidy answer that is wrong for you.

03 Our standards

Three rules we hold ourselves to

04 Begin

Begin with a question

The decision room asks at most three questions and ends with one recommendation. If you already know which path you want, the field guide has a checklist for each one.

Have a case that does not fit? Write to hello@ntug.dev.