← Back to Newsletters

🗂️ Guide to CSS Nesting - When and How?

October 11, 2023

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

Ship Better Interfaces.

Practical guidance for product teams — Actionable habits you can apply every week.