013. Sexy Tea 中
The cover shows the first cup of “Sexy Tea” (Chayan Yuese) I had in 2018. It was delicious—Changsha is definitely worth a visit if you’ve never been.
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
Compiling the World’s First JS Engine Back to JS
https://juejin.cn/post/6902339728977166344
For JS’s 25th anniversary, the author found the original engine source code, ported it to WASM, and got it running. A very cool project.
State of CSS 2020
https://2020.stateofcss.com/zh-Hans/demographics/
The annual census for CSS developers. Learn about current adoption for features, units, selectors, and tooling.
Top 10 Games from JS13K 2020
https://github.blog/2020-10-11-top-ten-games-from-the-js13k-2020-competition/
These games were built in a month and are under 13KB each. Check out the top ten winners.
Lessons from Taobao Mini Program Private Interactive Features
https://mp.weixin.qq.com/s/yfS-gx_GJrIfasK47uNS_w
A comprehensive look at the principles, capabilities, and future of creative interactive projects within the Taobao app.
How to Build a “Smooth” Analytics System?
https://mp.weixin.qq.com/s/nJZk-0WtEW6C8mTeJCSUzQ
Essential knowledge for frontend devs: how other companies handle seamless event tracking.
Tools and Open Source
Rectangle: A Free and Open-Source Window Manager for Mac
https://github.com/rxhanson/Rectangle
My go-to tool for snapping windows to positions using shortcuts. Highly recommended.
Element UI for Vue 3.0 is Here
https://github.com/element-plus/element-plus
Not just a patch for Element 2; this is a full rewrite from the ground up using TypeScript and the Composition API.
WMR: The All-in-One Development Tool for Modern Web Apps
https://github.com/preactjs/wmr
An interesting approach that packs everything you need into a single 2MB file with no dependencies. Truly “out-of-the-box.”
react-dev-inspector: Open Code Directly from Your Browser
https://github.com/zthxxx/react-dev-inspector
Click an element on the page, and VS Code opens the exact component file. A massive time-saver for large projects.
U^2-Net: Turn Photos into Pencil Sketches Instantly
https://github.com/NathanUA/U-2-Net
I have an “immature” idea: open a sketch shop at a tourist spot, take a photo, and tell them to come back in 3 hours…
iOS and Cross-Platform
Comparing iOS AOP Solutions
https://mp.weixin.qq.com/s/5JhbX4McMifFpZ7NyztIQw
Aspect-Oriented Programming (AOP) allows you to add functionality dynamically without touching the source code. This article compares different implementation methods.
The Ultimate Guide to Dark Mode Adaptation
https://mp.weixin.qq.com/s/02QmgMkmVcB8x7xVZJT_Bg
With iOS and Android both supporting Dark Mode natively, here is how to implement it correctly.
UME: A Rich Debugging Kit for Flutter
https://mp.weixin.qq.com/s/9GjXB9Eu-OP3fIjdQWKklg
ByteDance’s open-source tool for checking UI, networks, performance, and logs directly within the app.
Inspiration and Fun
Why is Cilantro so Polarizing?
https://daily.zhihu.com/story/9730666
Turns out whether you love or hate it is partly in your genes.
Tech Reactions to JavaScript When It First Launched 25 Years Ago
https://superhighway.dev/javascript-25-years-1995
It feels like only yesterday… and yet an eternity ago.
How Major Tech Companies Protect Employee Privacy
https://www.ui.cn/detail/568212.html
A product design perspective on why privacy features are built the way they are.