Tag
20 articles tagged #Design.
P.01column-rule now works in grid and flexbox, and row-rule joins it. Draw dividers between items in two lines of CSS, plus what to do about support.
P.02Chrome 147, Firefox 146, and Safari 26 all ship contrast-color(), which picks black or white text to meet WCAG AA on any background. Syntax and fallback.
P.03The W3C Design Tokens group shipped a stable exchange format backed by Adobe, Figma, and Google. What it standardizes, and how to migrate an existing setup.
P.04@scope applies CSS only inside part of the DOM, with a lower bound that excludes nested components. No BEM, no Shadow DOM. Syntax and where it falls short.
P.05The W3C's updated accessibility evaluation methodology now covers mobile and desktop apps, not just web pages. The five-step audit, applied to a native app.
P.06Apple shelved Vision Air and pushed the glasses reveal to WWDC 2027, and the holdup is privacy engineering, not hardware. What that signals for sensors.
P.07field-sizing: content reached Baseline in June 2026. The one line of CSS that replaces the scrollHeight hack for auto-growing textareas, and where it stops.
P.08The product designer role consolidated in 2026. How to write the job post, read portfolios honestly, and screen for designers who can actually ship.
P.09Storybook 8 is faster and easier to configure than it was. More useful is the workflow shift: building in isolation makes components genuinely decoupled.
P.10Three different approaches to styling a web application — Tailwind, CSS Modules, and CSS-in-JS libraries — and the team contexts where each one actually makes sense.
P.11Three animation options dominate web development right now: CSS, Framer Motion, and GSAP. Here's how to pick the right one for your project and why the native platform is better than you might expect.
P.12Media queries ask 'how wide is the viewport?' Container queries ask 'how wide is my parent?' That shift changes how you think about reusable components.
P.13If your design system needs to work in React, Vue, and a legacy jQuery app simultaneously, Web Components are the only native answer. Lit makes them practical to write.
P.14Figma shipped real AI features at Config 2025 and teams have been using them for nearly a year. Here is what actually works, what still doesn't, and how design workflows at agencies have changed.
P.15Position one element relative to another in pure CSS. No Popper.js, no positioning logic, no recalculation on scroll. How anchor positioning works.
P.16Developer tool UIs have converged into a boring monoculture. Here is why it happened, the anti-patterns killing your UX, and how to design dashboards developers actually love.
P.17CSS has changed more in the last 2 years than the previous 10. Here is what is production-ready, what to adopt now, and what you can stop using.
P.18Dark mode is expected by users, but implementing it correctly involves more than swapping colors. Here's how to build a robust, accessible dark mode that users will love.
P.19Design systems have matured from experimental to essential. Here's how to build, maintain, and scale a design system that actually gets used.
P.20EditorPickA design system is a shared language between design and engineering, not a component library. How to start one, what to build first, and how to keep it alive.