News & Information       http://info.owt.com

Web Development

05/21/2026   Smashing Magazine
Meet `sibling-index()` and `sibling-count()`. Staggered cascade effect in one line of CSS without `:nth-child()` rules or JS workarounds. Works for 5 items or 5,000.
05/20/2026   CSS Tricks

It still hits like a ton of bricks to see the steep decline in Stack Overflow questions. What does that mean about learning in our industry?


Stack Overflow: When We Stop Asking originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.

05/18/2026   CSS Tricks

This is Part 1 of a two-part series about cross-document view transitions, going over all the gotchas, from ditching the deprecated way to opt into them to a little-known 4-second timeout.


Cross-Document View Transitions: The Gotchas Nobody Mentions originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.

05/15/2026   CSS Tricks

If 3D voxel scenes (that you can style), flying focus animations, or new CSS syntaxes sound like your kinda thing, then this issue of What’s !important is definitely for you.


What’s !important #11: 3D Voxel Scenes, Flying Focus, CSS Syntaxes, and More originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.

05/15/2026   Smashing Magazine
Every extra second of friction has a measurable business cost. Carrie Webster shares ten data-backed UX facts that link user experience directly to revenue, retention, and long-term growth.
05/14/2026   CSS Tricks

A clever use of CSS to calculate and display a discounted product price by providing a base price and discount amount, featuring modern CSS features like attr(), mod(), and round().


Computing and Displaying Discounted Prices in CSS originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.

05/13/2026   CSS Tricks

The rotateX() function rotates an element around the x-axis in a three-dimensional space


rotateX() originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.

05/13/2026   CSS Tricks

The rotateY() function rotates an element around its vertical y-axis.


rotateY() originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.

05/13/2026   CSS Tricks

The rotateZ() function rotates an element around its z-axis, so clockwise or counterclockwise.


rotateZ() originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.

05/13/2026   CSS Tricks

The rotate() function spins an element either clockwise or counterclockwise in a 2D plane.


rotate() originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.

05/13/2026   Smashing Magazine
Why traditional loading patterns like spinners fail in agentic AI experiences, and how interface patterns that reveal the system’s process, status, and decision-making can improve transparency and build user trust.
05/12/2026   CSS Tricks

The proposed ShadowRealm API introduces a new kind of realm specifically designed for isolation, and only that.


Soon We Can Finally Banish JavaScript to the ShadowRealm originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.

05/08/2026   CSS Tricks

I came across Kitty Giraudel’s folded corners technique. I’ve been on a bit of a corner-shape kick lately, so I figured that corner-shape could be used to create folded corners as well.


Using CSS corner-shape For Folded Corners originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.

05/07/2026   CSS Tricks

I will explain how my mum inspired this 2026 Mother’s Day scrollytelling experiment — but also, how she inspired my approach to dev and life.


A Scrollytelling Gift for Mum on Mother’s Day 2026 originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.

05/06/2026   CSS Tricks

Mat Marquis on Google pulling the web standards equivalent of U2 album marketing:

As a Chrome user, you’ll have received Gemini Nano in the form of a 4GB transfer recently; no permission asked or required. If you remove it,


Google’s Prompt API originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.

05/06/2026   CSS Tricks

Most grid layouts sit in neat rows, perfectly aligned, like soldiers in formation. But sometimes you want something with more rhythm like, say, a zigzag pattern. Here's how to do it with CSS Grid.


Making Zigzag CSS Layouts With a Grid + Transform Trick originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.

05/06/2026   Smashing Magazine
An honest perspective on building local-first web apps in 2026, written for developers who’ve been doing this long enough to be skeptical of silver bullets.
05/05/2026   Smashing Magazine
Design always starts with function — function shapes form. But if that function can’t be made completely invisible and people still have to interact with it, it inevitably becomes part of their experience. In this article, Kyrylo Levashov shares four common software design assumptions.
05/04/2026   CSS Tricks

Getting a multi-column of cards to line up equally is is a headache we've all faced, and it gets even harder when working with fixed heights.


Fixed-Height Cards: More Fragile Than They Look originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.

05/01/2026   CSS Tricks

Developers have been experimenting with HTML-in-Canvas, a hexagonal world map-analytics feature, a web-based OS for e-ink devices, replacing image sources using the content property, and more. This is What’s !important #10.


What’s !important #10: HTML-in-Canvas, Hex Maps, E-ink Optimization, and More originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.

05/01/2026   Smashing Magazine
Streaming UIs are an easy concept on the surface, but are quite complicated in practice. There are many considerations that need to be accounted for, from layout shifts and motion preferences to proper markup and various states, that may not be instantly obvious. What happens if the stream is interrupted? Can users tab through the UI on the keyboard as it shifts? What ARIA attributes might be needed?
04/30/2026   Smashing Magazine
Let’s welcome May with a new collection of desktop wallpapers! Following our monthly tradition, the wallpapers were created by the community for the community and can be downloaded for free. Enjoy!
04/28/2026   Web Developer Juice
Quantum computing usually gets talked about like something out of a movie. You hear things like insane speed, breaking encryption, or machines that think completely differently from normal computers. After a while, it starts to feel far away and hard to picture. But the basic idea isn’t that complicated. Regular computers use something called bits.…
04/27/2026   Smashing Magazine
AI tools are eliminating the need to “bug” colleagues for help, but the informal interactions they replace are the very scaffolding that builds team trust, belonging, and innovation. Casey Hudetz and Eric Olive explore the research and potential impacts behind that risk and offer practical strategies for maintaining human connection while leveraging AI’s strengths.
04/25/2026   Web Developer Juice
At a glance, web development looks easy. You open a site, click around, maybe log in or buy something, then leave. But behind that smooth experience, there’s a lot going on. Different developers handle different parts of that process. Some focus on what you see. Others deal with what happens behind the scenes. And some…
04/25/2026   Web Developer Juice
You’ve probably heard that word API a lot. It shows up in apps, tech blogs and product updates. For many people, it sounds important, but also a bit confusing. The idea is actually simple. an API is just a way for one app to ask another app for something. That “something” could be: A map…
04/25/2026   Web Developer Juice
Generative AI is one of those terms people hear a lot, but not everyone means the same thing when they say it. Some think of chatbots. Others think of AI art, voice tools, or apps that can write code for you. Because it’s used so often, the meaning can feel a bit unclear. At a…
04/22/2026   Smashing Magazine
In a rush to embrace AI, the industry is redefining what it means to be a UX designer, blurring the line between design and engineering. Carrie Webster explores what’s gained, what’s lost, and why designers need to remain the guardians of the user experience.
04/20/2026   Smashing Magazine
Poorly handled session timeouts are more than a technical inconvenience. They can become serious accessibility barriers that interrupt essential online tasks, especially for people with disabilities. Here is how to implement thoughtful session management that improves usability, reduces frustration, and helps create a more accessible and respectful web.