← Back to Newsletters

🛠️ HTML First - Simpler, Faster, Better Web Development

November 22, 2023

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

🌈 Switch Themes Like Magic - CSS Variables
📏 Why px Reigns Supreme for Margins & Padding
🌟 Creating Accessible UI Animations

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

The Killer Black Friday Deal for Vue Developers

Get the Ultimate Vue Bundle! All the courses you need to master the Vue.js ecosystem PLUS the certificate to prove it! Build scalable Vue.js apps knowing all the best practices from Vue.js experts and the Core Team.

Get access to:

1,050 lessons
Nuxt, Pinia, & Vue masterclasses
Official Vue.js Certification bundle

Save 64% with this Killer Deal!

Save 64%, Buy now!

🖌️ CSS

When to use CSS text-wrap: balance; vs text-wrap: pretty;

There is a limit on the number of lines that text-wrap: balance; will apply to but it is dependent on how many lines there are based on the width of your text.

How to use CSS variables to create amazing theme transitions

They are a great out-of-the-box tool that enables you to write cleaner and more reusable styles.

Why You Should Use px Units for margin, padding, & Other Spacing Techniques

When users increase their text size, they're not trying to make the space around text bigger.

🎨 Design

Creating Accessible UI Animations

Animation and accessibility are often seen as two separate powers at odds with one another.

🧑‍💻 HTML

HTML First

HTML First is a set of principles that aims to make building web software easier, faster, more inclusive, and more maintainable

HTML Web Components

I think the word “component” in “web components” confused a lot of people — at least it did me.

🕸️ Web

Tilt-Shift Blur Effect

A fun CodePen to create a tilt-shift effect.

0 KB Social Media Embeds

The for a Mastodon embed is very big, the resources aren’t cached across instances.

🔥 Promoted Links

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

React Day Berlin - 10% off

Join us to enjoy in-depth talks, career-boosting workshops & an exciting party. Use code unicornclub10 for 10% off hybrid tickets!

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

Ship Better Interfaces.

Practical guidance for product teams — Actionable habits you can apply every week.