 |
 |
|
Welcome to Collective #793 |
A warm welcome to all our new subscribers and thank you for becoming part of the Codrops tribe! Our goal is to provide you with valuable collections of high-quality frontend resources, design inspiration, and links to articles that you will truly enjoy reading!
We've recently transitioned to a bi-weekly newsletter and bid farewell to the web version of the Collective. While we understand that many readers enjoyed the grid-style digest of frontend news, we made this decision to allocate more time to offer a more diverse and focused newsletter approach. This change will enable us to create better content and connect with more readers directly. We genuinely hope that, despite the recent changes, everyone finds enjoyment in our content! |
|
Thank you for your ongoing support! Now, let's dive into today's issue! |
|
 |
|
This week, we came across a remarkably imaginative website that features lively animations and a playful color scheme that emphasizes the unique personality of the agency. A delightful experience to visit! |
|
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 👉 |
|
|
|
|
| Help Xavier (Jack) raise enough to work on this awesome Three.js library that makes rigged objects move softly and feel alive. |
|
|
|
|
|
|
|
|
|
| After getting his life saved by ChatGPT, Pablo Stanley's latest project offers a glimpse into the future of stock photography. While some doubt whether the taco shots are AI-generated or simply taken from Pablo's kitchen counter, the project remains noteworthy ;) |
|
|
|
|
|
|
|
|
|
| Rick Viscomi discusses the recent improvements in web performance, particularly in passing the Core Web Vitals assessment and explores the upcoming changes in the metric used to measure interaction responsiveness. |
|
|
|
|
|
|
|
|
|
| With GPT Crawler you can generate your own custom GPT by crawling one or multiple URLs to create knowledge files. |
|
|
|
|
|
|
|
|
|
| A headless library for building reusable, scalable Design Systems that works for a wide range of JavaScript frameworks. |
|
|
|
|
|
|
|
|
|
| This blog post provides a non-technical overview of key concepts in AI, such as AI, ML, neural networks, deep learning and more. |
|
|
|
|
|
|
|
|
|
| Million has developed a GitHub bot that can automatically detect, diagnose, and fix slow components in your React application. You can join the waitlist. |
|
|
|
|
|
|
|
|
|
| This website made it to the GSAP showcase and certainly deserves recognition for its creative use of GSAP to add fantastic and unique animations. |
|
|
|
|
|
|
|
|
|
| Jim Nielsen explores the distinction between React components and web components, emphasizing that web components favor an approach of composability and enhancement over replacement, aligning with the web's inclination towards augmentation for long-term success. |
|
|
|
|
|
|
|
|
|
| Merci-Michel’s latest collaboration with Cartier invites you to fly over the starry night, aboard an imaginary airship, on a fabulous journey. |
|
|
|
|
|
|
|
|
|
| Read how web devs can now enable automatic picture-in-picture functionality for video conferencing apps in Chrome 120 desktop, allowing the opening and closing of a picture-in-picture window without user gestures when switching tabs. |
|
|
|
|
|
|
|
|
|
|
|
Video Vault |
 | | This video explores the challenges of achieving accessibility in web design due to competing standards, lack of resources, and testing difficulties. |
|  | | SimonDev is experimenting with the latest grass and foliage rendering techniques inspired by the visually stunning Ghost of Tsushima game. |
|  | | This video by Kevin Powell is about CSS units (`vh`, `dvh`, `svh`, `lvh`, `dvb`, `svb`, `lvb`) exploring their usage with examples and providing relevant links for further reference. |
|
|
|
|
|
|
|
|
|
|
|
 | | Ali Zafar Iqbal's recent client project features a portfolio design with a focus on simplicity, utilizing catalog scrolls to showcase different projects, accompanied by a unique progression scroller that seamlessly adapts to varying interaction models, aiming to convey transitions intuitively while maintaining subtle continuity in the UI. |
|
|
|
|
|
|
|
|
|
|
Demo Corner |
|
|
From our blog |
| | Scroll-driven shape morph animations with tilt interaction inspired by the effect seen on KPR. |
|
|
|
|
|
|
|
|
|
|
Did you know that… |
…in UI design, there's a principle known as "Fitts's Law"? This principle states that the time required to move to a target area is a function of the distance to the target and the size of the target. In essence, it underscores the importance of designing interfaces with easily clickable and accessible elements, highlighting the significance of size and placement in enhancing overall usability and efficiency. |
|
|
|
|
|
|
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. |
|
|
|
