Unicorn Club Logo Unicorn Club
  • Newsletters
Sponsor
← Back to Newsletters

🔧 Code & Creativity - Crafting Accessible Forms with a Dash of CSS Magic!

April 3, 2024

Ship Better Interfaces

Build interfaces that stay clear when real users and real constraints show up.

Make better calls, faster with curated reads, distilled into the part you actually need: the takeaway, why it matters, and what to adopt every week.

Less churn. Stronger shipping. No filler.

Hey everyone ✌️ Here's a quick look at this week's newsletter:

🌐 From Pixels to Paper
🌟 Typographic Alchemy 
✏️ Icon Design Decoded

Enjoy this week's edition 👋 - Adam at Unicorn Club.

Sponsored by Webflow

Accelerate your agency’s growth

Whether you need to win new business or wow an existing client, Webflow empowers agencies to deliver high-quality client work, faster — without growing your dev budget.

Start building →

🦄 This week's best

Front-End solution: progress indicator

I knew when I set this challenge, there were multiple ways to solve it and I was not disappointed by the diversity in approaches that folks kindly sent to me.

A formula for responsive font-size

This CSS is now part of most websites I make: :root { font-size: calc(1rem + 0.25vw); }

The hidden power of typography

The science behind how design choices influence perception and behavior.

🧠 Fun Fact

The Origin of "Upper" and "Lowercase" - Did you know the terms "uppercase" and "lowercase" come from the physical layout of a traditional print shop? Letters used in printing were stored in cases; capital letters were kept in the upper case while the smaller letters were stored in the lower case.

Setting And Persisting Color Scheme Preferences With CSS And A “Touch” Of JavaScript

There are many ways to approach a “Dark Mode” feature that respects a user’s system color scheme preferences and allows for per-site customization.

How to design icons in Figma

Design should be democratic, that's why our team refuses to hide the process behind our art.

Accessible Forms with Pseudo Classes

I am going to take you through creating a simple contact form using semantic HTML and an awesome CSS pseudo class known as :focus-within.

From ink to pixel to ink

There’s something about the book, as an object, that managed to survive across all the various societal and technological changes.

🔥 Promoted Links

Share with 2,000+ readers, book a classified ad.

Get smarter about Tech in 5 min

Get the most important tech news, tools and insights. Join 90,000+ early adopters staying ahead of the curve, for free.

Support the newsletter

If you find Unicorn Club useful and want to support our work, here are a few ways to do that:

📨  Recommend friends to subscribe

📢  Sponsor or book a classified ad

☕️  Buy me a coffee

Thanks for reading ❤️
@AdamMarsdenUK from Unicorn Club

  • Archive
  • Articles
  • Glossary
  • UI Decision Brief
  • Sponsor
  • RSS

© 2026 Unicorn Club

Curated by Adam Marsden