koldfront

Improvements in HTML/CSS #html #css

๐Ÿ•—๏ธŽ - 2024-01-17

I kind of stopped following the HTML and CSS standards quite a while back. Sort of when XHTML and CSS2 were the newest stuff.

Recently I learned about CSS grids, which seemed nice, although I haven't used that on a public site yet.

I stumbled over the blog-post "Making my website faster" a couple of days ago, and it had some stuff I want to remember without having to read the entire thing again, so I'm just going to list them here:

    <link rel="preload" as="ROLE" crossorigin href="URL">

in <head> before anything else, eg for fonts; URL must match the entry in the CSS file exactly.

Lazy loading images using loading="lazy", and <details>:

    <details>
      <summary>This is a big GIF, you have been warned!</summary>
      <img src="big-gif.gif" loading="lazy" alt="You're not missing much, really">
    </details>

Add comment

To avoid spam many websites make you fill out a CAPTCHA, or log in via an account at a corporation such as Twitter, Facebook, Google or even Microsoft GitHub.

I have chosen to use a more old school method of spam prevention.

To post a comment here, you need to:

ยน Such as Thunderbird, Pan, slrn, tin or Gnus (part of Emacs).

Or, you can fill in this form:

+=