🎩 Console Magic - Render CSS, SVGs & HTML in Your Console ✦ Unicorn Club

← Back to Newsletters

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

✨ CSS Blurry Shimmer Effect & Beyond
🚀 7 CSS Blunders to Avoid in 2024
🎨 Daily UI Challenges

Enjoy this week's edition 👋 - Adam at Unicorn Club.

Keep up with AI and Tech in 5 mins

Get the most important AI and tech news in a free daily email. Join 50,000+ professionals from OpenAI, Meta, Google...

Join for Free

🧑‍💻 Dev

console.delight

Did you know you could render (limited) CSS, SVGs, and even HTML in it?!? I didn’t!

CSS Blurry Shimmer Effect

Box shadows are fairly straightforward in CSS: declare the box-shadow property, set the shadow offsets, define the spread, and give it a color.

7 Common CSS Mistakes Junior Frontend Developers Make

And how to fix them...

5 CSS snippets every front-end developer should know in 2024

I believe every front-end developer should know :has() is more than a "parent selector", the how and why of a subgrid, how to nest with built-in CSS syntax and more.

Big, beautiful, beefy focus states with :focus-visible

One thing I love about the new’ish :focus-visible pseudo-state is that it allows me to create bigger, bolder, and more obvious focus states.

🎨 Design

How should designers code?

You can be a successful designer either way, but I personally believe that software is never built with more attention to detail than when it’s coded by the person who designed it.