Found 293 bookmarks
Custom sorting
How To Build A Magazine Layout With CSS Grid Areas — Smashing Magazine
How To Build A Magazine Layout With CSS Grid Areas — Smashing Magazine
Web development, especially what you can do with CSS, has become increasingly complex. With the added capabilities of CSS Grid, it is now possible to achieve layouts that look like they were laid out by hand. Let’s tackle a practical example of how to do something like that.
·smashingmagazine.com·
How To Build A Magazine Layout With CSS Grid Areas — Smashing Magazine
Defensive CSS
Defensive CSS
Practical CSS and design tips that helps in building future-proof user interfaces.
·defensivecss.dev·
Defensive CSS
Using mask as clip-path
Using mask as clip-path
When I first learned that the path() function is supported in the clip-path attribute, I was quite excited because it allows clipping with complex shapes other than ellipse or polygons.
·yuanchuan.dev·
Using mask as clip-path
Responsive iframes with the CSS aspect-ratio property
Responsive iframes with the CSS aspect-ratio property
Today, I want to show you can use a few lines of CSS to make your embedded iframes fully responsive. Let’s dig in! The challenge with iframes and responsive layouts Unlike images and the native HTML5 video element, iframes do not scale responsively by default. /** * This does NOT work */ iframe { max-width: 100%; height: auto; } Years back, Dave Rupert put together a great video showing the challenge with responsive iframe videos.
·gomakethings.com·
Responsive iframes with the CSS aspect-ratio property