Web Devel…
Get Ready For the Powerful CSS border-shape Property!
We recently got the shape() function and corner-shape property. What else could we possibly need as far as making shapes in CSS? Let me tel…
via CSS-TricksWeb Development
Frontend frameworks, tooling, browser APIs, and web platform developments.
Web Devel…What’s !important #16: sibling-index() Animations, Use Cases for the infinity Keyword, Container Stuck Queries, and More
The soon-Baseline sibling-index() function for animations, CSS and the 2026 FIFA World Cup, use cases for the infinity keyword, container "…
via CSS-Tricks
Web Devel…Small Joys And Big Adventures (August 2026 Wallpapers Edition)
Everybody loves a beautiful wallpaper to freshen up their desktops and home screens, right? To provide you with inspiring designs on a regu…
via Smashing Magazine
Web Devel…The Bull And Bear Case For Digital Design In The Age Of AI
Designers have spent years saying they would do better work if the organisation got out of the way. Not always in those exact words, obviou…
via Smashing Magazine
Web Devel…Thinking Outside The Box: Digital Design In The AI Era
This article is a sponsored by MacPaw The phrase “artificial intelligence” has many excited, especially those in tech. But for those of us…
via Smashing Magazine
Web Devel…Weaponizing And Defending The React Flight Protocol: Deserialization Sinks In RSCs
React Server Components don’t send HTML to your browser. They don’t send JSON either. When a server component renders, what actually travel…
via Smashing MagazineWeb Devel…
writing-mode
The writing-mode CSS property sets whether lines of text are laid out horizontally or vertically, and the direction in which blocks and lin…
via CSS-Tricks
Web Devel…When It Makes Sense To “Block” The Main Thread
We’ve all heard of the sacred rule in modern web development, the rule never to be broken. The rule of “Never block the main thread.” You a…
via Smashing MagazineWeb Devel…
pointer-events
The pointer-events property controls whether an element can become the target of pointer events like clicks, hover states, and other pointe…
via CSS-Tricks
Web Devel…No, People Don’t Want More AI In Their Life
Many companies silently assume that everybody wants more AI in their lives. That people are craving new AI features , new AI products, new…
via Smashing Magazine
Web Devel…What’s !important #15: Boundary-aware CSS, Time-based CSS, Full-bleed CSS, and More
Read all about boundary-aware CSS, accessible grid lanes, time-based web designs, full-bleed, the customizable select, and new web platform…
via CSS-Tricks
Web Devel…From Kickoff To First Concept: How To Turn Brand Strategy Into Visual Direction
When a branding project fails, it usually happens long before the logo stage: in the strategy phase, when words like “modern,” “trustworthy…
via Smashing Magazine
Web Devel…Designing For Distressed Users: Why Mental Health Apps Shouldn’t Follow Every UI Fashion
Mental health applications keep facing a continuing, measurable crisis: many people stop using them quickly. The data is stark: almost 95%…
via Smashing Magazine
Web Devel…Meet Kirki: WordPress’s First Visual Builder With An Infinite Canvas
This article is a sponsored by Kirki For years, WordPress users have relied on traditional page builders to create websites without writing…
via Smashing Magazine
Web Devel…Users Don’t Need More Tools: They Need Seamless Integrations
We often hear about shiny new tools that change everything (yet again). But in practice, most people don’t need more tools to deal with in…
via Smashing Magazine
Web Devel…What’s !important #14: Gap Decorations, random(), <select> field-sizing, and More
I know you’re busy, so for What’s !important #14, I’ll be sprinting through what’s been a stacked couple of weeks despite few browser updat…
via CSS-TricksWeb Devel…
The Shifting Line Between CSS States and JavaScript Events
CSS has always had pseudo-classes that style things based on user interactions. Recent features, however, are blurring the line between wha…
via CSS-TricksWeb Devel…
translateZ()
The translateZ() function moves an element closer to or farther from the user. translateZ() originally handwritten and published with love…
via CSS-TricksWeb Devel…
translateY()
The translateY() function shifts an element vertically by the specified amount. translateY() originally handwritten and published with love…
via CSS-TricksWeb Devel…
translateX()
The translateX() function shifts an element horizontally by the specified amount. translateX() originally handwritten and published with lo…
via CSS-Tricks