Building mobile-safe layouts with CSS safe-area-inset properties
Modern phones are not simple rectangles. They have rounded corners, camera cutouts, dynamic islands, and home indicators that double as gesture areas. Browsers…
Read the full articleYou might also wanna read
CSS Beyond the Box: Designing for Round Displays, Notches, and Foldable Devices
What can we do with just thirty pixels? With Progressive Web Apps blurring the lines between apps and websites, Patrick Brosset helps us thi
A List Apart·4y ago
CSS Corner-Shape Property: Beyond Rounded Corners for Modern UI Design
For years, developers have been hacking around the limitations of `border-radius`, using clip-path, SVG masks, and fragile workarounds just
Smashing Magazine·4mo ago
Exploring the CSS border-shape Property and the Evolution of CSS Shape Capabilities
We recently got the shape() function and corner-shape property. What else could we possibly need as far as making shapes in CSS? Let me tell
CSS-Tricks·9d ago
Rethinking Mobile-First CSS: When the Classic Approach Falls Short
Is mobile-first CSS always the best option? Patrick Clancey explores the pros and cons of the classic methodology, as well as when other sol
A List Apart·4y ago
CSS Masonry Layout: Native Browser Support Eliminates Need for JavaScript Libraries
CSS Masonry is almost here! Patrick Brosset takes a deep dive into what this long-awaited feature means for web developers and how you could
Smashing Magazine·7mo ago
CSS content-visibility
Newly available in Baseline 2024 is the content-visibility CSS property and as its name implies, it controls the visibility of an element’s
Comments
Sign in to join the conversation.
No comments yet. Be the first.