← Back to context

Comment by neilv

3 days ago

One way to get to this is to start with almost-'94 HTML:

  <!doctype html>
  <html>
      <head>
          <title>Some Topic</title>
      </head>
      <body>
          <h1>Some Topic</h1>

          <p>Information goes here.</p>

          <p>Information goes here.</p>

          <p>Information goes here.</p>

      </body>
  </html>

Then add a little non-'94 CSS styling.

If you decide to add an off-the-shelf wad of CSS, like Pico.css, consider hosting it alongside your HTML (rather than turning it into another third-party dependency and CDN cross-site surveillance tracker). Minified, and single-request.

10 comments

neilv

Reply
divbzero  3 days ago

This should be every web developer’s first webpage. No npx create-react-app ... or pip install django or any other layers in between.

nicbou  3 days ago

It's really that simple.

I run a website that's primarily text-based. When I change the base template, I still check that it works without CSS. This just means semantic HTML.

That being said, CSS is rarely that large. Even after a few years of relative indulgence, the gzipped CSS for the whole website is still something like 20kb.

valadaptive  3 days ago

I always include `<meta charset="utf-8">`. Is that still necessary?

  • genewitch  3 days ago

    you don't even need `<!doctype html>`. I'm sure it's easy to look up when that was added/recommended, but i've never used it when i do a 94 html page/site like this. html head title /title /head body /body /html 'sit

    • qznc  2 days ago

      Minimal valid HTML5:

          <!doctype html>
    <title>Hello</title>
    <h1>Hello World</h1>

    • neilv  3 days ago

      That particular doctype is HTML5. I was making a too-subtle joke about slapping it on '94 HTML.

  • neilv  3 days ago

    I also do that and a couple other things. I used mostly '94 HTML for the comment, to try to make a point.