# 81. The Deers of Liangzhu

> A Friday afternoon team hike in Liangzhu. The park is absolutely massive and feels like a vast grassland. We even visited a deer park—very cute!

- Issue: 81
- Published: 2022/06/07
- HTML: https://weekly.tw93.fun/en/posts/81
- JSON: https://weekly.tw93.fun/api/en/posts/81.json
- Chinese original: https://weekly.tw93.fun/posts/81.md

---

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

<small>A Friday afternoon team hike in Liangzhu. The park is absolutely massive and feels like a vast grassland. We even visited a deer park—very cute!</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.**

## Front-End Technology

**Best Practices for Web3 DApp Development**  
<https://guoyu.mirror.xyz/RD-xkpoxasAU7x5MIJmiCX4gll3Cs0pAd5iM258S1Ek>  
A pinned tutorial from Guo Yu on Twitter covering everything you need to know to start building DApps. an excellent entry point for the Web3 space.

**How to Turn a Frontend Project into a "Mess"**  
<https://juejin.cn/post/7086735198942920712>  
A hilarious look at all the things you *shouldn't* do in a codebase. laughed way too hard at this one.

**Dark Mode in 14 Lines of CSS**  
<https://dev.to/whitep4nth3r/light-and-dark-mode-in-just-14-lines-of-css-424e>  
A simple implementation using the `prefers-color-scheme` property to automatically adapt your site to the user's system settings.

**The Power of CSS Math Functions**  
<https://segmentfault.com/a/1190000041826742>  
A guide to modern CSS functions like `clamp()`, `max()`, and `min()`. it’s worth revisiting these for more flexible and responsive layouts.

## Trending Open Source

**Pretty Clean: A Minimal Mac Cleanup Utility**  
<https://pretty-clean.github.io/>  
I’ve been looking for a lightweight tool to replace more bloated alternatives. this one is fast, focused, and beautifully designed.  
<img src="https://cdn.tw93.fun/blog/upic/2QMJpJ.jpg" width="800" />

**Input Source Pro: Smart Input Method Switching for Mac**  
<https://inputsource.pro/zh-CN>  
A very polished utility for automatically switching your input language based on the active app or context. much better than the built-in system options.  
<img src="https://cdn.tw93.fun/blog/upic/OLKVYI.jpg" width="800" />

**xterm.js: A Terminal in your Browser**  
<https://xtermjs.org/>  
The industry standard for building terminal interfaces in web applications. the performance and rendering quality are top-notch.  
<img src="https://cdn.tw93.fun/blog/upic/7kJ38G.jpg" width="800" />

**fx: Interactive JSON Viewer for the CLI**  
<https://github.com/antonmedv/fx>  
An absolute lifesaver for working with large JSON files in the terminal. it allows you to interactively expand and collapse nodes.  
<img src="https://cdn.tw93.fun/blog/upic/lnUBzM.jpg" width="800" />

## Just Looking Around

**Why I Won’t Live in the Countryside**  
A thoughtful Zhihu discussion on the trade-offs of rural vs. urban living. everyone has their own definition of a happy life; the key is knowing what actually works for you.

**The Annoyance of App Launch Ads**  
We’ve all been frustrated by those unskippable ads when opening apps. this reply on Zhihu perfectly captures the sentiment—I’ll take a boring un-updated icon over a flashy ad any day.
<img src="https://cdn.tw93.fun/blog/upic/i5vZ8j.jpg" width="800" />

**Guo Yu: Life After "Retirement" at 28**  
Two years after publicly retiring from the tech industry with financial freedom, the legendary dev is back to writing code. the difference? instead of office lights, he’s surrounded by green fields and distant mountains.

**Keep the Web Free: Say No to Web3**  
<https://yesterweb.org/no-to-web3/>  
A critical and dialectical look at the Web3 movement. it’s important to hear different perspectives on the future of the internet.