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

Adam Marsden - Nov 23 '23 - - Dev Community

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.


Join 2,000+ People. Every Wednesday.

Carefully curated newsletter for developers, designers, and makers. 100% Free.

Subscribe Today


Sponsored by Vue School

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 iframe 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:

๐Ÿš€ 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

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .