< 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 amazon4 apple58 appletv5 architecture1 art8 birthdays9 brutalism1 claudine15 cryptography7 css4 design3 disney+2 elders1 family10 finances3 fonts10 food13 friends35 games33 github2 google17 hbomax1 health14 help6 holidays11 horsie38 html3 hugo21 hulu6 humans20 humour37 interesting12 japan32 kdramas9 lawn8 life7 llm35 manga9 martin8 me94 memes1 movies39 mum16 music3 netflix24 nyc9 oobie17 paramount1 philosophy10 politics74 prime3 quotes1 random43 rants71 re9 ring1 science3 selfhost10 series49 social21 staticgen3 tech139 tesla5 themet4 thoughts60 travels3 tubes78 unix5 via47 videos7 weather19 woodblock5 work32 wwdc3 youtube7

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