From high-DPI canvas scaling to hover/click interaction, this post explains how to implement a timeline UI using HTML5 Canvas.
Behind the scenes of an interactive coronavirus map — from heatmaps to categorized visuals, a story of data visualization and design evolution.
A full walkthrough on creating a custom dot map using QGIS, Canvas, and JavaScript — from data extraction to pixel rendering.
Use web-view to embed Mapbox GL JS and unlock rich visual features like 3D, heatmaps, and clustering within your WeChat Mini Program.
An engineer’s story of building a postcard exchange platform—connecting strangers around the world through stories, creativity, and serendipitous messages.
WeChat Mini Programs don't officially support third-party maps, but with a clever web-view workaround, this post demonstrates how to embed interactive Mapbox maps—covering enterprise requirements, domain verification, and postMessage communication.
Learn how to pad numbers with leading zeros using a simple one-liner in JavaScript, and watch out for edge cases with overly long numbers.
From manual deployment to full automation, this post walks through configuring Travis CI to run builds and deploy code to remote servers over SSH.
A hands-on guide by Mofei on maintaining high code quality using Travis CI, Tape, nyc, and codecov.io, complete with real-world Node.js examples.
A complete guide by Mofei on how to debug native Node.js C++ addons in VS Code using launch.json, breakpoints, and preLaunchTask settings.
A complete guide by Mofei on how to debug native Node.js C++ addons in VS Code using launch.json, breakpoints, and preLaunchTask settings.
Mofei reflects on his onboarding trip to Mapbox's US offices, highlighting open communication, inclusive culture, and quirky workplace details like gender-neutral bathrooms and office meme wars.