Unicorn Club Logo Unicorn Club
  • Newsletters
Sponsor
← Back to Newsletters

πŸ—‚οΈ Guide to CSS Nesting - When and How?

October 11, 2023

What makes good digital products work.

A weekly read for people who design, build, lead, and improve digital products. The decisions, details, and trade-offs behind better product work.

Hey everyone βœŒοΈ Here's a quick look at this week's newsletter:

⏩ Boost Page Speed with Efficient Ad Loading
πŸ’« Easy Guide to CSS Hover Effects
🎯 Low-Quality Image Placeholders

Enjoy this weeks edition πŸ‘‹ - Adam at Unicorn Club.

Brought to you by Penpot Sponsor

The Design-Code Game Changer: Penpot’s Flex Layout

With Penpot, the open source design and prototyping tool, designers can easily create layouts with CSS-powered Flex Layout.

While developers enjoy ready-to-use code, designers gain more control over their creations and better tech understanding. This seamless workflow helps save time to everyone, making design projects faster and more efficient.

This isn't just a time-saver; it's a game-changer!

Try Flex Layout for Free

πŸ› οΈ Resources & Tools
.classnames - Naming things needn’t be hard.

Find inspiration for naming things – be that HTML classes, CSS properties or JavaScript functions – using these lists of useful words.

Footer β€” The only footer gallery on earth.

Footer is a curated gallery of the top website footer inspiration on earth. Find the footers you need and sort by type and style.

🏎️ Performance
Effectively loading ads without impacting page speed

Poorly implemented ads can lead to a slower browsing experience, frustrating users and diminishing engagement.
The Ultimate Low-Quality Image Placeholder Technique

Can Low-Quality Image Placeholders and LCP play nicely together?

πŸ–ŒοΈ CSS
Re-Creating The Pop-Out Hover Effect With Modern CSS

A fancy hover effect where an avatar pops out of a circle on hover.

When to Nest CSS

CSS nesting is great, but should be used with caution. As a rule, if a selector will work without being nested, don't nest it.

πŸ”₯ Promoted Links

Share with 2,000+ readers, book a classified ad.
FREE Remote Ticket for React Advanced London

50+ talks about React, React Native, GraphQL, and TypeScript from the comfort of your home? Join over 5K React developers in the cloud at React Advanced London.

Support the newsletter

If you find Unicorn Club useful and want to support our work, here are a few ways to do that:

πŸ“¨  Recommend friends to subscribe

πŸ“’  Sponsor or book a classified ad

β˜•οΈ  Buy me a coffee

Thanks for reading ❀️
@AdamMarsdenUK from Unicorn Club
  • Archive
  • Articles
  • Glossary
  • UI Decision Brief
  • Sponsor
  • RSS

© 2026 Unicorn Club

Curated by Adam Marsden