๐Ÿ› ๏ธ HTML First – Simpler, Faster, Better Web Development

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

Sponsored by Vue School

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 iframe for a Mastodon embed is very big, the resources arenโ€™t cached across instances.

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:

๐Ÿš€ Forward to a friend

๐Ÿ“จ Recommend friends to subscribe

๐Ÿ“ข Sponsor or book a classified ad

โ˜•๏ธ Buy me a coffee

Thanks for reading โค๏ธ
@AdamMarsdenUK from Unicorn Club