DEV Community

Discussion on: I'm Chris Coyier from CodePen, CSS-Tricks, and ShopTalk Show. Ask Me Anything!

Collapse
 
nickytonline profile image
Nick Taylor

Thanks for all the great resources you've been churning out over the years and thanks for codepen and CSS Tricks.

I'm sure you have tonnes of cool tricks you've done yourself or seen over the years, but do you have a favourite where you were just like wow!

Keep being awesome and I hope your arms are healing well. 💪

Collapse
 
nickytonline profile image
Nick Taylor

Side note, but I really enjoyed your recent talk with the Keyframers on Shop Talk.

That made me think of this funny Tweet from @chriscoyier today about position sticky.

I think CSS variables are starting to gain steam. It makes a lot of sense for theming. DEV, for those who aren't aware, uses CSS variables quite a bit for theming.

@davidkpiano recently talked about his heavy use of them for animations on a recent episode of Shop Talk.

Him and David Shaw have this awesome Twitch stream where they reverse engineer animations. They're called the Keyframers and you can follow them on Twitch or on the Twitters.

It's really an amazing thing to watch.

Collapse
 
chriscoyier profile image
Chris Coyier

I think "scroll shadows" in CSS is one of my favorite CSS tricks of all times. Originally by Roman Komarov, explained and improved by Lea Verou. I saw a tool the other day around the idea by Stefan Judis.

It's a real mind-bender involving four layered gradient backgrounds, each positioned, sized, and colored differently, and then behavioraly different regarding scrolling.

It's not just a neat trick, it has real UX implications. Showing a shadow of where you can scroll is important UX. Consider this story of a recent design update in iOS that led to complete confusion UI actions hidden behind a place you could scroll to, but had zero affordence on how to get there. (Happens to me all the time in Spotify, for the record.)

Collapse
 
nickytonline profile image
Nick Taylor

Awesome sauce. Thanks for sharing Chris!

Some comments have been hidden by the post's author - find out more