Found 293 bookmarks
Custom sorting
Practical CSS Scroll Snapping
Practical CSS Scroll Snapping
CSS scroll snapping allows you to lock the viewport to certain elements or locations after a user has finished scrolling. It’s great for building
·css-tricks.com·
Practical CSS Scroll Snapping
aspect-ratio — ppk
aspect-ratio — ppk
This week we’ll take a look at the new aspect-ratio declaration and its use. Una Kravets wrote the introductory article, but there are some additional technical points to be made. I also wrote a little fallback that you might use...
·quirksmode.org·
aspect-ratio — ppk
fit-content and fit-content() — ppk
fit-content and fit-content() — ppk
Today we will look at fit-content and fit-content(), which are special values for width and grid definitions. It’s ... complicated — not as a concept, but in its practical application....
·quirksmode.org·
fit-content and fit-content() — ppk
Writing self-contained layout components in CSS
Writing self-contained layout components in CSS
As developers, when using modern UI libraries and frameworks like React, Vue or Web Components, we often like to write our CSS specifically for a single component. That way we c...
·allround.io·
Writing self-contained layout components in CSS
Create Responsive Image Effects With CSS Gradients And aspect-ratio — Smashing Magazine
Create Responsive Image Effects With CSS Gradients And aspect-ratio — Smashing Magazine
A classic problem in CSS is maintaining the aspect ratio of images across related components, such as cards. The newly supported `aspect-ratio` property in combination with `object-fit` provides a remedy to this headache of the past! Let’s learn to use these properties, in addition to creating a responsive gradient image effect for extra flair.
·smashingmagazine.com·
Create Responsive Image Effects With CSS Gradients And aspect-ratio — Smashing Magazine
Getting Deep into Shadows | CSS-Tricks
Getting Deep into Shadows | CSS-Tricks
Let’s talk shadows in web design. Shadows add texture, perspective, and emphasize the dimensions of objects. In web design, using light and shadow can add
·css-tricks.com·
Getting Deep into Shadows | CSS-Tricks