DEV Community

Cover image for πŸ› οΈ HTML First - Simpler, Faster, Better Web Development
Adam Marsden
Adam Marsden

Posted on

πŸ› οΈ 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.


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

Top comments (0)