👁‍🗨 Uncover the Magic - SVG Pixelations & Time-Traveling CSS
Published: 2024-01-11 17:09:00


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

🤖 AI Meets Code  
🦄 The Return of the UX Unicorn  
🏅 The Art of Crafting Perfect Badges

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

---

## [20i® Managed Cloud Hosting](https://go.unicornclub.dev/20i)

Sponsored by [20i®](https://go.unicornclub.dev/20i)

[![](http://unicornclub.dev/wp-content/uploads/2024/01/20i-Managed-Cloud-Hosting.jpeg)](https://go.unicornclub.dev/20i)

Easily build, deploy & manage all your sites across lightning-fast, multi-platform [Managed Cloud Hosting](https://go.unicornclub.dev/20i). Perfect for designers, agencies, ecommerce & side-hustlers.

[**Deploy from only $10.99/mo**](https://go.unicornclub.dev/20i)

---

### 🧑‍💻 Dev

[**Pixelating Live with SVG**](https://meyerweb.com/eric/thoughts/2023/12/21/pixelating-live-with-svg/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

So far as I’m aware, my only option here is to apply SVG filters by way of CSS. The problem I’m running into is that I can’t figure out how to construct an SVG filter

[**Using date-based CSS to make old web pages *look* old**](https://shkspr.mobi/blog/2023/12/using-date-based-css-to-make-old-web-pages-look-old/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

How do you know you're looking at an old website? You may have found a page which has lots of interesting information, but how can you tell it's a modern and relevant result?

[**AI for Web Devs: AI Image Generation**](https://austingil.com/ai-for-web-devs-image-generation/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

In this post we create a Dialog component with Qwik before I share my strategy for dealing with the nuances of AI image generation with OpenAI.

### 🎨 Design

[**Rebirth of the UX Unicorn?**](https://jakobnielsenphd.substack.com/p/ux-unicorn?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

UX professionals who are good at all steps of the UX lifecycle, including both research and design, are called “UX unicorns” because they are rare.

[**Design better badges**](https://coyleandrew.medium.com/design-better-badges-cdb83f4dd43e?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

This article covers badge design considerations in user interfaces.

[**Adobe explains why it abandoned the Figma deal**](https://www.theverge.com/2023/12/20/24008189/adobe-figma-deal-eu-explained-decoder?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Adobe just abandoned its $20 billion deal to buy Figma, and now we know why.

[**How inclusive design shaped me**](https://uxdesign.cc/how-inclusive-design-shaped-me-da617b934e03?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Navigating work and life as a neurodivergent designer

### 🔥 Promoted Links

_Share with 2,000+ readers, book a  [classified ad](https://unicornclub.dev/sponsorship#classified-placement)._

[**Get Smarter About AI and Tech in 5 mins.**](https://go.unicornclub.dev/techpresso)

Receive a daily summary of the most important AI and Tech news, carefully selected from 60+ media outlets.

#### 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](https://preview.mailerlite.io/preview/146509/emails/109898542800177140)

📨 Recommend friends to  [subscribe](https://unicornclub.dev/)

📢 [Sponsor](https://unicornclub.dev/sponsorship)  or book a  [classified ad](https://unicornclub.dev/sponsorship#classified-placement)

☕️ [Buy me a coffee](https://www.buymeacoffee.com/adammarsdenuk)

_Thanks for reading ❤️  
[@AdamMarsdenUK](https://twitter.com/AdamMarsdenUK)  from Unicorn Club_