Web development
fromCSS-Tricks
1 day ago7 View Transitions Recipes to Try | CSS-Tricks
View transitions enhance user experience and are supported by major browsers, but require careful setup and understanding of animation types.
Using such a resolution in the web browser would render a tiny illegible desktop site. To avoid that, CSS pixels add a layer of abstraction. Initially the amount of actual pixels compared to CSS pixels was simply a 2x or 3x conversion, but these days fractional scaling is also common.
Google credits security researcher Shaheen Fazim with reporting the exploit to Google. The dude's LinkedIn says he's a professional bug hunter, and I'd say he deserves the highest possible bug bounty for finding something that a government agency is saying "in CSS in Google Chrome before 145.0.7632.75 allowed a remote attacker to execute arbitrary code inside a sandbox via a crafted HTML page."
Here's the sad truth about sports score apps: Most of them aren't all that interested in actually telling you the score. After all, where's the money in providing straightforward information like that? The modern sports score app has to do more. It must bombard you with banner ads and betting odds, implore you to create an account and opt into notifications, sell you some tickets, and show some videos to keep engagement up. The scores themselves are an afterthought.
Design tokens are all your design decisions, that define a design system's aesthetic properties, everything from colors and font sizes to spacing units and border radii. They are the modern evolution of hard-coded values. They are stored in a central, platform-agnostic repository, establishing a single source of truth for your entire digital product suite. This central management allows teams to consume the exact same design values across all platforms (web, native apps, documentation).
If you ask Claude to generate a web page for you, there is a high chance you will get a very generic output. The page serves a functional purpose, but it's not very appealing. You can see that this design clearly serves the functional purpose, but doesn't look very appealing.
Ana proposed the following: Is this enough in 2026? As an occasional purveyor of the visually-hidden class myself, the question wriggled its way into my brain. I felt compelled to investigate the whole ordeal. Spoiler: I do not have a satisfactory yes-or-no answer, but I do have a wall of text!
I would listen with awe and think, 'That must have been a real challenge. It must be exquisitely crafted and probably a little bit groundbreaking too.' So it feels slightly absurd to admit that my last typeface, Nave, also took around ten years to complete. Not because I spent a decade polishing outlines or expanding the character set, but because I took so many wrong turns trying to chase a vision I hadn't properly defined.
In Andor, I got chills when Mon Mothma warns the senate of a chilling truth: When we let noise, conformity, or fear dominate, we lose sight of what matters. We risk allowing the loudest voices, often the safest, the most predictable, to drown out individuality, identity, and truth. To me, this line... This line echoes a growing tension I feel in content design.
Teams often use customer and user interchangeably until it breaks alignment. Here's how separating the two clarifies research, prioritization, and messaging across B2C, B2B, and B2B2C products.
@keyframes animations can be named using strings, allowing syntax like @keyframes "@animation" { /* ... */ } with corresponding animation: "@animation" declarations. This capability has existed for 11 years across browsers, yet remains relatively unknown to many developers seeking alternative keyframe naming conventions beyond standard identifier formats.
Linear-style UIs look simple, but the theming system has to do real work. Here's how to meet WCAG 2.2 contrast requirements across light, dark, and high-contrast modes whether you're using a UI library or rolling your own tokens.
The main problem with the existing homepage was that, besides the most recent posts, other content, once it aged and 'fell off' the front page, was then difficult to discover. The new design makes more use of available screen 'real estate', is visually much richer, and reorganizes 18 years of posts, so that even older long-forgotten posts are more easily found.
Can you formulate the css code to apply the glassmorphism (GM) effect b/g to the tasks below: Glassmorphism code snippet background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.1); 1.1 Apply the GM effect to the Share B/G, Gallery B/G & Vid B/G icons during onmouseout. 1.2 Apply the GM effect to the Social icons pop-up panel B/G during onmousehover on the Share icon.
Welcome to The CSS Selection 2026! In this article we're having a look at how CSS is used at scale on over 100,000 websites. We'll look at what things are common on most websites and discover interesting outliers. This is the first edition of what I hope to be many, so this is meant as a baseline for future editions, setting up the first numbers to compare with in coming years.