 |
 |
|
Welcome to Collective #801 |
Two highlights today that made my day and I hope you will enjoy, too: a beautifully animated exploration by Ralph Ammer who states that creative limitations paradoxically set imagination free, and a great interview by Brijan Powell who says, enjoy your freakin' life! Happy exploring! |
|
|
 |
|
Created by Shelby Kay and Flayks, this website for a heartwarming project breaks away from modern rigidity, embracing a design filled with personality and character. Irregular shapes and delightful typography make it an enjoyable browsing experience. |
|
Standout Web Design Picks |
|
|
15x faster JavaScript debugging than with breakpoints and console.log. Wallaby.js runs your tests immediately as you type, with runtime values, errors, and code coverage displayed in real-time right next to your code. Designed specifically for testing, Wallaby features include a Time Travel Debugger, the ability to only run opened test files, and more.
Try it now 👉 |
|
| Join the 12 Days of Web Components journey with Hawk Ticehurst as he introduces the fascinating world of web components through a series of interactive blog posts, covering everything from the basics to real-world examples and offering insights and tricks along the way, starting with the creation of a simple winter wonderland web component. |
|
|
|
|
|
|
|
|
|
| Wes Bos on the latest CSS update with the addition of :user-invalid and :user-valid pseudo selectors, allowing you to style inputs dynamically after user interaction, now available in Chrome and Safari. |
|
|
|
|
|
|
|
|
|
| Vladimir Yugay and collaborators present their groundbreaking work on "Gaussian-SLAM: Photo-realistic Dense SLAM with Gaussian Splatting," showcasing efficient 3D Gaussian-based scene representation for dense neural SLAM and outperforming previous rendering benchmarks. |
|
|
|
|
|
|
|
|
|
| Paul Henschel shares a 10-minute draft using ThreeJS to arrange images in a circular manner, employing sin, cos, and rotation magic. Titles are no problem either! |
|
|
|
|
|
|
|
|
|
| Oleg Coada’s project lets you explore a world of design brilliance with carefully selected brand guidelines from across the globe. |
|
|
|
|
|
|
|
|
|
| Manupa writes about Shadcn/ui, an intriguing JavaScript UI library that stands out by delivering components through a CLI, eschewing npm packages to empower users with code ownership. |
|
|
|
|
|
|
|
|
|
| In his article, Mayank critically examines common HTML practices, challenging notions like the use of the <select multiple> attribute, cautioning against the semantic insignificance of the <i> element for icons, and more. |
|
|
|
|
|
|
|
|
|
| In contemplating the choice between Next.js and Remix, Flavio Copes, shares a candid reflection on why Astro is his preferred framework, emphasizing simplicity, flexibility, stability, and scalability. |
|
|
|
|
|
|
|
|
|
| In this beautifully animated exploration, Ralph Ammer argues that creative freedom thrives within structured games, drawing parallels between the joy of a basketball match's rules and the structured fun of drawing exercises, emphasizing that creative limitations paradoxically set imagination free. |
|
|
|
|
|
|
|
|
|
| Inspired by the recent buzz about HTML Web Components, Raymond Camden has created a simple component using the dialog tag to provide a thumbnail and detail view of images, ensuring it gracefully degrades even without JavaScript. |
|
|
|
|
|
|
|
|
|
| Daishi Kato introduces Waku, a minimal React framework facilitating exploration of React Server Components (RSC) independently of traditional static site generation (SSG) and server-side rendering (SSR) strategies, with the website and examples showcasing its simplicity and extensibility. |
|
|
|
|
|
|
|
|
|
| They're over the moon at dYdX, sharing their open source design system! In their commitment to decentralization, they've not only launched dYdX Chain but also opened up their design system for everyone, giving a peek into their design language and inviting designers, developers, and enthusiasts to contribute and shape the future. |
|
|
|
|
|
|
|
|
|
| David Hoang descibes what quality is all about, especially when it comes to interface design. In a nutshell, quality, whether in clothing or software, is like the unnoticed yet crucial details, such as zippers and input forms, that can make or break the user experience. |
|
|
|
|
|
|
|
|
|
|
Video Vault |
|
|
|
|
Demo Corner |
|
 | | A free template for creating cool portfolios for creative developers. Grab the code here. By Mister & Prada. |
|
|
|
|
|
|
|
|
|
|
From our blog |
| | Catch up on the highlights of Day 12, Day 13 and Day 14 and discover more frontend highlights of 2023. |
|
|
|
|
|
|
|
|
|
| | Explore the fundamentals of Three.js Instancing in this tutorial, learning how to optimize GPU performance and efficiently render large numbers of objects. |
|
|
|
|
|
|
|
|
|
|
❓Did you know that… |
…the digital world has its own New Year's Day? On January 1, 1983, the ARPANET celebrated its "Flag Day" by switching from the NCP to the TCP/IP protocol suite. It wasn't just a tech party; it was a major makeover! This transition required a network-wide shutdown and restart, as every ARPANET node and interface had to join the digital festivities. 🎊 |
|
|
|
|
|
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. |
|
|
|
