David XuinFrontend WeeklyCSS’s new light-dark() function is the best way to implement Dark Mode in 2024 — No JS Required!It is 2024, and finally there is a built in pure CSS solution to creating Dark Mode, that just works!1d ago1d ago
David XuLight mode/Dark mode: Dynamic theming through SCSS mixinSo you want to build add a theming system to your web app? Great! Let me show you how to set one up with the help of a simple mixin.Mar 25, 20221Mar 25, 20221
David XuThe State of Visual Regression Testing in 2022A comprehensive evaluation of all the tools and platforms for doing visual regression testing in 2022Mar 18, 20221Mar 18, 20221
David XuDesigning Tokens — What makes great design tokens, and how to build them (Part 3)This is the third article in a series on how to implement design tokens for javascript/react developers. In this article, we will talk…Feb 16, 2021Feb 16, 2021
David XuinThe StartupDesigning Tokens — What Makes Great Design Tokens, and How to Build Them (Part 2)This is a three part serie where I present what I believe is a great way to consume and maintain design tokens. Examples are written in…Jul 28, 2020Jul 28, 2020
David XuinThe StartupDesigning Tokens — What makes great design tokens, and how to build them (Part 1)In this three part series, I will discuss what I believe is the best way to consume and maintain design tokens in React. I will be using…Jul 26, 20201Jul 26, 20201