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!
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.
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.
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.
This slider by Alvaro Montoro gets brigther as you move it! No JavaScript involved.
❓Did you know that…
…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!
Your Codrops team xxx
Codrops is proudly sponsored by KeyCDN, the high performance content delivery network that has been built for the future.
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional
Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
