~frontendfocus | Bookmarks (4)

Handling the Indentation of a Treeview Component — How should you approach building a UI that contains nested components, with an increasing indentation for each one? Ahmad looks at solving it with CSS.

An Interactive Guide to CSS Container Queries — This is a detailed explainer on CSS container queries, exploring the problems they solve, how they work, and how we can use them in our workflows. Lots of code and visuals to help things along too. Well worth bookmarking.

An Interactive Guide to CSS :has() — A superb, extensive guide to everything that you practically need to know about the versatile :has() selector. It's packed with loads of code examples and interactive elements, and will no doubt help unlock some thoughts on how you can use this powerful selector in your own projects.

Designing Better Target Sizes — A thoughtfully designed, interactive guide that really zeroes in on how best to design target sizes on the web. They are often far too small, particularly on mobile, so this excellent primer should set you up for getting things right.