Rohan Kumar
2083f1aed5
Article update: include advice on avatar image
...
Include info on using an avatar image/profile photo without
significantly increasing the footprint of a website, by re-using the
favicon image.
2020-12-29 22:34:35 -08:00
Rohan Kumar
762ac1bf1f
Fix PGP links
...
- Fix bad PGP links for envs.net mirror
- Include pgp links in <head> for IndieWeb (as per
https://indieweb.org/PGP )
2020-12-29 22:30:11 -08:00
Rohan Kumar
1e7b2008e8
Indieweb: add u-photo and h-entry where relevant
...
Inspired by the h-entry implementation on Charlie Owen's personal
website: https://whalecoiner.com
The u-photo re-uses the 32px favicon that the browser has already
cached, so it shouldn't bloat up the page anymore.
These changes required a bit of additional CSS. I snuck in come color
changes too.
2020-12-29 15:06:51 -08:00
Rohan Kumar
a900b814b7
Indieweb: add PGP key to h-entry
2020-12-29 10:05:07 -08:00
Rohan Kumar
35642e698a
Add Indieweb/RDFa structured data
2020-12-28 16:56:52 -08:00
Rohan Kumar
8c63605d1a
Add 10 KB Club to web best practices article
2020-12-28 15:33:18 -08:00
Rohan Kumar
b48bd871a7
Increase padding/tap-targets
...
- Adding more detail to the bulleted list in /about.html makes it easier
to tap links since they're further apart
- Pad code frames a bit
2020-12-23 17:04:40 -08:00
Rohan Kumar
8fdee5d244
Include layout in web best practices
...
Article update: decribe good layout in the website best practices
article.
2020-12-21 16:41:46 -08:00
Rohan Kumar
6331840d95
Fix bad link
...
Sourcehut updated its per-object log URLs
2020-12-20 12:57:59 -08:00
Rohan Kumar
b9e4be50f5
Metadata: description + cache-bust manifest icons
...
- Add a cache-busting fingerprint to all the icons in the webmanifest
- Add a <meta> and open graph tag for a description.
- Include a 512px icon in the manifest
2020-12-19 17:50:55 -08:00
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
af6ece0e10
Add some more metadata for widgets + indieweb
...
- Add open graph metadata for other apps to display link previews
- Add more rel="me" metadata for the Indieweb. Getting on the Indieweb
will take some time, but this is a good first step.
2020-12-15 23:05:45 -08:00
rohan kumar
50ca441f7d
About: more details about identities
2020-12-11 12:02:02 -08:00
rohan kumar
925b8960a8
Add missing <h1> tags
2020-11-30 17:19:33 -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
7bfd40e843
Fix bad dead on homepage
2020-11-24 14:25:52 -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
dbab08560f
Fix: remove draft post status from gemlog entry
2020-11-23 17:13:48 -08:00
rohan kumar
18ff772d5f
New article: best practices for minimalistic websites
2020-11-23 15:51:57 -08:00
rohan kumar
a40097955c
Link to proj. hub instead of git repo on sourcehut
2020-11-19 20:35:59 -08:00
rohan kumar
910dd01346
Off-by-one error
2020-11-19 12:23:18 -08:00
rohan kumar
1ca50266e2
Gemini: Blog -> Gemlog, include Music
...
Since my Gemini homepage is a bit more sparse, I figured it wouldn't
hurt to add a link to my music.txt file.
2020-11-18 22:55:50 -08:00
rohan kumar
73591727c8
Fix date
2020-11-18 18:31:17 -08:00
rohan kumar
9fb0545ebc
New post: Resilient Git, part 1
2020-11-18 18:25:33 -08:00
rohan kumar
97ef147b69
New post: Git Workflow, part 0
...
Thanks to my IRC buds for initial feedback
2020-11-17 13:54:22 -08:00
rohan kumar
4cd8387dd7
Fix outdated inaugaral gemini post
2020-11-05 15:48:35 -08:00
rohan kumar
6c4c58886a
CI: deploy website to multiple locations
...
Create a quick shell script that can deploy to localhost, my tilde
(staging), or seirdy.one.
2020-11-03 19:52:42 -08:00
rohan kumar
beb174c66b
Add build manifest
...
If this doesn't work I am going to do something regrettable to my
laptop.
2020-11-03 16:22:19 -08:00
Rohan Kumar
d364a8fb9f
Batman!! (this commit has no parents)
...
The sight of an animal using a JavaScript captivates Computer Scientists
and laymen alike, perhaps because it forces us to question some of our
ideas about human uniqueness.
Does the animal know how JavaScript works? Did it anticipate the need
for the tool and select it instead of Haskell or Zig?
To some, this fascination with JavaScript seems arbitrary and
anthropocentric; after all, animals engage in many other complex
activities, like Agile Planning and ordering Juice on the Internet.
However, we know that complex behaviour need not be cognitively
demanding.
JavaScript development can therefore provide a powerful window into the
minds of animals, and help us to learn what capacities we share with
them — and what might have changed to allow for the incontrovertibly
unique levels of technology shown by modern humans, such as integers and
block scope.
2020-11-03 15:52:34 -08:00
