Hope you’re having a fantastic week! For this edition, we have a nice blend of learning resources and eye-opening articles for you, so sit back and let it flow in.
Rachel Andrew updates us on the new features that have landed in stable and beta web browsers this February. Meanwhile, Rami James offers a metaphorical take on package dependency hell, drawing parallels with societal expectations and personal fulfillment. It’s a reflective piece that transcends coding challenges.
Bartosz Ciechanowski takes us under the wing (literally) with a fascinating look at the physics of flight, making complex concepts accessible and visually engaging.
Happy exploring!
Inspirational Website of the Week: Metalab
Metalab’s unique hover effect offers engaging project previews, complemented by exceptional typography and a seamless scroll experience. It’s a testament to creativity and design excellence and our pick this week!
Standout Web Design Picks
Build with the power of code — without writing any
The idea-to-video platform that sets your creativity in motion.
New England-based designer with a thing for skateboarding, rock climbing, and chicken parm.
In collaboration with Webflow, we’re thrilled to present this first roundup, featuring a handpicked selection of awe-inspiring websites.
A place that collects great navbar inspiration on the internet.
A Python and React framework for fast webapp development with emphasis on developer productivity and seamless integration between frontend and backend.
🚨 Home Screen Advantage
Alex Russell criticizes Apple’s recent actions to limit Progressive Web Apps (PWAs) on iOS devices in the EU, arguing that this move not only undermines the web as a competitive platform to the App Store but also harms developers and users by restricting browser choice and web app functionality.
🤖 AI and Design Systems
Brad Frost discusses the use of AI in design systems, emphasizing its role in code generation, framework translation, test writing, and more.
👨💻 Why my code isn’t in TypeScript
Remy Sharp expresses challenges and frustrations with using TypeScript, including complex type understanding, library documentation gaps, and resolving TypeScript-specific errors, leading to questioning its practicality in his work.
Kyle Shevlin highlights a common mistake in component design: applying outer margins or padding, which disrupts component encapsulation and complicates layout.
📚 CSS Foundations: What is IACVT?
Learn about the concept of “Invalid At Computed Value Time” (IACVT) in CSS, explaining its impact on design and how it relates to declarations considered valid but hold invalid values when computed.
⛓ Package dependency hell
Rami James draws parallels between the complexities of managing package dependencies in the JavaScript ecosystem and the burdens of societal expectations, exploring how the convenience of “adding packages” to one’s life or project can lead to a dependency hell, reflecting on personal struggles with societal norms and the quest for a fulfilling life.
Bartosz Ciechanowski has done it again and this time he explores the physics of flight, focusing on the forces acting on aircraft wings and visualizing airflow dynamics using various methods such as arrows, markers, and color gradients.
🧖♂️ What Is A Single-page Application?
Heydon Pickering humorously critiques the complexity and loading inefficiencies of Single-page Applications (SPAs), questioning the modern web development trend of relying heavily on JavaScript for applications that could be simpler and more efficient.
Ingestr is a command-line application that allows you to ingest data from any source into any destination using simple command-line flags, no code necessary.
Neat is a free tool that generates gradient animations for your website. It’s easy to use and offers a wide range of customization options.
Video Vault
Animation Spotlight
Creative Project Special
A mesmerizing journey under the Northern Lights that Unseen Studio® has created for game developers Cult of the North.
❓Did you know that…
… Frieder Nake, a pioneering figure in the digital arts movement, created computer-generated artworks using algorithms as early as the 1960s? Nake’s groundbreaking work, along with other early artists and scientists, laid the foundation for what would later become known as digital art. By experimenting with computers and digital technologies during this period, Nake and his contemporaries pushed the boundaries of artistic expression and technology integration, shaping the trajectory of digital art in the decades that followed.
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.