← Back to Newsletters

🦄 Modern CSS in Real Life

June 14, 2023

Weekly Discover 🧭

Latest Industry Trends, News & Resources

Happy Wednesday ✌️ Here's what we have this week:

🩻 Skeleton Screens 101
📃 Better scan long-page designs
🧑‍🎨 Principles of spatial design

Introducing Unicorn Club 🦄 the newly rebranded dailydevlinks. Same great newsletter but with a new name.

Unicorn Club is for people just like you, design-savvy front-end devs and code-loving designers 🧑‍💻

Since I joined this industry 10+ years ago I always found myself excited by implementing my designs into code. The community termed this “Unicorn”. Hence the new name.

Excited to see what the future holds, anyway let's get into this week's edition👇 - Adam at Unicorn Club.

Brought to you by TheUXConf Sponsor

TheUXConf on September 13th 2023 in London and online

No waffle — just live demos of UX and UI tools, design quiz, and Designer vs AI battlefield.

The most diverse crew of speakers from Eurostar, Tripadvisor, HubSpot, Skyscanner and others.

Get 10% off conference tickets using code UNICORNCLUB10 at theuxconf.com

Get 10% Off Now

📚 Top Reads

Modern CSS in Real Life

By any measure, CSS has gotten a lot better in recent years. It’s gotten more useful features, better interoperability between browsers, and become easier to learn.

Watch Out for Layout Shifts with ‘ch’ Units

We recently worked with Cloudinary to rebuild their blog. There was a big focus on performance throughout the process, especially passing Core Web Vitals.

How to Adapt Long-Page Designs for Better Scanning

The longer your page, the harder it is to scan. Finding ways to consolidate content and shorten the page length will help focus your visitor’s attention and action.

Skeleton Screens 101

A skeleton screen is a design pattern used to indicate that a page is loading while providing users with a wireframe-like visual that mimics the layout of the page.

🛠 Resources & Tools

Principles of spatial design

Discover the fundamentals of spatial design. Learn how to design with depth, scale, windows, and immersion, and apply best practices for creating comfortable, human-centered experiences that transform reality.