The Collective #815

No. 815, Thursday, February 15, 2024 View in browser

Olá, frontend friends! 👋

As frontend developers, we often find ourselves thinking we’ve got certain topics nailed down, dismissing them as old news. But Josh’s recent article on centering a div throws that assumption out the window! I knew, Josh wouldn’t bother writing about it if he didn’t have some interesting insights to share, so don’t miss his article, it’s a really great read!

Happy Thursday!

Inspirational Website of the Week: SavoirFaire©

This week, we selected SavoirFaire© portfolio, crafted by the highly talented Henri Heymans in collaboration with Fabian for WebGL. It epitomizes timeless design excellence, infused with a distinctive flair that encapsulates the ethos of the creative studio it embodies. Simply beautiful!

All about that crazily popular design trend that we see on SaaS websites characterized by dark backgrounds, colorful blurry glows, grid layouts, screenshots, and other elements.

If you believe you know all the techniques, you are wrong! Josh W. Comeau shows various techniques for centering elements using CSS, including strategies such as centering with auto margins, Flexbox, viewport centering, CSS Grid, and addressing challenges with text alignment and future implementations.

Lunakepio announces the Mario Kart 3.js project going open-source, inviting contributions and updates, emphasizing its ongoing development and offering instructions for its use.

Tempo, a new JavaScript date and time library, draws inspiration from moment.js, day.js, and date-fns. It prioritizes small size, simplicity, and robust timezone support. Leveraging JavaScript’s Intl.DateTimeFormat, Tempo manages complex data such as timezone offsets and locale-aware date formats.

🪑 Blender, React, and Functional Composition

Really interesting thread by Paul Henschel where he explores functional composition in Blender and React, emphasizing React’s facilitation of compositional solutions in WebGL/Three.js environments and showcasing a workflow between Blender and web apps.

🛠 Mastodon embed timeline

Displays a Mastodon timeline with post embeds in your website. Very easy to setup, no dependencies, no trackers, cross-browser, WCAG compliant and fully responsive.

🪞 Reflection Scroll Effect (from our blog)

A decorative reflection effect where we simulate a reflected page and scroll it along with the content.

💙 Dear reader, support us to help with monthly expenses so that we can keep Codrops running. 🙏

Nemutas created this really cool WebGL demo.

This slider by Alvaro Montoro gets brigther as you move it! No JavaScript involved.

…the development of the JPEG (Joint Photographic Experts Group) standard for digital image compression was introduced in 1992? The JPEG format rapidly emerged as one of the most popular image formats on the internet. Its compression algorithm enables significant reduction in file size while preserving acceptable image quality. This standard revolutionized how images are stored, transmitted, and displayed on digital devices, playing a pivotal role in the widespread adoption of digital photography and online media sharing.

And that’s all! Thank you for reading the Collective! If you have something you would like us to feature in the next edition, simply reply to this email!

Codrops is proudly sponsored by KeyCDN, the high performance content delivery network that has been built for the future.