< 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...

amazon4 apple96 appletv6 architecture2 art17 birthdays11 claudine15 cryptography14 css6 design25 disney+3 elders5 family32 finances18 fonts22 food34 friends40 games38 george16 github5 google20 hbomax2 health46 help8 holidays15 horsie49 html3 hugo36 hulu6 humans36 humour63 interesting49 japan37 kdramas9 lawn21 life151 llm46 manga9 martin9 me103 memes1 movies49 mum21 music11 netflix25 nyc9 oobie23 paramount1 philosophy46 politics121 prime3 quotes25 random76 rants165 re9 ring2 science8 selfhost15 series55 social46 staticgen5 tech281 tesla6 themet4 thoughts144 travels10 tubes87 unix19 via64 videos17 weather49 woodblock5 work69 wwdc3 youtube19

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!

css html
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