Width is not the viewport, and 800x600 is not a desktop
Development covered 29 Aug 2026 to 2 Sep 2026 (commit dates). Myriad Immortal Sect runs in a browser, and browsers are not one shape. It runs full s…
Architecture
⚑ Сообщить о проблемеПоследние новости Architecture от Tech News
Все темы
agents
ai
api
architecture
automation
aws
backend
beginners
career
database
devchallenge
devops
javascript
llm
machinelearning
mcp
news
opensource
performance
productivity
programming
python
react
security
showdev
softwareengineering
systemdesign
tutorial
typescript
webdev
Let the designer's spec be the test: a bounded UI change request for game UI
"The quest reward toast feels cramped and is hard to read on phones." That's a fair complaint, and a hard thing to hand to an engineer. "Cramped" an…
From BEM to BE.M — A CSS Naming Convention Built for Component Libraries
Originally published on LinkedIn . I'm gradually migrating my LinkedIn articles over to DEV — this is the first one. BEM was designed for page-level…
Why HTML, CSS, and JavaScript Aren’t Dead Yet (Even with AI Writing Code)
If you spend any time on tech Twitter, LinkedIn, or YouTube lately, you’ve probably seen someone posting a 10-second video of an AI generating a ful…
Keep the focus ring: a keyboard check for landing pages
A landing page isn't finished when the buttons work with a mouse. Try reaching the same buttons without one. Press Tab from the top of the page. You…
A Checkerboard Is Not Transparency: A Practical Alpha Test for Video
You export a “background-free” video, put it on a web page, and see a black rectangle. Is the file broken? Perhaps. But the player might be ignoring…
Theming a Drop-In UI Kit Without Forcing a Fork
Theming a Drop-In UI Kit Without Forcing a Fork Every prebuilt UI component library eventually meets a design system it was not built for. At that p…
How I turn any handful of colours into a readable theme
Open the theme picker, choose Flatland from the base16 list, and the cards on the page lose their edges. Text and links are fine, but every border a…
FSCSS Shorthands: the full reference (1.2.5+)
FSCSS 1.2.5 adds property shorthands : compile-time rewrites that turn short property names into standard longhand CSS before the stylesheet ever re…
Our globals.css beat 514 Tailwind utilities, and CSS cascade layers were the whole story
CogniPrep is a Tailwind v4 app with a 719 line hand-written app/globals.css on top. That file contains 17 !important declarations, and most of them…
What I learned building a Twitch chat overlay
Getting messages onto the screen is the easy part: one WebSocket and about forty lines of parsing. The work starts after that. Emoji shift the posit…
🃏 Card RS: Extremely Customizable Card component for WASM frameworks
Salut tout le monde 👋! If there is one layout component that has been re-implemented more times than the <button> , it's the Card. Think about…
🔴 Badge RS: Easy to Use Badge Components for WASM Frameworks
Je vous salue 👋! Every WASM app eventually needs a badge. The little red circle on your notification bell. The green dot on the corner of an avatar.…
🪪 Avatar RS: Very Efficient Avatar Components for WASM Frameworks
Bien le bonjour 👋! Every WASM app eventually needs an avatar. Profile pictures, user cards, comment threads, they're everywhere. And every time, dev…
I Thought a Calendar Was Just a 7-Column Grid Until I Started Building One
A calendar looks like one of the simplest interfaces on the web. Seven columns. A few rows. Some numbers. Maybe a previous and next button. That was…
Stop Using So Many Media Queries! Use clamp() Instead!
Learn how senior frontend engineers eliminate breakpoint bloat and build fluid, production-grade UIs using native CSS math: clamp(), min(), and max(…
Customizable Select: The <select> dropdown FINALLY catches up with CSS
Style native dropdowns with CSS, from the picker and checkmark to options with rich HTML. Explore current browser support and three practical exampl…
CSS Gradients: The Complete Guide
You know the moment. You're building a hero section, you drop in linear-gradient(to right, #667eea, #764ba2) , and it looks... fine. Then you spend…
The Story: Liberating Kannada’s Beauty from the ASCII Trap
For years, I have carried a quiet frustration every time I opened modern design software. Kannada is visually stunning—a script of elegant curves an…
Stop Your CSS Layout From Breaking: Understand `box-sizing
If you've ever set an element to width: 300px and wondered why it ends up wider than 300px, you're not alone. One of the most important CSS concepts…
Notes from the Pass: The Same Interface, Rebuilt Three Times
Also available in Español The Claim Being Tested Tuesday's essay drew a line between two kinds of browser default: decoration, which carries no func…
The Dropdown Behind the Curtain: A Wizard of Oz Guide to CSS Overflow Clipping
Somewhere over the rainbow, dropdowns render outside their containers. Down here in Kansas, they get cut in half. Kansas Dorothy had a setup wizard.…
Building a Zero-Dependency Cyberpunk AI Prompt Widget for Website Sidebars (Full Source Code)
Hey dev community! 👋 I wanted to find a clean way to increase user time-on-page metrics for a tech blog without bloating the server with heavy track…
I built a sub-4ms JIT CSS framework with native Glassmorphism and built-in LLM training files
I built a sub-4ms JIT CSS framework with native Glassmorphism and built-in LLM training files If you've been doing frontend development lately, you…
Document Picture-in-Picture is a window, not a video
For a decade the phrase "picture-in-picture" meant one thing: a little video that follows you around while you tab away to argue about something on…
Скроллбар в 2k26
В вашей дизайн-системе могут быть особые требования к внешнему виду скроллбаров. К сожалению, нативные возможности стилизации весьма ограничены, поэ…
Tailwind CSS on Large, Long-Lived Projects How Do You Keep It Manageable?
I've been using Tailwind CSS for a while now, and I genuinely enjoy it; it's fast to prototype with, the developer experience is smooth, and I rarel…
La Liga's Web Accessibility Table: How Do Clubs Actually Score?
I should start by saying that I'm not a web accessibility expert. I work in web development and deal with accessibility features regularly, but I've…
A New Challenger to CSS Selectors: WebForms Place Criteria (WPC)
One of the major improvements in WebForms Core 2.1 is the expansion of WebForms Place Criteria (WPC) . WPC is a DSL built into WebForms Core for sel…
CSS Only-Interactive Pure CSS Drawing Canvas Using Radio Buttons and Modern Grid Layouts
Yes — here’s a 100% pure CSS / HTML version with zero JavaScript. Here’s a complete, self-contained Interactive Pure CSS Drawing Canvas that uses: R…