 |
 |
|
Welcome to Collective #795
|
Whether you’re in the midst of Thanksgiving celebrations or simply savoring good moments, our heartfelt wishes extend to you for an exceptionally joyous time, surrounded by the warmth of good company!
Here is a really great quote for today: “Gratitude is not only the greatest of virtues but the parent of all others.” – Marcus Tullius Cicero.
We’re super grateful to have you as our reader! A big thank you to you, whether you’ve been with us for a long time or just subscribed today!
Now, let’s dive into today’s newsletter, packed with cool stuff and viral hits!
|
|
|
 |
|
|
Kayenta’s website is a neat mix of clean simplicity and playful animations. The colors and typography blend well, creating a visually appealing look. Line icons add a nice touch to the content. Made by Báchoo, it’s our top pick this week.
|
|
Standout Web Design Picks
|
|
|
|
Execute context aware code snippets directly in your editor, anywhere in your project, even if your application/tests are not working. Enjoy real-time updates and seamless access to imports and program scope.
Try it now 👉
|
|
|
|
|
|
|
|
This tutorial by Josh W Comeau introduces the powerful CSS Grid layout system, covering its fundamentals, grid construction, assigning children, grid areas, considerations for keyboard users, and alignment properties.
|
|
|
|
|
|
|
|
|
|
|
|
This report highlights the mainstream adoption of AI, particularly generative AI like ChatGPT, with insights on AI sentiment, changing developer practices, job impact expectations, company investments, preferences for AI skills in hiring, practical AI adoption across industries, internal and customer-facing use cases, pain points, and data security policies.
|
|
|
|
|
|
|
|
|
|
|
|
|
Animotion lets you create CSS animations visually, by dragging, resizing, rotating, clipping and more, including a keyframes editor, a collection of ready-to-use animations and 29 built-in easings
|
|
|
|
|
|
|
|
|
|
|
|
Greg Foster from Graphite discusses the impact of change amplification in software engineering, emphasizing the importance of minimizing complexity by keeping pull requests small and manageable for faster development and efficient code review processes.
|
|
|
|
|
|
|
|
|
|
|
|
Jesse Zhou details the process of creating a 3D interactive portfolio website inspired by a cyberpunk-inpired ramen shop, using Three.js, discussing the technology, design elements, functionality, and performance optimizations involved.
|
|
|
|
|
|
|
|
|
|
|
|
Michelle Barker explores the concept of container queries, demonstrating how they can be used to create responsive layouts by querying the size of individual elements rather than the viewport, offering more flexibility and simplicity in code.
|
|
|
|
|
|
|
|
|
|
|
|
This article by Anton Zaides recounts a challenging two-week production incident involving a critical microservice, inumerous errors from a third-party API, and the lessons learned, including failed workarounds, optimizations, and the importance of load testing and cross-team collaboration.
|
|
|
|
|
|
|
|
|
|
|
|
Luke Wroblewski explores three distinct approaches to integrating generative AI language and vision models into software, involving direct instruction interfaces, behind-the-scenes model instructions without UI elements, and application-specific UI with AI assistance, highlighting the evolving landscape of AI integration patterns in software development.
|
|
|
|
|
|
|
|
|
|
|
Trace enables you to effortlessly convert from text input into SwiftUI, allowing you to export to your Xcode project or run on your mobile device.
|
|
|
|
|
|
|
|
|
|
|
|
Bjørn Staal provides a stripped-down example of code for an absolutely stunning dual window mechanic, with a link to a repository and a test site. This went totally viral and Steve Ruiz also joined, showing a two window interaction of tldraw!
|
|
|
|
|
|
|
|
|
|
|
|
|
Three.js Showcase
|
In this special section, we showcase exceptional (3D) masterpieces created with the powerful capabilities of Three.js.
|
|
|
|
Video Vault
|
|
|
|
 |
|
|
Mike from Creative Mints, a seasoned professional, unveils a sneak peek of his latest project, a rich source of micro-animations and meticulously curated design elements. The timing of the motions is particularly noteworthy, adding an extra layer of excellence to the whole thing.
|
|
|
|
|
|
|
|
|
|
|
Demo Corner
|
|
 |
|
|
This demo became super viral on X when it was shared by Akihiro Fujiwara. He says “I laughed when a new engineer at our company developed a text with two sides. I want to use it as a hidden element in the Kyoto project.” (translated version). Such a clever use of the ::selection pseudo-class!
|
|
|
|
|
|
|
|
|
|
|
From our blog
|
|
|
|
|
|
Did you know that…
|
…in 1985, Symbolics, Inc., a computer manufacturer specializing in Symbolics Lisp machines, registered the domain symbolics.com, making it the first-ever domain name on the internet? This event marked the beginning of the domain naming system that is integral to how we navigate the internet today.
|
|
|
|
|
|
|
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.
|
|
|
|
|
Source
