Author: burhan

The  element is a fairly straightforward concept: focus on it to reveal a set of s that can be selected as the input’s value. That’s a great pattern and I’m not suggesting we change it. That said, I … How to Make a “Scroll to Select” Form Control originally published on CSS-Tricks, which is part of the DigitalOcean family.…

Mixing colors in CSS is pretty much a solved deal, thanks to the more recent color-mix() function as it gains support. Pass in two color values — any two color values at all — and optionally set the proportions. background-color: … Color Mixing With Animation Composition originally published on CSS-Tricks, which is part of the…

Learn about CSS Anchor Positioning, including its syntax, properties, how it is used to position one element next to another, and even how it’s used to resize elements relative to other elements. CSS Anchor Positioning Guide originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. An approach for…

An approach for creating masonry layouts in vanilla CSS is one of those “holy grail” aspirations. I actually tend to plop masonry and the classic “Holy Grail” layout in the same general era of web design. They’re different types of … CSS Masonry & CSS Grid originally published on CSS-Tricks, which is part of the…

The creator of CSS has said he originally envisaged CSS as the main web technology to control behavior on web pages, with scripting as a fallback when things weren’t possible declaratively in CSS. The rationale for a CSS-first approach was … Slide Through Unlimited Dimensions With CSS Scroll Timelines originally published on CSS-Tricks, which is part of…

Miriam Suzanne’s in the middle of a redesign of her personal website. It began in August 2022. She’s made an entire series out of the work that’s worth your time, but I wanted to call out the fifth and latest … Aggregating my distributed self originally published on CSS-Tricks, which is part of the DigitalOcean…

A new tool from Eric Meyer, Brian Kardell, and Stephanie Stimac backed with Igalia’s support. Brian announced it on his blog, as did Eric, describing it like this: What BCD Watch does is, it grabs releases of the Browser … BCD Watch originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get…

I sat down with Heydon Pickering in the most recent episode of the Smashing Hour. Full transparency: I was nervous as heck. I’ve admired Heydon’s work for years, and even though we run in similar circles, this was our first … Smashing Hour With Heydon Pickering originally published on CSS-Tricks, which is part of the…

The @supports at-rule has been extended several times since its initial release. Once only capable of checking support for property/value pairs, it can now check for a selector using the selector() wrapper function and different font formats and techs using … Recipes for Detecting Support for CSS At-Rules originally published on CSS-Tricks, which is part…

There is an amazing community effort happening in search of a new logo for CSS. I was a bit skeptical at first, as I never really considered CSS a “brand.” Why does it need a logo? For starters, the current … Searching for a New CSS Logo originally published on CSS-Tricks, which is part of the…