FullStack Bulletin logo

FullStack Bulletin

Archives
Subscribe
November 11, 2024

🤓 #398: 11 HTML best practices for login & sign-up forms

JavaScript generator functions, Container Queries, EldoraUI, Component Composition in React, Fluid Design, Code abstractions

View this email in your browser

Logo

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

“Science and technology revolutionize our lives, but memory, tradition and myth frame our response“

— Arthur Schlesinger , Historian

11 HTML best practices for login & sign-up forms—Martian Chronicles, Evil Martians’ team blog

11 HTML best practices for login & sign-up forms — 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. Read article

Why would anyone need JavaScript generator functions? — 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! Read article

A Friendly Introduction to Container Queries — 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. Read article

EldoraUI — 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! Read article

Component Composition in React — 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. Read article

Fluid Everything Else — 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. Read article

The magic of keeping one level of abstraction per function — 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. Read article

The Linux Command Line, 2nd Edition: A Complete Introduction

by William Shotts

The Linux Command Line, 2nd Edition: A Complete Introduction

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.

Buy on Amazon.com

Buy on Amazon.co.uk

Don't walk away just yet 🏃‍♂️

  • TanStack Form v0
  • Exploring the browser rendering process
  • SVG Shaders
  • Maverick - Build & ship fast components with ease
  • Kevin Powell's top 5 most popular front-end tips (video)
  • Ship faster with landing page templates
  • total-typescript/tsconfig: The simplest way to set up your tsconfig.json (genuinely a time-saver!)
  • time-flies (amazing JavaScript web-based clock visualization)

👋 That’s all for this week. See you next Monday!

Greetings from your full stack friends Luciano & Andrea

🙌 Support us

If you enjoy FullStack Bulletin, consider sharing this newsletter with your friends and colleagues.


If there's something we can improve, let us know!


You can also sponsor the next issue!

Website iconTwitter iconMastodon icon

Copyright (C) 2024 FullStack Bulletin. All rights reserved.
*|IFNOT:ARCHIVE_PAGE|*

FullStack Bulletin is a FREE weekly curated newsletter for ambitious full stack developers. We sift the internet for builders, covering frontend, backend, databases, DevOps, and architecture to find what truly matters. Expect practical picks, clear takeaways, and fresh ideas that cut the noise, sharpen your skills, and fuel your creativity so you can put them to work right away.

*|END:IF|*

Our mailing address is:
*|IFNOT:ARCHIVE_PAGE|**|HTML:LIST_ADDRESS|**|END:IF|*

Want to change how you receive these emails?

You can update your preferences or unsubscribe

Don't miss what's next. Subscribe to FullStack Bulletin:

Add a comment:

Share this email:
Share on Twitter Share on LinkedIn Share on Hacker News Share on Reddit Share on Mastodon Share on Bluesky
https://fullsta...
Powered by Buttondown, the easiest way to start and grow your newsletter.