< 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 apple47 appletv3 best8 birthdays8 claudine14 cryptography5 css4 elders1 family5 finances1 fonts7 food12 friends31 games32 github1 google15 health10 help5 horsie26 html3 hugo19 hulu4 humans13 humour23 interesting5 japan26 kdramas7 lawn7 life2 llm27 manga9 martin3 me72 memes1 movies34 mum13 music3 netflix14 nyc8 paramount1 philosophy9 pinned1 politics61 prime2 quotes1 random32 rants43 re5 selfhost8 series40 social13 staticgen3 tech109 tesla1 themet4 thoughts39 tubes56 unix5 via28 videos7 weather13 woodblock4 work19 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