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)