Build the Modern Web
For years, BEM (Block, Element, Modifier) has been the go-to naming convention for CSS architects who needed to avoid naming collisions and keep specificity low. It worked, but it came with a cost: lo…
You are evaluating a new content management architecture for your next project. Maybe you are tired of fighting with a monolithic system. Perhaps a client wants their blog content to also feed a mobil…
Every millisecond counts when a user hits your site. A bloated JavaScript bundle can turn a smooth experience into a slow, frustrating wait. The pressure to add new features never stops, but your page…
The idea of creating your own HTML tags feels like a superpower. You can build a custom element that works in any project, regardless of the framework. No more copying and pasting the same card or mod…
Build a self-contained typing accuracy component using custom elements, the InputEvent API, Shadow DOM, and CSS custom properties. No framework required.
For years, managing dark mode on a website felt like a constant battle. You would write a set of custom properties, sprinkle in some media queries for `prefers-color-scheme`, and then wire up a JavaSc…
If you are evaluating tools for a new desktop application, you already know the challenge. You want one codebase that runs smoothly on Windows, macOS, and Linux. You want to use web technologies your …
For years, managing dark mode on the web meant writing JavaScript toggle logic, maintaining stacks of CSS custom properties, or relying on a preprocessor to swap entire stylesheets. It worked, but it …
The CSS Working Group recently published a new feature that has the front-end community buzzing: the `@scope` rule. If you have spent years writing classes like `.block__element–modifier`, you might …
You write HTML every day. You know the usual suspects: “, “, “, and “. But the HTML5 spec has a handful of hidden gems that rarely get the spotlight. These elements solve real, everyday problems w…
