# 167. Snowy Sky

> The cover photo shows the snow-covered landscape of Urumqi, taken from a plane flying toward Changsha last winter around 9 AM. The distant morning light, blue sky, clouds, and snow were breathtaking—“Snowy Sky” is the perfect description.

- Issue: 167
- Published: 2024/03/11
- HTML: https://weekly.tw93.fun/en/posts/167
- JSON: https://weekly.tw93.fun/api/en/posts/167.json
- Chinese original: https://weekly.tw93.fun/posts/167.md

---

<img src="https://gw.alipayobjects.com/zos/k/i1/167.jpg" width="800" />

<small>The cover photo shows the snow-covered landscape of Urumqi, taken from a plane flying toward Changsha last winter around 9 AM. The distant morning light, blue sky, clouds, and snow were breathtaking—"Snowy Sky" is the perfect description.</small>

> **Record the down-to-earth trending technologies seen every week, and publish them here after screening. If you find it good, you can follow this weekly to get update notifications.**

## Technical Learning

**Trending Weekly now supports Dark Mode! 🎉**  
<https://weekly.tw93.fun/>  
I added dark mode support over the weekend for night readers. it follows the system theme automatically. The coolest part? I implemented it using just a few lines of CSS filter tricks. 🧐 Do you prefer light or dark mode for reading articles?

```css
@media (prefers-color-scheme: dark) {
  html {
    filter: invert(1) hue-rotate(180deg);
  }
  html img,
  html video {
    filter: invert(1) hue-rotate(180deg);
  }
}
```

<img src="https://gw.alipayobjects.com/zos/k/pb/SCR-20240308-svei.png" width="800" />

**Guide to React Suspense and use hook for busy bees**  
<https://sinja.io/blog/guide-to-react-suspense>  
A very worthwhile read for understanding how React Suspense works.

**UX Wiki: A Knowledge Base for Interaction Designers**  
<https://uxbaike.com/>  
A clean, original knowledge base for interaction designers. no copy-pasting—just well-explained core concepts.  
<img src="https://gw.alipayobjects.com/zos/k/a3/SCR-20240304-tadv.png" width="800" />

## Trending Tools

**SuperTokens: Open-source Auth and Session Management**  
<https://github.com/supertokens/supertokens-core>  
An open-source SDK for auth and session management supporting email, passwordless, social, and phone logins. it's a great self-hosted alternative to Auth0 or Firebase Auth.  
<img src="https://gw.alipayobjects.com/zos/k/r9/login.png" width="800" />

**Time.is: Current Detailed Time**  
<http://time.is/>  
A minimalist yet powerful tool for checking current world times, holidays, and time zones. useful for checking exact times for limited drops or just learning about geography.  
<img src="https://gw.alipayobjects.com/zos/k/mc/SCR-20240302-phtn.png" width="800" />

**Smiley Sans 2.0 (得意黑)**  
<https://atelier-anchor.com/typefaces/smiley-sans>  
Smiley Sans 2.0 has been released. it’s a beautiful, modern font for titles and posters.  
<img src="https://gw.alipayobjects.com/zos/k/2r/SCR-20240310-svml.png" width="800" />

**GitButler: A Beautiful and Practical Git Client**  
<https://gitbutler.com/>  
A very cool Git client that's especially useful for multi-branch management. The UI is fantastic.  
<img src="https://gw.alipayobjects.com/zos/k/8w/GHHDOGCbgAArTBR.jpeg" width="800" />

## Just Looking Around

**Podcast Recommendation: "True Imagination" (虚实之间)**  
<https://www.xiaoyuzhoufm.com/podcast/652fda39f071cb959eef1af4>  
A high-quality podcast where hosts Lao Tao and Huo Zai Dang Xia chat about business, society, and industry trends. it's insightful yet grounded, making complex topics easy to understand. Perfect for listening during commutes or chores.  
<img src="https://gw.alipayobjects.com/zos/k/vz/SCR-20240302-pgoz.png" width="800" />

**Life Tip: check Xianyu before buying movie tickets**  
You can often find tickets at 30-40% off by searching for the theater on Xianyu. I got two Dune IMAX tickets for 105 RMB instead of the original 150 RMB. it's the exact same QR code process. 😂  
<img src="https://gw.alipayobjects.com/zos/k/3n/1%252520copy%25252010.png" width="800" />