Posted April 4th, 2024
🔧 Code & Creativity – Crafting Accessible Forms with a Dash of CSS Magic!
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.
🦄 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.
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.
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
Thanks for reading ❤️
@AdamMarsdenUK from Unicorn Club