News
I built Material Symbols SVG, an icon library for using Material Symbols as SVG components
43+ min ago (547+ words) I built Material Symbols SVG, an icon library that lets you use Google's Material Symbols as SVG components across frameworks. There is already an official-ish way to consume Material Symbols as SVG files, for example @material-symbols/svg-400. The problem I…...
Why Interaction to Next Paint Changed How Developers Think About Responsiveness
1+ day, 9+ hour ago (967+ words) In March 2024, Google replaced FID with Interaction to Next Paint. The shift was not cosmetic. INP fundamentally changed what "responsive" means for web applications by measuring every interaction across the entire page visit, not just the first one, and by…...
Designing accessible color systems and ensuring contrast across themes
2+ day, 17+ min ago (371+ words) Color contrast is the accessibility failure you'll still discover the day before release " not because WCAG is vague, but because the system around your colors is fragile. Treating palette values as static hex strings guarantees regressions when themes, overlays, or…...
Adding custom fonts to your Ember app with Fontsource
2+ day, 6+ hour ago (413+ words) If you're running a modern Ember app with Embroider and Vite, adding custom fonts is easy. Fontsource is a good way to do it: fonts are packaged as npm dependencies, so you get versioned, self-hosted fonts with zero config on…...
I Built My Own System Design Tool Because Nothing Free Was Good Enough
2+ day, 2+ hour ago (234+ words) So I built one. SysDesign started as a learning project as much as a product. I wanted to go deep on React Flow, understand how canvas-based UIs work under the hood, and ship something real at the end of it....
The Tailwind CSS Setup I Use on Every Project
5+ day, 1+ hour ago (595+ words) I have been using Tailwind CSS for about 2 years now on every project. After a lot of trial and error, I settled on a setup that works well for building client websites and web tools. Here is exactly what I…...
Tailwind CSS vs Bootstrap - Why Developers Are Ditching Bootstrap and Never Looking Back 🎨
1+ week, 1+ day ago (1164+ words) Let's be real " picking a CSS framework feels like choosing your starter Pok'mon. You commit, you invest time, and then someone on Twitter tells you that you made the wrong choice. For years, Bootstrap was the framework. You wanted a…...
Did You Know That LLMs Can Take Architecture as Code to the Next Level?
1+ week, 1+ day ago (1554+ words) Let's be honest: traditionally, most of an architect's time goes not into making decisions, but into documenting them. A typical workday looks like this: Sound familiar? The main pain here isn't that the work is difficult. It's mechanical. The architecture…...
I built my own icon platform after getting frustrated with FontAwesome — here's how each feature came to life
1+ week, 1+ day ago (270+ words) I'm a 20-year-old student from Vietnam. I built Viconic (viconic.io.vn) alone, with no team and no sponsor. Every single feature came from a real frustration I had while building web projects. Here's the story. When I first learned…...
SVG vs PNG: When to Use Each Format
1+ week, 2+ day ago (851+ words) Here is the full breakdown: how the two formats compare, when each one wins, and how they stack up against JPG. The core distinction: SVG stores instructions for drawing an image. PNG stores the result of drawing an image. That…...