No. 809, Thursday, January 25, 2024 View in browser
Olá, frontend friends! 👋
A little while back, Maxwell Barvian reached out to share some fantastic demos based on designs by Francesco Zagami. The coolest part? He used the latest CSS scroll animation features to bring them to life! Don’t miss these three awesome demos – they’re perfect for getting into scroll-based animations using just CSS, no need for any fancy JavaScript magic!
Quick heads up – Gmail and Yahoo! Mail are rolling out some new rules for sending out lots of emails (like newsletters). To keep receiving the Collective, please hit reply and just say “Hi” (or feel free to stay silent if you’re a bit shy like me 😅).
This way, our emails won’t end up in your spam, and you’ll keep getting frontend goodness!
Have a wonderful Thursday! 💙
Inspirational Website of the Week: TRIONN
TRIONN’s latest design impresses with delightful details such as a smokey cursor effect, magnetic buttons, and an exceptional scrolling experience that unveils beautifully crafted layouts. The unique typography adds an extra layer of stylishness.
Standout Web Design Picks
🛠 Zed is now open source
Nathan Sobo is excited to announce that Zed, a code editor, is now open source, inviting the community to contribute and improve it, with the goal of building the world’s most advanced code editor.
1️⃣ 12 Modern CSS One-Line Upgrades
Stephanie Eckles’ article, “One-Line CSS Upgrades,” offers a practical guide to enhancing applications with 12 essential properties, promoting reduced technical debt, minimized JavaScript reliance, and easy wins for user experience.
Over 200 optimized SVG country flag icons, perfectly crafted on a 32px grid and free. By the folks of Nucleo.
A set of stylish Tailwind CSS buttons without JavaScript that you can use right away in your projects by copy and pasting. Made by Ibelick.
☀️ Shining a light on Caustics with Shaders and React Three Fiber
Maxime Heckel shares his work on creating a realistic and physically based caustic effect using shaders
Source link
