 |
 |
|
Welcome to Collective #799 |
The other day I spotted something that got me thinking about the importance of actively stepping out of our comfort zones. And no, I'm not suggesting starting cold showers (though, seriously, they're fantastic and changed my life!). I'm talking about breaking out of our "knowledge" comfort zone—learning something new, trying a fresh approach to code, or giving that shiny new framework a spin.
Now, isn't it a bit amusing how comfort can quietly nudge us into laziness and keep us rooted in one spot? Time to peel away from that snug bubble and invite in some fresh vibes! Embrace the new, my friend; it's the secret sauce for infusing excitement and possibilities into your world.
Here's to breaking free and diving into the unknown. ✨
Happy learning! |
|
|
 |
|
Margherita Fortuna & Lorenzo Dossi skillfully crafted this website, brimming with delightful surprises. The menu's opening and closing animations are particularly noteworthy, adding a touch of coolness. The visual design is striking, and the thoughtful typography amplifies the messaging—truly well executed! |
|
Standout Web Design Picks |
|
|
|
The Kintone Developer Program provides a seamless tutorial for integrating ESP8266 with Kintone's web database, making IoT integration a breeze!
Check it out 👉 |
|
|
| Luma-web is a npm package for rendering photoreal interactive scenes captured by the Luma app. It includes LumaSplatsWebGL, which is a WebGL-only gaussian splatting implementation designed to be integrated with 3D frameworks, and LumaSplatsThree, which is a Three.js implementation that uses LumaSplatsWebGL under the hood. |
|
|
|
|
|
|
|
|
|
| Astro 4.0 introduces a powerful Dev Toolbar, internationalization routing, experimental incremental content caching, new View Transition APIs, redesigned logging, and documentation improvements for the web framework, enhancing local development and performance. |
|
|
|
|
|
|
|
|
|
| This article discusses the findings of a performance analysis on over 780 e-commerce websites, revealing that home and category pages exhibit the poorest responsiveness, particularly on mobile devices, with specific issues identified and potential solutions provided, emphasizing the impact of filtering, complex product tiles, and third-party code on category page performance. |
|
|
|
|
|
|
|
|
|
| A thread by John Pham on a perspective warp animation technique involving animated gradients within clip-paths, with specific CSS code examples provided. |
|
|
|
|
|
|
|
|
|
| Bramus van Damme shows how easy it is to build a stacked navigator using View Transitions. |
|
|
|
|
|
|
|
|
|
| Vasilis van Gemert discusses his approach to teaching HTML by focusing on the practical and interactive aspects, emphasizing user experience over theoretical semantics. |
|
|
|
|
|
|
|
|
|
| Anton Sten explores the drawbacks of using carousels in web design, highlighting issues such as user engagement, information overload, and accessibility concerns, and suggests alternative approaches for a more effective user experience. |
|
|
|
|
|
|
|
|
|
| Scott Vandehey highlights the current trend regarding Web Components, listing key articles that have helped popularize and clarify the concept, marking a potential inflection point for widespread adoption. |
|
|
|
|
|
|
|
|
|
| Michelle Barker writes about the CSS overflow property, discussing its various values and how to handle unexpected overflow issues caused by elements like images, long words, transforms, and flexbox layouts. |
|
|
|
|
|
|
|
|
|
| Sora Sagano crafted this elegant sans serif font that comes with many different weights. |
|
|
|
|
|
|
|
|
|
| Google introduces Gemini, its most capable and flexible AI model, designed to seamlessly understand and operate across different types of information, including text, code, audio, image, and video, with state-of-the-art performance, next-generation capabilities, and a focus on (cough) responsibility and safety. |
|
|
|
|
|
|
|
|
|
| Jacob Nielsen's article is about the new regulations in India that prohibit the use of 12 common dark design patterns, unethical practices in user interface design that harm users, including false urgency, basket sneaking, confirmshaming, forced action, subscription traps, and others. |
|
|
|
|
|
|
|
|
|
| The Bulk URL Opener is a handy web extension designed to simplify the process of opening multiple links simultaneously. Ideal for users who frequently need to access numerous web pages at once. |
|
|
|
|
|
|
|
|
|
|
Newsletter Recommendation |
| If you like our Collective, we have a feeling you'll love Web Design Weekly, too. There's a reason more than 19,000 designers read it every week! |
|
|
|
|
|
|
|
|
|
Got a good newsletter? Share it with us, and we'll feature it! |
|
Video Vault |
|
|
|
 | | Slava Kornilov, the expert at making awesome animations on Dribbble, created a beautiful shot for Jet Admin, and the animation details are just amazing! |
|
|
|
|
|
|
|
|
|
|
Demo Corner |
|
 | | Lysterfield Lake is an open-source, interactive, AI-generated 3D music video. Taken from a single feed of video shot on an iPhone, Lysterfield Lake explores the idea of how our memories change over time. A wonderful project by Charlie Gleason who also wrote how it was made. |
|
|
|
|
|
|
|
|
|
|
From our blog |
| | Catch up on the highlights of Day 5, Day 6, and Day 7 of our daily frontend advent adventure where we highlight great moments from 2023. |
|
|
|
|
|
|
|
|
|
| | Uncover a collection of recently discovered websites that showcase exceptional design. |
|
|
|
|
|
|
|
|
|
| | A scroll-triggered sliced text animation, where segmented elements reunite while scrolling. |
|
|
|
|
|
|
|
|
|
|
Did you know that… |
…inn the realm of software engineering, rubber duck debugging (or rubberducking) is a technique used to debug code by expressing the issue in spoken or written language? The name stems from a tale in "The Pragmatic Programmer," where a coder would tote around a rubber duck, methodically explaining their code, line by line, to the duck. Various terms describe this approach, often featuring different inanimate objects or pets like dogs, cats, and even teddy bears. |
|
|
|
|
|
|
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. |
|
|
|
