# 97. Forest on the Water

> I recently visited Qingshan Lake and found this beautiful “Forest on the Water.” it’s cool, serene, and perfect for a long weekend walk.

- Issue: 97
- Published: 2022/09/27
- HTML: https://weekly.tw93.fun/en/posts/97
- JSON: https://weekly.tw93.fun/api/en/posts/97.json
- Chinese original: https://weekly.tw93.fun/posts/97.md

---

<img src="https://gw.alipayobjects.com/zos/k/wn/W4ZBF3.jpg" width=900 />

<small>I recently visited Qingshan Lake and found this beautiful "Forest on the Water." it’s cool, serene, and perfect for a long weekend walk.</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 Articles

**Best Practices for Modern npm Packages**  
<https://snyk.io/blog/best-practices-create-modern-npm-package/>  
npm is 12 years old now—it’s time we updated how we build and distribute our libraries. this is a very detailed guide on modern standards.

**How Bilibili Keeps Danmaku from Blocking Faces**  
<https://juejin.cn/post/7141012605535010823>  
A classic frontend interview question: how do they use AI and Canvas to ensure the scrolling comments (danmaku) never obscure the main subject of a video?

**My Thoughts on Frontend Low-Code**  
<https://juejin.cn/post/7131801252500865055>  
An interesting take on the utility and limits of low-code tools. I was surprised to see one of our FormRender demos as the header image!

## Trending Open Source

**CodeFormer: Restore Old Photos to Perfection**  
<https://github.com/sczhou/CodeFormer>  
The results from this project are staggering. you could probably open a successful photo restoration shop in a small town using nothing but this tool.  
<img src="https://cdn.tw93.fun/blog/upic/bhgL27.png" width="800" />

**SurrealDB: The Cloud-Native Database of the Future**  
<https://github.com/surrealdb/surrealdb>  
A scalable, modern database that supports everything from relational to graph and document models. its performance and feature set are very impressive.  
<img src="https://cdn.tw93.fun/blog/upic/o8FZqS.png" width="800" />

**ksyun: The Stylish Kingsoft Cloud Font**  
<https://design.ksyun.com/font>  
A very clean and modern technical font from the Kingsoft Cloud team. perfect for code and technical documentation.  
<img src="https://cdn.tw93.fun/blog/upic/ZqPq1u.png" width="800" />

**Pixel-Art-React: Pixel Styling with CSS**  
<https://github.com/jvalen/pixel-art-react>  
Did you know you can create complex pixel-art animations using only CSS box-shadows? this project shows you how.  
<img src="https://cdn.tw93.fun/blog/upic/pcihs8.png" width="800" />

**Xcodesapp: The Simplest Way to Switch Xcode Versions**  
<https://github.com/RobotsAndPencils/XcodesApp>  
A life-saver for iOS developers. it allows you to easily download and manage multiple versions of Xcode on a single machine.  
<img src="https://cdn.tw93.fun/blog/upic/rLyNML.png" width="800" />

## Just Looking Around

**The Art of Asking Questions (Chinese Edition)**  
<https://mp.weixin.qq.com/s/q461so9lWk4FKJGZ-p7Vcg>  
A localized and updated version of the classic "How to Ask Questions the Smart Way" tailored for Chinese developer culture.

**Adobe Buys Figma for $20B, Stock Drops 17%**  
The design world was shocked by the $20 billion price tag. while Adobe's stock took a hit, it shows just how much potential SaaS products have in the modern market—though many designers are rightfully nervous about the "Adobe-ification" of Figma.

**The Craftsmanship of Shanggang Geng**  
A zhihu deep dive into the engineering skills of the famous DIY inventor. he’s far more than just a comedian—his technical expertise is genuinely impressive.