cell_tower Broadcast Station
visibility 2.9K views schedule 1 year ago
CULCHR.TV Vintage Exclusive
Vintage Sneakers Streetwear +37

Recreate a Cool Shuffling Effect in Pure CSS

When Chris Coyier saw Toni Lijic’s hobbies widget, he wanted to figure out how it works and build his own version. He shows us how he reverse engineers CSS in this episode. Upcoming episodes: https://lwj.dev/schedule Links & Resources: - https://css-tricks.com/ - https://codepen.io/ - https://chriscoyier.net/ - https://codepen.io/your-work - https://www.toni.li/about - https://lwj.dev/uses - https://codepen.io/jlengstorf/pen/EaYbjxM - https://www.learnwithjason.dev/schedule/ Watch future episodes live at https://lwj.dev/live This episode was sponsored by: - Tuple(https://lwj.dev/tuple) Live transcription by White Coat Captioning (https://whitecoatcaptioning.com/) 00:00 Welcome 01:09 Introducing Chris Coyier 02:44 Exploring CodePen 09:07 Building an Interactive Widget 48:48 Creating a Working Slider with Web Components 51:24 Setting Up the Grid Layout 01:01:06 Animating Elements with CSS 01:12:03 Final Touches and Conclusion

0:00 / 0:00

Up Next

Network Discovery
1:20:45
play_arrow

Build multiplayer SaaS apps with Liveblocks

Tech

2.2K views

22:40
play_arrow

Midjourney is Free Again... and here's why.

Tech

118.2K views

20:10
play_arrow

Why Is Nobody Talking About AI World Models?

Tech

54.7K views

22:20
play_arrow

7 Insane AI Video Breakthroughs You Must See

Tech

110.9K views

14:41
play_arrow

The 3D Sports Experience That Changes Everything

Tech

15.4K views

35:30
play_arrow

AI News: Every Major Announcement From This Week

Tech

2.4K views

21:54
play_arrow

Don't build another effin' chatbot — Web Dev Challenge S1E1

Tech

166.5K views

1:28:08
play_arrow

AMA and Coding Q&A

Tech

1.1K views

favorite

Support the Culture

Discover more from the community

Explore
visibility 2,939 views thumb_up 94 comment 11 schedule 1:32:46 2025 1 year ago
When Chris Coyier saw Toni Lijic’s hobbies widget, he wanted to figure out how it works and build his own version. He shows us how he reverse engineers CSS in this episode. Upcoming episodes: https://lwj.dev/schedule Links & Resources: - https://css-tricks.com/ - https://codepen.io/ - https://chriscoyier.net/ - https://codepen.io/your-work - https://www.toni.li/about - https://lwj.dev/uses - https://codepen.io/jlengstorf/pen/EaYbjxM - https://www.learnwithjason.dev/schedule/ Watch future episodes live at https://lwj.dev/live This episode was sponsored by: - Tuple(https://lwj.dev/tuple) Live transcription by White Coat Captioning (https://whitecoatcaptioning.com/) 00:00 Welcome 01:09 Introducing Chris Coyier 02:44 Exploring CodePen 09:07 Building an Interactive Widget 48:48 Creating a Working Slider with Web Components 51:24 Setting Up the Grid Layout 01:01:06 Animating Elements with CSS 01:12:03 Final Touches and Conclusion
apparel Vintage steps Sneakers checkroom Streetwear sports_esports Gaming travel Travel chef_hat Food broadcast_on_home Tech child_care Kids sell Reselling sports Sports comedy_mask Comedy tv_guide Entertainment skateboarding Skate style Cards history_2 Retro money_range Business headphones Music dictionary Learn rss_feed News wall_art Art landscape Outdoors newspaper Docuseries manga Anime sports_kabaddi Wrestling styler Lifestyle car_gear Auto supervisor_account Reality shopping_bag Shopping diamond Luxury military_tech Military borg Sci-Fi language_international International grass Western weather_hail Weather movie Movie car_gear Engineering casino Gameshow home_and_garden Home universal_local Local bath_soak Relaxation

More to Watch

1:20:45

Build multiplayer SaaS apps with Liveblocks

2.2K views • 2 years ago

22:40

Midjourney is Free Again... and here's why.

118.2K views • 1 year ago

20:10

Why Is Nobody Talking About AI World Models?

54.7K views • 11 months ago

22:20

7 Insane AI Video Breakthroughs You Must See

110.9K views • 1 year ago

14:41

The 3D Sports Experience That Changes Everything

15.4K views • 5 months ago

35:30

AI News: Every Major Announcement From This Week

2.4K views • 4 months ago