# 47. Colorful Clouds

> Taken while heading out for dinner last week. The sky looked absolutely stunning with those colorful clouds.

- Issue: 47
- Published: 2021/10/12
- HTML: https://weekly.tw93.fun/en/posts/47
- JSON: https://weekly.tw93.fun/api/en/posts/47.json
- Chinese original: https://weekly.tw93.fun/posts/47.md

---

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

<small>Taken while heading out for dinner last week. The sky looked absolutely stunning with those colorful clouds.</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

**Everything You Need to Know About Authentication**  
<https://mp.weixin.qq.com/s/-Yf6a58H7WDB1luOORhDJw>  
A clear and comprehensive look at the world of user logins and sessions.

**Building and Applying Meituan’s Product Knowledge Graph**  
<https://tech.meituan.com/2021/09/02/meituan-commodity-nlp-practice.html>  
As always, the Meituan tech team provides another exceptional case study.

**A Summary of Audio and Video Knowledge in the Browser**  
<https://juejin.cn/post/7002288264413446157>  
Reads like a very thorough set of study notes prepared right before a major exam.

## Trending Open Source

**ViteShot: Quick and Simple Component Screenshots**  
<https://github.com/zenclabs/viteshot>  
You can finally stop relying on heavy headless browsers for your UI automated snapshots.  
<img src="https://cdn.tw93.fun/blog/upic/L7CZll.gif" width="800" />

**Filament: Google’s Lightweight Real-Time PBR Engine**  
<https://github.com/google/filament>  
A natively cross-platform physically-based rendering engine that supports everything from Android and iOS to WebGL2.  
<img src="https://cdn.tw93.fun/blog/upic/co4HTx.jpg" width="800" />

**yt-dlp: A Powerful YouTube Video Downloader**  
<https://github.com/yt-dlp/yt-dlp>  
A feature-rich evolution of the legendary youtube-dl. Truly the gold standard for video archival.

**devices.css: Render Modern Devices with Only CSS**  
<http://marvelapp.github.io/devices.css/>  
A great way to show off your web apps inside realistic device frames without any images.  
<img src="https://cdn.tw93.fun/blog/upic/evQYEL.gif" width="800" />

**HyperFormula: An Excel-Style Calculation Library**  
<https://github.com/handsontable/hyperformula>  
Bring the power of spreadsheet formulas directly to your JavaScript application.

```js
import { HyperFormula } from "hyperformula";

const data = [["10", "20", "30", "=SUM(A1:C1)"]];
const hfInstance = HyperFormula.buildFromArray(data, { licenseKey: "gpl-v3" });
console.log(hfInstance.getCellValue({ col: 3, row: 0, sheet: 0 })); // 60
```

## Just Looking Around

**Mapping App Trends via the App Store Top 100**  
<http://www.woshipm.com/it/5116194.html>  
A very clever analysis that uses Maslow's Hierarchy of Needs to categorize the most popular apps.

**The Legendary 2010 Real Estate Thread from Tianya**  
<https://github.com/shenzhengfang/kkndme_tianya>  
A "cleaned" archive of the famous thread from ten years ago: "What have we learned from the 2010 real estate controls? Writing this before the prices explode." Frighteningly prescient reading.