1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-12-27 10:52:09 +00:00
Commit graph

223 commits

Author SHA1 Message Date
Rohan Kumar
ac0ced6aac
Article fix: put <body> in backticks
<body> was getting interpreted as an HTML tag instead of text.
2020-12-18 18:42:03 -08:00
Rohan Kumar
5e77a0d7f3
Use a smaller image in an article 2020-12-18 18:33:13 -08:00
rohan kumar
3368f8fea9
Update web best practices article: add testing
- Add information about testing edge cases
- Re-word some long sentences
2020-12-16 18:53:24 -08:00
rohan kumar
d45926c0f4
CLS: Declare original image dimensions in HTML
Reduce Cumulative Layout Shift (CLS) by declaring original image
dimensions in HTML before re-scaling with CSS. This tells browsers the
image's aspect ratio before the image and the stylesheet load, allowing
browsers to block out space accordingly to avoid making elements "jump"
during loading.

More info: https://web.dev/optimize-cls/
2020-12-15 23:09:45 -08:00
rohan kumar
bab75dcebc
Clarify HTTP Observatory scores 2020-11-30 12:09:22 -08:00
rohan kumar
4907336d96
Add bit about alt-text, clarify page size 2020-11-30 12:04:21 -08:00
rohan kumar
46512c9046
Update with feedback on page size
Added the Web Bloat Size Calculator and a snippet on how people on
trains experience a connection speed drops.

Thanks, u/Snapstromegon from Reddit!
2020-11-27 10:25:03 -08:00
rohan kumar
8e38c66243
Add pngquant to image compression section
Thanks, arnt and vbernat!
2020-11-25 21:58:37 -08:00
rohan kumar
1ba46835be
Clarification on HTTP/2
Thanks, reezer!
2020-11-25 16:36:40 -08:00
rohan kumar
b9207d17ea
Add max line length to web best practices article
Thanks, u/_listless
2020-11-24 15:32:38 -08:00
rohan kumar
103a860528
Link to article changelog 2020-11-24 14:24:12 -08:00
rohan kumar
d24cdfb423
Link to MDN docs on CSS @media queries 2020-11-24 14:19:20 -08:00
rohan kumar
a1f517c61a
Clarify that branding isn't evil 2020-11-24 10:58:05 -08:00
rohan kumar
2d43a0ddc4
Clarify a snippet on overriding stylesheets
We shouldn't require users to override stylesheets, but we should expect
it.
2020-11-24 10:53:22 -08:00
rohan kumar
8f47970379
More info about fingerprinting via fonts 2020-11-24 04:54:13 -08:00
rohan kumar
f1a56e9ec4
Explain why global stylesheet overrides are bad 2020-11-24 03:50:06 -08:00
rohan kumar
79b91972e7
Add more info on image optimization 2020-11-24 03:18:03 -08:00
rohan kumar
7ec5eab8eb
Clarify the controversial statement on font choice
The lobste.rs discussion at
https://lobste.rs/s/akcw1m/opinionated_list_best_practices_for
generated a lot of feedback about fonts, so I thought I'd explain a bit
more.
2020-11-24 02:43:59 -08:00
rohan kumar
2cd686a4fb
Add gzip + http2 to website best practices 2020-11-24 02:27:17 -08:00
rohan kumar
6f937ac5a8
Clarify the point of using HTML->md convertors
Thanks to some IRC users for pointing out how the rationale wasn't very
obvious
2020-11-24 01:59:22 -08:00
rohan kumar
e538b0df8e
Fix: s/white-on-black/black-on-white/ 2020-11-23 22:56:18 -08:00
rohan kumar
839e6d5737
Update website best practices with color info
Thanks to a couple IRC users for the feedback.
2020-11-23 19:00:31 -08:00
rohan kumar
18ff772d5f
New article: best practices for minimalistic websites 2020-11-23 15:51:57 -08:00