Menu

Post image 1
Post image 2
1 / 2
0

Chris’ Corner: Gold Star CSS Bloggers

CodePen·@HashtagPLUS·about 1 month ago
#MEk7UPk7
#x2b50#xfe0f#docs#grid#scroll#container
Reading 0:00
15s threshold

CSS still gives me the warm fuzzies sometimes. We’ve gotten so many amazing CSS features the past few years, that each alone makes me happy. But when those features are combined, I’m often stunned and get thinking about how we’re only scratching the surface of what is to come. Take a new demo by Adam Argyle “Responsive App Switcher” . If you happen to be an iOS user, you might recognize the look and feel from that interface where you swipe up and are choosing between recent open apps. In this demo, Adam is using CSS grid layout, with the lesser-used grid-auto-flow to just let elements sit in a row and take the horizontal space they need. He uses scroll snapping so that each, let’s call them a “card”, snaps into a satisfying place. There is some bonus trickery with the snapping involving invisible cards at the beginning and end to make the final scrolling still have an elastic bouncy feeling.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.

Read More