🪄 Design Spells – Infuse Magic Into Your Work!
Tags: ui, design, html, css
Published: 2024-06-06 09:07:00


**Hey** 👋 I hope you're having a great week so far! Here's a quick look at this weeks digest:

💡 Visual Design Rules You Can't Go Wrong With  
🔧 Native Switch Controls  
🔐 SSL for Localhost in 5 Seconds  

Enjoy & stay inspired 👋  - Adam at Unicorn Club.

---
## 📬 Want More? Subscribe to Our Newsletter!

Get the latest edition delivered straight to your inbox every week. By subscribing, you'll:

-   **Receive the newsletter earlier**  than everyone else.
-   **Access exclusive content**  not available to non-subscribers.
-   Stay updated with the latest trends in design, coding, and innovation.

**Don't miss out!**  Click the link below to subscribe and be part of our growing community of front-end developers and UX/UI designers.

🔗  [Subscribe Now - It's Free!](https://unicornclub.dev/ref=devto)

---

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

## [Take control of HTML5, CSS3, and JavaScript in a completely visual canvas](https://go.unicornclub.dev/webflow-no-code)

[![](https://unicornclub.dev/wp-content/uploads/2024/06/designer.png)](https://go.unicornclub.dev/webflow-no-code)

Let Webflow translate your design into clean, semantic code that’s ready to publish to the web, or hand off to developers.

[**Get started — it's free**](https://go.unicornclub.dev/webflow-no-code)

---

## 🧑‍💻 Dev



[**We’ve Got Container Queries Now, But Are We Actually Using Them?**](https://frontendmasters.com/blog/weve-got-container-queries-now-but-are-we-actually-using-them/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

When container queries didn’t yet exist and CSS developers were clamoring for them.


[**Switching It Up With HTML’s Latest Control**](https://www.smashingmagazine.com/2024/05/switching-it-up-html-latest-control/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

After years of relying on checkbox hacks to create a “switch” control for forms that toggle between two states, HTML may be gaining a native way to go about it by adding a switch attribute to checkbox inputs.



[**SSL for localhost takes 5 seconds now.**](https://dev.to/cheeselemon/ssl-in-localhost-takes-5-seconds-now-460i?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Setting up SSL for localhost traditionally involves a series of tedious steps

## 🛠️ Tool of the Week



[**Design Spells · Design details that feel like magic**](https://www.designspells.com/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Discover micro-interactions, easter eggs, and other seemingly extra design details that infuse life, personality, and fun back into the web.

---

### **Fun Fact**

****HTML5 impact on Web Development**** - HTML5 significantly impacted web development by enabling the creation of more interactive, dynamic, and user-friendly web applications. It allowed developers to build web applications that could run on any device with a web browser, paving the way for the modern, cross-platform web experiences we enjoy today.

---

## 🎨 Design


[**Visual design rules you can safely follow every time**](https://anthonyhobday.com/sideprojects/saferules/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

You do not have to follow these rules every time. If you have a good reason to break any of them, do. But they are safe to follow every time.



[**Color Psychology In Web Design**](https://dev.to/amolsasane_/color-psychology-in-web-design-4cmf?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

In the vast and competitive world of web design, creating a visually appealing and engaging website is crucial to attracting and retaining users.


[**Decision Trees For UI Components**](https://www.smashingmagazine.com/2024/05/decision-trees-ui-components/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Imagine finally resolving never-ending discussions about UI decisions for good.


[**How does your chatbot UX size up? The 5 laws of ChatRobotics**](https://evilmartians.com/chronicles/how-does-your-chatbot-ux-size-up-the-5-laws-of-chatrobotics?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Despite the rise of LLMs and AI-powered solutions, chatbots are still relevant and widespread: efficient, cost-effective, with the ability to automate processes

## 🗓️ Upcoming Events

We’ve partnered with GitNation for 3 of their upcoming events.The Unicorn Club community for  **10% off**  regular tickets for all three conferences!

Use code  **_UNICORN_**  at checkout.

### [🟨 JS Nation](https://go.unicornclub.dev/jsnation-unicorn) →

50+ speakers, sharing their know-hows 1500 attendees,  
sharing common language 10K folks, joining remotely.  

### [🏔️ React Summit →](https://go.unicornclub.dev/reactsummit-unicorn)

Gathering OSS authors, top trainers and speakers, as well as web engineers across the globe to meet in Amsterdam and online.

### [💻 C3 Dev Fest →](https://go.unicornclub.dev/c3-dev-fest)

The contemporary software engineering and design festival. Code, Career, Creativity.  

## 🔥 Promoted Links

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



[**Nomad for Less**](https://go.unicornclub.dev/nomad-for-less)

Become a budget-savvy globetrotter with our insider insights. Join 40,000+ digital nomads and start exploring for less!



[**What Current & Future Engineering Leaders Read.**](https://go.unicornclub.dev/pointer)

Handpicked articles summarized into a 5‑minute read. Join 35,000 subscribers for one issue every Tuesday & Friday.


[**Get smarter about Tech in 5 min**](https://go.unicornclub.dev/techpresso)

Get the most important tech news, tools and insights. Join 90,000+ early adopters staying ahead of the curve, for free.

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

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