No. 810, Monday, January 29, 2024 View in browser
|
 |
Olá, frontend friends! ????
|
Today’s a big day for us at Codrops. I’ll be honest with you: it’s been a rollercoaster ride lately, with rising costs and fewer sponsors helping out. We’re feeling the pressure as we try to maintain our blog.
So, after much thought and consideration, we decided to take a leap and join Patreon. We’re not used to asking for help, but we felt it was the right decision. And let me tell you, after getting our first supporter, I was overwhelmed with a feeling of immense gratitude and hope. It’s a reminder of the incredible community we’re a part of!
If you’d like to join us on Patreon and help keep Codrops thriving, you can do so here: https://www.patreon.com/codrops
Thank you, from the bottom of my heart for your support! ????????
|
|
|
|
|
|
|
Nikita Prokopov shows the evolution of checkboxes and radio buttons across operating systems, noting their traditional square and round shapes, respectively, until Apple’s recent departure from this convention with round checkboxes in visionOS.
|
|
|
|
|
|
|
|
|
|
|
|
In this edition of Reality Check, Andy Bell takes on an engaging grid layout, highlighting a unique treatment of background images that adds an interesting twist.
|
|
|
|
|
|
|
|
|
|
|
|
A new material by Anderson Mancini’s for R3F. With this you can create glow effects through GLSL shaders and meshes without any post-processing effects.
|
|
|
|
|
|
|
|
|
|
|
|
David Bryant Copeland writes about his experience building Ghola, a palette generator using Web Components, focusing on the Custom Elements API, design considerations, and insights gained from the process.
|
|
|
|
|
|
|
|
|
|
|
|
|
The Ollama team announces the release of the Ollama Python and JavaScript libraries, which allow easy integration with Ollama’s features via code. Ollama allow you to use large language models locally.
|
|
|
|
|
|
|
|
|
|
|
|
Mandy Michael highlights an exciting update in Chrome 121 that enables the animation of font palettes for color fonts, using CSS properties to define and transition between color sets.
|
|
|
|
|
|
|
|
|
|
|
|
Daniel Janus discusses creating a lossy CSS compressor, using binary matrix factorization to reduce CSS rules, aiming to streamline and optimize CSS codebases, potentially identifying redundancy and optimizing stylesheets.
|
|
|
|
|
|
|
|
|
|
|
|
|
Just a stunning random animation every time you refresh! Made by Etienne Jacob.
|
|
|
|
|
|
|
|
|
|
|
???? Dear reader, with rising costs and fewer sponsors, maintaining Codrops has become a challenge. Your support can make a huge difference in keeping our community alive and thriving. Become our patron and help sustain Codrops for the future. ????
|
|
Creative Project Highlight
|
|
 |
|
Nicolas Tilly crafted this interesting project using React Three Fiber, offering a unique fusion of sound and visual elements within a 3D environment.
|
|
|
|
|
|
|
|
|
|
|
Video Vault
|
|
|
|
|
|
|
|
|
|
|
|
Demo Corner
|
|
|
|
|
|
Alvaro Montoro created this cool toggle based on a Jon Kantner’s work.
|
|
|
|
|
|
|
|
|
|
|
|
|
A beautiful Three.js demo created by Haris that made it into the Three.js Journey selection.
|
|
|
|
|
|
|
|
|
|
|
❓Did you know that…
|
…Ethan Marcotte coined the term “responsive web design” and defined its principles as fluid grids, flexible images, and media queries in a May 2010 article for A List Apart? He elaborated on the theory and practice in his brief 2011 book titled “Responsive Web Design.” Marcotte’s insight revolutionized how we approach interface development, ensuring seamless adaptability across devices.
|
|
|
|
|
|
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.
|
|
|
