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

13 commits

Author SHA1 Message Date
Rohan Kumar
b1e7b65e02
Re-organize and clarify some things
- Re-phrase a line referring to a previous section; after some
  re-arrangements, that section is no longer a "previous" section.
- Replace spatial terminology ("bottom") with sequential terminology
  ("end")
- Add note on font enumeration without the Font Access API
- Acknowledge testing in grayscale but emphasize that it isn't enough.
- Move defense of link underlines to just after the section on custom
  colors, since it's more relevant to it.
- Add xkcd image into the page instead of just linking, since the linked
  page content is an image that doesn't include a transcript or
  descriptive alt-text.
- Trivial rephrasings
2022-04-03 19:34:45 -07:00
Rohan Kumar
8b5c30c76c
Assets: add dark variant, replace useless WebPs
- Add dark variant of an image
- Some WebP images weren't significantly smaller than their PNG
  counterparts; replace them with JPEG-XL. No browser supports it yet
  but I need those meme image formats aaaaaaaaa
2022-03-29 18:35:29 -07:00
Rohan Kumar
689b6bcc3a
New "Beyond alt-text" section, short viewports
Describe how to best include images and figures in a way that flows well
and is accessible to both sighted and non-sighted users.

Describe how sticky elements can be a usability hazard on short
viewports

- Add changefreq
- Clean up structured data for quotations
- Add more sample unorthodox tests

TODO: dark image variant of image in new "Beyond alt-text" section
2022-03-29 18:26:22 -07:00
Rohan Kumar
3a639537b3
Info about csp, halation
- Mention pitfalls of a <meta>-based CSP
- Describe halation a bit more, with an image.
2022-03-28 18:11:55 -07:00
Rohan Kumar
4607ec2d95
Better example of bad custom colors
Add a better screenshot showcasing bad custom colors. Also give it a
figcaption.

The figcaption meant that I had to revise a statement later down when I
said I don't use figcaptions for images.
2022-03-20 16:09:01 -07:00
Rohan Kumar
66833dc93e
Improve narrow screen compat
- Replace long <code> snippets
- Add some soft hyphens.
- Make one image of text look better on a narrow viewport.
2022-03-16 16:52:03 -07:00
Rohan Kumar
29ae0f3115
Web practices: link underlines are good. 2022-02-24 23:00:49 -08:00
Rohan Kumar
41d5ea1b4d
Optimize asset
New image optim pipeline spat this out.
2022-02-20 15:57:46 -08:00
Rohan Kumar
be77c33081
Some more minification
- Use ect to shrink PNGs
- Use some CSS shorthands I didn't know about before.
2021-06-05 15:28:55 -07:00
Rohan Kumar
bc667feec6
Fix: visible dark webring icon in Webkit
Dark mode now switches to a different icon instead of
inverting it. There's probably a better way but I'll figure that out
later.
2021-02-01 22:59:56 -08:00
Rohan Kumar
4e7a0c8bde
Link to Merveilles webring!
My site's first Webring. I plan to join a few others, and to create
three of my own.
2021-02-01 22:35:08 -08:00
Rohan Kumar
36a95f894a
Update preferred approach to image processing
- Include AVIF
- Include dark/light variants if applicable
2021-01-28 13:10:40 -08:00
Rohan Kumar
5bd359caf2
New article: WhatsApp & the domestication of users 2021-01-27 16:24:23 -08:00