🔍 Unleash the Power of ChatGPT - Essential Prompts for Developers
Tags: webdev, css, design, ux
Published: 2024-05-29 18:36:00


**Hey** 👋 I've changed the layout a little in this weeks edition and added a couple of new sections. Let me know in the  **feedback at the bottom**  what you think to this new layout ✌️

Look out for new sections in the future 👀  

Enjoy this weeks newsletter 👋  - Adam at Unicorn Club.

---

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

## [Accelerate your agency’s growth](https://go.unicornclub.dev/webflow-agency)

[![](http://unicornclub.dev/wp-content/uploads/2024/04/unicorn-club-agencies.jpg)](https://go.unicornclub.dev/webflow-agency)

Whether you need to win new business or wow an existing client, Webflow empowers agencies to deliver high-quality client work, faster — without growing your dev budget.

[**Start building →**](https://go.unicornclub.dev/webflow-agency)

---

## 🎨 Design


[**Are you designing with the right keyboard in mind?**](https://uxdesign.cc/are-you-designing-with-the-right-keyboard-ab2f02df42b6?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

A guide to iOS and Android keyboards.



[**Beyond Boxes**](https://humanparts.medium.com/beyond-boxes-24858bc409aa?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

The artistry of kitchen design

---

### Community Spotlight

The De Voorhoede team are always sharing great articles. Here's one they shared this week on "[Affordance in Design System Components](https://www.voorhoede.nl/en/blog/affordance-design-system-components/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)" diving into design system components and how they should have clear affordances, boundaries, and flexibility.  

---

## 🛠️ Tools & ChatGPT Prompts



[**SVG Viewer - View, edit, and optimize SVGs**](https://www.svgviewer.dev/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

SVG Viewer is an online tool to view, edit and optimize SVGs.



[**ChatGPT - Prompts for developers**](https://dev.to/techiesdiary/chatgpt-prompts-for-developers-216d?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

ChatGPT, an advanced language model can help developers in multiple ways in their coding journey. Let’s explore some of them.

---

### **Fun Fact**

****Internet Explorer 3 Was the First Browser to Support CSS****  - While CSS1 was still in its infancy, Microsoft's Internet Explorer 3, released in August 1996, became the first commercial browser to support CSS. This early adoption was crucial for the development and widespread use of CSS.

---

## 🧑‍💻 CSS


[**CSS… 5?**](https://frontendmasters.com/blog/css-5/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Some of you likely worked through the “CSS3” thing. It was huge. Everything was “HTML5” and “CSS3”, such was the success of that marketing effort.



[**Make naked websites look great with matcha.css!**](https://dev.to/lowlighter/make-naked-websites-look-great-with-matchacss-4ng7?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Have you ever contemplated the bareness of starting from a "blank page" when beginning a new web project?



[**6 CSS cheatsheets that will be incredibly useful. Let's take a look at them.**](https://dev.to/devshefali/the-top-6-css-cheatsheets-that-will-save-you-hours-2lp1?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Have you ever contemplated the bareness of starting from a "blank page" when beginning a new web project?



[**On compliance vs readability: Generating text colors with CSS**](https://lea.verou.me/blog/2024/contrast-color/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Can we emulate the upcoming CSS contrast-color() function via CSS features that have already widely shipped? And if so, what are the tradeoffs involved and how to best balance them?

## 🗓️ 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)._


[**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/122587430138152137)

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