< Notes...

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

See all available tags...

amazon4 apple102 appletv8 architecture2 art23 birthdays14 claudine16 cryptography17 css6 design28 disney+3 elders6 family38 finances15 fonts25 food34 friends49 games38 george20 github6 google20 hbomax3 health44 help8 holidays15 horsie64 html3 hugo37 hulu7 humans47 humour69 interesting43 japan39 kdramas10 lawn23 life153 llm57 manga9 martin9 me115 memes1 movies60 mum22 music11 nature1 netflix31 nyc11 oobie34 paramount3 philosophy45 politics1 postcrossing1 prime6 quotes29 random96 rants157 re13 religion1 ring2 science10 security10 selfhost15 series61 social53 staticgen5 tech285 tesla5 themet5 thoughts144 travels11 tubes99 unix24 via68 videos17 weather51 woodblock5 work78 wwdc4 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