Links
![CSS Cap Unit](https://dxj7eshgz03ln.cloudfront.net/production/link/image/958922/twenty_by_nine_extra_large_bdf8e321-77b9-46ff-a609-f8b88cedda1b.jpg)
CSS Cap Unit
While I was working on a recent article on the
gap
property, I needed to place a box between two words and keep it aligned. I thought about a way to size the box to be equal to the capital letter height. After some research, I found thecap
unit and it worked as expected. In this article, I will demonstrate the problem and how I solved it.
A modern approach to browser support
Just recently, some front-end code we delivered to a client was making its way through acceptance testing. We were slightly surprised to discover that their standards required our code to be supported by the two latest versions of web browsers. And then we realised we didn’t have a browser support policy of our own – something we set about rectifying.
My Recent Container Query Use: Pagination
We recently rewrote pagination at work, and I decided this is an excellent use for container queries. The pagination component has 2 modes: “Big” mode and “Little” mode which really only care about how much horizontal space they have.
Let’s hang! An intro to CSS Anchor Positioning with basic examples
The CSS anchoring API is something that I’ve been following for at least a year now, and I’m happy to see that the first level is fully specced. Even though there are still some shortcomings that I’ll cover in this article as well, the available things look pretty solid and will help us a lot in creating some complex layout structures. Besides that, they are very much needed for the future of the HTML Popover API and stylable selects.
New to the web platform in May
Discover some of the interesting features that have landed in stable and beta web browsers during May 2024, including CSS anchor positioning, stepped value functions, the
light-dark()
function, and the@starting-style
rule.
Sponsor
Sponsored by Cloud Four
Thanks to Cloud Four for sponsoring this week’s newsletter! They solve complex responsive web design and development challenges for ecommerce, healthcare, fashion, B2B, SaaS, and nonprofit organizations.
If you’d like to help with the costs of running Friday Front-End, you can back our Patreon for as little as a dollar a month.