🌍 Web Sustainability - The Future is Greener
Tags: design, webdev, css, a11y
Published: 2023-11-02 12:54:09

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

🛡️ Link Colors Decoded  
🌀 How Linear Designs  
📝 Writing Impactful Git Commit Messages

Enjoy this weeks edition 👋 - Adam at Unicorn Club.  

___

**Join 2,000+ People. Every Wednesday.**

**Carefully curated newsletter for developers, designers, and makers. 100% Free.**
 
[**Subscribe Today**](https://unicornclub.dev/)

___ 

*Brought to you by* [*PixieBrix*](https://unicornclub.dev/go/pixiebrix-1-11-23)

## [Rapidly create custom browser mods](https://unicornclub.dev/go/pixiebrix-1-11-23)

[![](http://unicornclub.dev/wp-content/uploads/2023/10/pixiebrix.png)](https://unicornclub.dev/go/pixiebrix-1-11-23)

Stop creating yet another screen.

PixieBrix is the first low-code platform to add automation, integrations, collaboration, and AI to the web apps your teams already use.

[**Try For Free**](https://unicornclub.dev/go/pixiebrix-1-11-23)

----

### 👥 A11Y

[**A Roundup Of WCAG 2.2 Explainers**](https://www.smashingmagazine.com/2023/10/roundup-wcag-explainers/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

This roundup provides links to WCAG 2.2 explainers that have been published or updated since the release.

[**Link colors and the rule of tincture**](https://tess.oconnor.cx/2023/10/heraldic-link-colors?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

When you think of heraldry what comes to mind is probably knights in shining armor, damsels in distress, jousting, that sort of thing. Medieval stuff.

### 🕸️ Web

[**Introduction to web sustainability**](https://developer.mozilla.org/en-US/blog/introduction-to-web-sustainability/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

As its impacts become more evident and frequent, climate change is quickly moving up the agenda for governments, communities, and companies worldwide.

[**Base64 problem solved**](https://dev.to/toviszsolt/base64-problem-solved-29og?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

If you've ever encountered issues with the atob and btoa methods when working with utf-8 strings on the frontend, you know the kind of challenges they can pose.

### 🎨 Design

[**How we design at Linear**](https://twitter.com/karrisaarinen/status/1715085201653805116?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

The main point is that the design is only a reference, never any kind of deliverable itself, so the way it's constructed doesn't really matter.

### 🧑‍💻 Git

[**How to Write Good Commit Messages**](https://dev.to/jeeanny/how-to-write-good-commit-messages-5a66?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Writing good Git commit messages is essential for maintaining an understandable and navigable version history.

### 🖌️ CSS

[**Scroll-Driven State Transfer**](https://kizu.dev/scroll-driven-state-transfer/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Transfer the state of one element to a completely different place on a page by connecting them with a unique identifier in CSS via a timeline-scope.

[**Naming Variables In CSS**](https://jwdallas.com/posts/namingcssvariables/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

“Naming things is hard” goes the software engineering axiom and CSS is no exception.

### 🔥 Promoted Links

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

[**React Summit US - Free Remote Tickets!**](https://unicornclub.dev/go/react-summit-us-1-11-23)

Join the largest React conference. Network, learn, share ideas. Nov 13-15 in Manhattan with stunning views.

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

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