DEV Community

Cover image for ✨ Unveil the Magic – CSS Auto-Height Transitions!
Adam Marsden
Adam Marsden

Posted on

✨ Unveil the Magic – CSS Auto-Height Transitions!

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

🌧️ Craft Rain with Code

🎨 Maximize Your Design Reviews

🌟 Marbla Typeface

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 API Hacker Inner Circle

Join a community of developers, testers, and hackers

Upskill your API hacking tradecraft, and get exclusive access to:

  • Weekly API hacking articles
  • Weekly pro tips and snippets
  • Regular industry news and insights
  • Monthly review of my research and work

Subscribe today and get exclusive tips, tricks, and killer command line cheats to hack your apps and APIs.

It's skills development for the appsec guru in you, brought straight to your inbox. What could be better? No fluff. Just killer content.

Subscribe for Free


πŸ–ŒοΈ CSS

CSS trick: transition from height 0 to auto!

If you messed around with CSS for long enough, chances are you've tried at least once to make a transition from height: 0 to auto...

The hanging-punctuation property in CSS

The hanging-punctuation property in CSS is almost a no-brainer. The classic example is a blockquote that starts with a curly-quote.

Drawing Raindrops with CSS Gradients and Masks

I started of thinking I could get away with just using background properties. That enabled me to create the raindrop shape, but creating the highlights was trickier.

🎨 Design

Get more out of design reviews

I’ve reviewed a lot of designs. It’s a sign of healthy team that they share work to be reviewed. When I ran NHS Digital’s weekly design meet-ups I made sure to encourage this as much as possible.

Marbla - an experimental display typeface

Exploring the possibilities of variable fonts to change the mood and personality of a typeface.

πŸ§‘β€πŸ’» Dev

Care beyond code: 7 best design practices for frontend developers

As a frontend engineer, it’s actually pretty easy not to think about the design of the project you’re working on.

πŸ”₯ Promoted Links

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

Your brand is your greatest asset

With PushBrand, go from idea to brand and fleshed-out design system faster than you can say flexbox. Now in Private Beta. Unicorns warmly invited.

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)