“Science and technology revolutionize our lives, but memory, tradition and myth frame our response“”
Ciao, This week’s hand-picked selection is inspired by the content that caught my attention last week. It’s a mix of fresh takes on web development, from HTML best practices for login forms to the magic of container queries, with a dash of animated UI fun and React tips. I’ve put this together with the hope that it keeps you inspired and informed on the latest trends in full-stack development. If you have been following along for the last few issues, you can probably tell that I have been working on React/frontend-heavy projects lately... But I am curious to know what you’re working on! Reply to this email and let me know, I'd love to hear from you!
— Your editor, Luciano
Let’s be real, login and signup forms are everywhere, but they’re rarely done right. This guide from Evil Martians cuts through the noise with straightforward HTML tips to make your forms more accessible, secure, and user-friendly.
Here’s an article I stumbled upon again and couldn't resist sharing, even though it's not brand new. Generators are one of my favorite JavaScript features, and James Sinclair’s piece is a clear, practical dive into why they’re more useful than you might think. Have you ever used generator functions for something meaningful in production? I’d love to hear about it—let me know! If you haven't, make sure to check this one out!
We keep featuring Josh Comeau’s content because it’s consistently solid and a pleasure to read. His introduction to CSS container queries is no exception—it breaks down how to style elements based on their own size, not just the viewport, bringing a new level of responsiveness to your layouts.
EldoraUI isn’t your typical toolkit—no standard buttons or modals here. Instead, it’s packed with animated elements that can bring your designs to life. If you're curious, check out their crazy tag component here for a taste (spoiler, it's 3D and uses three.js)... Definitely worth a look, even if just for a healthy dose of inspiration!
Component composition is one of the most interesting patterns I have seen lately in React and I often wondered how one could implement it. In my research, I discovered this article that explains the pattern really well and provides some excellent examples.
We’ve already touched on container queries, which are gaining traction in responsive web design. Now, this CSS-Tricks article takes it a step further, showing how to make everything else in your design—like typography, images, and more—fluid, not just the layout. It's a great read for developers looking to create a truly responsive experience across all screen sizes.
This article dives into the concept of keeping one abstraction level per function, a simple but powerful practice that can make your code easier to understand and maintain. This is a short read, but I liked the React-focused examples.
by William Shotts
You've experienced the shiny, point-and-click surface of your Linux computer—now dive below and explore its depths with the power of the command line. The Linux Command Line takes you from your very first terminal keystrokes to writing full programs in Bash, the most popular Linux shell (or command line). Along the way you'll learn the timeless skills handed down by generations of experienced, mouse-shunning gurus: file navigation, environment configuration, command chaining, pattern matching with regular expressions, and more. In addition to that practical knowledge, author William Shotts reveals the philosophy behind these tools and the rich heritage that your desktop Linux machine has inherited from Unix supercomputers of yore.