fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-23 12:52:10 +00:00
Code Issues Projects Releases Wiki Activity

Link to MDN docs on CSS @media queries

Browse source
This commit is contained in:
rohan kumar 2020-11-24 14:19:20 -08:00
parent a1f517c61a
commit d24cdfb423
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479
2 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
content/posts/website-best-practices.gmi
View file

@ -15,7 +15,7 @@ I realize not everybody's going to ditch the Web and switch to Gemini or Gopher
* No lazy loading (more on this below)
* No custom colors OR explicitly set the both foreground and background colors. More on this below.
* Server configured to support compression (gzip, optionally zstd as well) and HTTP/2. It's a free speed boost.
* Supports dark mode and/or works with most "dark mode" browser addons
* Supports dark mode via a CSS media feature and/or works with most "dark mode" browser addons. More on this below.
* A good score on Mozilla's HTTP Observatory
* Optimized images. More on this below.
@ -85,6 +85,10 @@ If you do explicitly set colors, please also include a dark theme using a media
@media (prefers-color-scheme: dark)
```
For more info, read the relevant docs:
=> https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme prefers-color-scheme docs on MDN
## Image optimization
Some image optimization tools I use:

7
content/posts/website-best-practices.md
View file

@ -38,7 +38,8 @@ primarily on text:
on this below.
- Server configured to support compression (gzip, optionally zstd as well) and
HTTP/2. It's a free speed boost.
- Supports dark mode and/or works with most "dark mode" browser addons
- Supports dark mode via a CSS media feature and/or works with most "dark mode"
browser addons. More on this below.
- A good score on Mozilla's [HTTP Observatory](https://observatory.mozilla.org/)
- Optimized images.
@ -161,7 +162,9 @@ an example:
</picture>
If you do explicitly set colors, please also include a dark theme using a media
query: `@media (prefers-color-scheme: dark)`.
query: `@media (prefers-color-scheme: dark)`. For more info, read the relevant docs
[on
MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme)
Image optimization
------------------