005. Lugu Lake 中
The cover shows a boat ride to the “Dear Guest House” at Lugu Lake during National Day. I’ve never seen water so clear and blue. If you visit Lijiang, you absolutely must make time for Lugu Lake.
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.
Good Reads and Learning
The New Trend: Writing JS Tools in Other Languages
https://2ality.com/2020/10/js-plus-other-languages.html
Lately, many fast JS tools are being built with Go or Rust. For example, esbuild, which is 100x faster than Webpack, is written in Go. This might be the start of a major shift.
Bringing the Mona Lisa to Life with TensorFlow.js
https://blog.tensorflow.org/2020/09/bringing-mona-lisa-effect-to-life-tensorflow-js.html
A deep dive into using deep learning and image processing to make the Mona Lisa’s gaze follow the viewer.
Pure CSS Number Counter Animations
https://css-tricks.com/animating-number-counters/
Instead of reaching for setInterval for a 0-100 counter, try this modern CSS-only solution.
Time to Brush Up on Your Linux Knowledge
https://juejin.im/post/6881755746216706062
The title is a bit cheesy (“Sorry, After Learning These Linux Tricks, I’m Feeling a Bit Cocky”), but it’s a solid refresher for anyone who primarily works as a frontend developer.
The Most Important Code Commit in History
https://hutusi.com/articles/the-greatest-git-commit
Exploring how Linus Torvalds designed the first version of Git—the background, design, and implementation lessons.
Open Source and Tools
SWC: A Super-Fast TS/JS Compiler
https://github.com/swc-project/swc
Written in Rust, SWC is becoming a major player. Other Rust-based tools worth checking out include RSLint and Volta.
jspm: A Native JavaScript Module CDN
https://jspm.org/
Load any package from npm directly in your browser or Node environment as a native module. Similar to Skypack.
Jazzit: Play Sounds for Script Success and Failure
https://github.com/Sangarshanan/jazzit
A fun Python library. Someone should definitely port this idea to Node.
Headless Recorder: Chrome Extension for Puppeteer/Playwright
https://github.com/checkly/headless-recorder
Record your browser interactions and instantly generate automation scripts. A great tool for E2E testing.
Airbnb’s Visx: Reusable Low-Level Visualization Components
https://github.com/airbnb/visx
Combines the power of D3 with the rendering advantages of React. Very distinct Airbnb aesthetic—perfect for modern visualization needs.
PASUKON: A Simple JavaScript Parser Generator
https://pasukon.rocks/
Generate parsers using an easy-to-learn syntax. Includes a built-in lexer.
iOS and Multi-Platform
Analyzing the Principles of Major Mini-Program Cross-Platform Frameworks
https://juejin.im/post/6881597846307635214
A deep dive into both Vue-like and React-like frameworks for mini-programs. A very informative long-read.
Flutter Rendering Engine: The iOS Metal Edition
https://zhuanlan.zhihu.com/p/214099612
Flutter supports Software, Metal, and GL rendering on iOS. This article focuses on how it leverages Metal for performance.
Flutter Widget Architecture and UI Rendering Flow
https://juejin.im/post/6874737011325059086
The foundational knowledge for mastering Flutter’s state management, navigation, and rendering performance.
Inspiration and Design
DIY: An NFC Business Card with a Screen
https://www.bilibili.com/video/BV1Cf4y1y7KT/
An incredible Bilibili project featuring a mini e-ink screen that can mimic IC cards and be configured via a custom app.
Wanna Play Some Music with JS?
https://bongo.cat/
Try pressing 1 1 3 1 6 5 or 1 1 3 1 8 6 for a surprise. Check out the Song Submissions for more. Also, check out ZzFXM.
Pure CSS Nintendo Switch
https://codepen.io/cybercountess/pen/PoNXEqL
Most people would just use an <img> tag…
How to Stay Focused for Long Periods?
https://www.yuque.com/deerain/wqpb2o/nwazye
Most people can stay intensely focused for 30-40 minutes. If you’re struggling to reach that, this article has some great tips.
Why Do I Look Good in the Mirror but Bad in Photos?
https://www.zhihu.com/question/34368524
A common question on Zhihu. It turns out there’s a psychological and technical reason for the discrepancy.