< Notes...

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

See all available tags...

amazon4 apple103 appletv6 architecture2 art23 birthdays13 claudine16 cryptography16 css6 design25 disney+3 elders8 family37 finances18 fonts23 food34 friends46 games38 george20 github6 google20 hbomax3 health46 help8 holidays15 horsie55 html3 hugo36 hulu6 humans45 humour72 interesting49 japan39 kdramas9 lawn22 life153 llm54 manga9 martin9 me116 memes1 movies58 mum21 music11 nature1 netflix28 nyc11 oobie29 paramount2 philosophy46 politics130 prime5 quotes29 random92 rants170 re12 religion3 ring2 science10 security10 selfhost15 series56 social49 staticgen5 tech286 tesla6 themet5 thoughts153 travels11 tubes95 unix24 via69 videos17 weather50 woodblock5 work74 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