< Notes...

“there really are no uninteresting things...”

Found 3 notes tagged as "html", as shown below. All notes in chronological order.

See all available tags...

ageing1 apple41 appletv3 best8 birthdays7 claudine13 cryptography4 css4 elders1 family5 finances1 fonts6 food12 friend10 games32 github1 google12 help3 horsie24 html3 hugo18 hulu4 humans10 humour19 interesting1 japan21 kdramas7 lawn7 life2 llm15 manga9 martin3 me62 memes1 movies29 mum13 music2 netflix14 nyc8 paramount1 philosophy4 politics57 prime1 quotes1 random28 rants31 re5 selfhost2 series37 social12 staticgen5 tech91 tesla1 themet4 thoughts29 tubes39 unix5 via22 videos7 weather11 woodblock4 work15 wwdc3

07 Oct 2025 @ 08:54:34

These are 100 bytes of CSS that will pretty much make any “vanilla” HMTL look good. I have tested it, and it does look good indeed!

html {
  max-width: 70ch;
  padding: 3em 1em;
  margin: auto;
  line-height: 1.75;
  font-size: 1.25em;
}

If we add an additional, but optional, 100 bytes—so, 200 bytes in total then—things can get much prettier (this works as a light theme).

h1,h2,h3,h4,h5,h6 {
  margin: 3em 0 1em;
}

p,ul,ol {
  margin-bottom: 2em;
  color: #1d1d1d;
  font-family: sans-serif;
}
css html
04 Oct 2025 @ 12:42:59

Just came across daisyUI and, though perhaps overkill for anything I might need at a personal level, it looks truly amazing. It has pretty much all the components to create a uniform, powerful, beautiful looking web interface. That is, whether an application, or a website. It’s lovely!

html css
31 Jul 2025 @ 13:31:23

To speed up browsing on Chrome—yes, only available on Chrome at the moment—simply add these lines somewhere between your website’s <head>. Allegedly it provides “a near-instant loading experience”.

<script type="speculationrules">
  {
    "prerender": [{ "where": { "href_matches": "/*" }, "eagerness": "moderate" }],
    "prefetch": [{ "where": { "href_matches": "/*" }, "eagerness": "moderate" }]
  }
</script>

➝ Via Hacker News.

html tech