Codrops

The Collective #810

Codrops sent this email to their subscribers on January 29, 2024.

No. 810,  Monday, January 29, 2024   

Collective Cover ©® éheollective

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! 🙏💙

💙 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

Video Vault

Demo Corner

❓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!

Your Codrops team xxx


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

Text-only version of this email

No. 810,  Monday, January 29, 2024    Collective Cover ©® éheollective 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: Thank you, from the bottom of my heart for your support! 🙏💙 ☑️ IN LOVING MEMORY OF SQUARE CHECKBOX 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. 🎴 FLUID HOVER CARDS WITH TAILWIND CSS 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. 🧞‍♀️ FAKE GLOW MATERIAL FOR R3F 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. 🖍 WEB COMPONENTS IN EARNEST 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. 🌃 PURE CSS WAY FOR CREATING ALBUM BACKDROPS Artur Bień shows a clever technique on how to make fitting album backdrops for a great background effect. 🦙 OLLAMA RELEASES PYTHON & JAVASCRIPT LIBRARIES 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. 🎨 ANIMATING FONT PALETTE 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. 🗜 LOSSY CSS COMPRESSION FOR FUN AND LOSS (OR PROFIT) 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. 👩‍💻 TOP 60 MOST CREATIVE AND UNIQUE PORTFOLIO WEBSITES OF 2023 The Muzli team curated an amazing collection of 60 exceptional and creative portfolio websites showcasing various design styles and techniques from 2023. ⚖️ MOZILLA SAYS APPLE’S NEW BROWSER RULES ARE ‘AS PAINFUL AS POSSIBLE’ FOR FIREFOX Mozilla says Apple’s new browser rules are ‘as painful as possible’ for Firefox Apple's new rules in the EU allow browsers like Firefox to use their own engines on iOS, but Mozilla and other developers criticize the restrictions as hindering competition and consumer choice. 💥 RANDOM ANIMATIONS Just a stunning random animation every time you refresh! Made by Etienne Jacob. 💡 INSPIRATIONAL WEBSITES ROUNDUP #55 (FROM OUR BLOG) Check out our first batch of exceptionally good website designs in 2024. 💙 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 MORI BUILDING GREETING CARD This stunning Three.js project was directed by Yuki Tanabe and is comprised of amazing illustrations, music and 3D models brought to life. LAV AT TR AT SUBTERRANEAN DREAMS 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 Build a Multiplayer Card Game w/ React Three Fiber & Playroom Stream Mode BUILD A MULTIPLAYER CARD GAME W/ REACT THREE FIBER & PLAYROOM STREAM MODE This Vue 3 Component Pattern is Fire 🔥🔥🔥 (and you should use it!) Best Component {\ Vue P L1 A BT S G =) ‘ THIS VUE 3 COMPONENT PATTERN IS FIRE Faster page loads: Debug speculati ' ? navigatio... @ DevTools Tips N DEBUGGING SPECULATIVE NAVIGATIONS FOR FASTER PAGE LOADS #DEVTOOLSTIPS Qwik + Astro perf on perf on perf with @Steve8708 QWIK + ASTRO PERF ON PERF ON PERF WITH @STEVE8708 ANIMATION SPOTLIGHT AMERIABANK CREDIT CARDS PROMO BY TIGRAN MANUKYAN DEMO CORNER INSTANCED MATCAPS Seantai's cool matcap Three.js demo. Read more in his tweet and find the code here. TOGGLE NEON Alvaro Montoro created this cool toggle based on a Jon Kantner's work. OUTER WILDS PLANETARY 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! Your Codrops team xxx Codrops is proudly sponsored by KeyCDN, the high performance content delivery network that has been built for the future. Website iconTwitter iconInstagram iconFacebook iconLinkedIn icon
Show all

The Latest Emails Sent By Codrops

More Emails, Deals & Coupons From Codrops

Email Offers, Discounts & Promos From Our Top Stores