</> VirtualASP

THE WORKING NOTEBOOK

Small examples. Clear behaviour. Useful checks.

Architecture / 001

How much site
do you really
need?

A page can do a lot with HTML, CSS and carefully chosen images. Know where static publishing fits—and where an application begins.

Read the architecture note
index.html — a useful starting point
<!-- Content before complexity. -->
<main>
  <article>
    <h1>A page with a purpose</h1>
    <p>Something worth reading.</p>
  </article>
</main>
HTML → browser → reader
A developer working with code across two screens

Frontend lab / 002

Give your images
a place to land.

Dimensions, loading order and useful alternatives: the small details behind a calmer page.

Open the image lab

From markup to release

4 practical guides