:has Selector in Real Life
The :has selector is a powerhouse tool in your box allowing you to look ahead in your DOM with CSS.
I have spent my career leading teams to deliver high-quality, test-driven, accessibility- and UX-focused frontend experiences for everyone from Fortune 100s in healthcare, automotive, and finance to brick and mortar mom & pop shops. I have time and again increased quality— and decreased shipping of bugs— through automated unit testing, end-to-end testing, and best-practices-driven code quality linting.
And I am open to work.
If you need someone to join your team, coach and mentor your engineers, and deliver beautiful, high-quality user experiences, Hire Finley.
The :has selector is a powerhouse tool in your box allowing you to look ahead in your DOM with CSS.
Blocks are self-contained, with their own content, but sometimes we want a page to feel more joined together. By having blocks appear to overlap and flow into one another, we create pages that look less like a collection of blocks and more of a composition of blocks.
The full-bleed, but only to one side and respecting the grid on the other side image. Why has this been difficult? Because it mixes easy calculations with hard calculations.
For a fluid site, [CSS clamps are] one of the best ways to adjust font sizes. Instead of changing sizes at multiple breakpoints with media queries, one simply lets CSS handle it. But the middle value is the mystery. It is the preferred value. How do you pick it?