tech .culchr .tv

search

Live live_tv Sign In Join

Vintage Sneakers Streetwear Gaming Travel Food Tech Kids Reselling Sports Comedy Entertainment Skate Cards Retro Business Music Learn News Art Outdoors Docuseries Anime Wrestling Lifestyle Auto Reality Shopping Luxury Military Sci-Fi International Western Weather Movie Engineering Gameshow Home Local Relaxation

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

HQ Stream

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

The Rise of AI Robots: Everything You Need to Know

60.9K views • 2 years ago

AI News: Claude Takes Over Office, ByteDance Goes After Google

90K views • 1 year ago

He Built The Ultimate Spy Tool (Free and Open-Source)

263.3K views • 1 month ago

Mind-bending AI: The Future Looks Crazy

127K views • 3 years ago

Google's New Video AI puts SORA to Shame...

38.7K views • 1 year ago

User auth and roles with Hasura (with Vladimir Novick) — Learn With Jason

5.5K views • 7 years ago