👆 Button Renaissance - Why It's Time to Push Back on the Trends
Tags: ui, css, svg, webdev
Published: 2024-02-15 14:22:00


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

🎨 Unleash Creativity with SVGFM's Filter Magic  
⚡ JavaScript One-Liners  
📀 Craft Album Backdrops with Pure CSS

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

--- 

Sponsored by  [Webflow](https://go.unicornclub.dev/webflow)

## [Experience the power of code. Without writing it.](https://go.unicornclub.dev/webflow)

[![](http://unicornclub.dev/wp-content/uploads/2024/02/webflow-unicorn-club.png)](https://go.unicornclub.dev/webflow)

Take control of HTML5, CSS3, and JavaScript in a completely visual canvas — and let Webflow translate your design into clean, semantic code that’s ready to publish to the web, or hand off to developers.

[Start building](https://go.unicornclub.dev/webflow)

---

### 🧑‍💻 Dev

[**SVG Filter Maker**](https://svgfm.chriskirknielsen.com/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

SVGFM, a node graph builder for SVG filters.

[**Short and Sweet JavaScript One-Liners**](https://dev.to/arjuncodess/short-and-sweet-javascript-one-liners-for-mastery-m74?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

One-Liner Short and Sweet Codes for Mastery in JavaScript showcasing how the language's built-in methods can be used to create elegant and efficient code.

[**Pure CSS way for creating album backdrops**](https://twitter.com/artur_bien/status/1750944453538283933?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

A simple approach to creating nice backgrounds for album artwork.

[**Lossy CSS compression for fun and loss (or profit)**](https://blog.danieljanus.pl/2024/01/26/lossy-css-compression/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

I wrote a program that takes some CSS and outputs back some other CSS that hopefully retains some (most) of the information in the input, but contains fewer rules than the original.


> **🧠 Fun Fact**
> **CSS Once Had a Different Name**  - Before it was officially named Cascading Style Sheets, the concept of CSS was initially referred to as "Style Sheets for HTML." The term "cascading" was added to highlight its capability to allow multiple stylesheets to influence a piece of content's appearance, with an established priority scheme to resolve conflicts.


### 🎨 Design

[**Designer News is Dead**](https://solomon.io/designer-news-is-dead/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Designer News was an online community for product designers. For years it was the best forum to discuss designing software.

[**In Praise of Buttons**](https://www.nubero.ch/blog/009/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

In any design discipline there are always certain trends. One of these trends seems to be that buttons are now considered uncool.

### 🔥 Promoted Links

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

[**TLDR - Keep up with Tech in 5 minutes**](https://go.unicornclub.dev/tldr-newsletter)

Get the most important tech news in a free daily email. Read by +1,250,000 software engineers and tech workers.

#### 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/113054347717248177)

📨 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_