< 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 apple56 appletv4 architecture1 art8 birthdays9 brutalism1 claudine15 cryptography7 css4 design3 disney+2 elders1 family8 finances3 fonts10 food12 friends34 games32 github2 google16 health11 help6 holidays8 horsie38 html3 hugo21 hulu6 humans18 humour32 interesting11 japan32 kdramas9 lawn7 life6 llm35 manga9 martin6 me89 memes1 movies38 mum16 music3 netflix24 nyc8 oobie13 paramount1 philosophy10 politics68 prime3 quotes1 random39 rants68 re6 ring1 science2 selfhost10 series46 social21 staticgen3 tech132 tesla5 themet4 thoughts50 travels3 tubes74 unix5 via41 videos7 weather17 woodblock4 work28 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