🧑‍💻 60+ Free Books for Developers
Tags: webdev, css, design, html
Published: 2023-10-05 14:11:57

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

🌼 Interactive Design Systems Explained  
💫 Auto-Grow Textareas with CSS  
🚀 Uplift UX with Composable CSS Utilities

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/?ref=devto)

___ 

#### [*Brought to you by Shift Kit*](https://unicornclub.dev/go/shiftkit-04-10-23)

## [Shift Kit](https://unicornclub.dev/go/shiftkit-04-10-23)  - Your secret weapon to unlock better products

Shift Kit is a set of 19 templates for Notion, Miro, Figma, and print that helps teams tackle problems faster.

When used together, these powerful exercises can take you and your team from problem to prototype in just days, instead of weeks or months.

[**Check it out!**](https://unicornclub.dev/go/shiftkit-04-10-23)

---

### 🛠️ Resources & Tools

[**Free Books for Developers**](https://www.freecodecamp.org/news/freecodecamp-press-books-handbooks/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

The freeCodeCamp community publishes technical tutorials in many forms. We publish shorter, more focused guides that aim to answer a specific question.

[**Make your Design System interactive**](https://designgui.io/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Design GUI is a browser extension for Tailwind CSS. Edit colours, components or even your entire Design System

### ⌨️ HTML

[**We're Bringing Responsive Video Back!**](https://scottjehl.com/posts/responsive-video/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

We used to have standard, cross-browser responsive video. However, in 2014, media attribute support for HTML video sources was deleted from the HTML standard

### 🖌️ CSS

[**Responsive type scales with composable CSS utilities**](https://tobiasahlin.com/blog/responsive-fluid-css-type-scales/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

With the help of calc(), clamp(), and a somewhat wonky use of CSS vars, we can simplify this process and tap into the dynamism that modern CSS affords.

[**Textareas with auto-increasing height using CSS**](https://www.amitmerchant.com/textarea-auto-increase-height/?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Textareas areas are great when it comes to accepting a large amount of text from the user. But, the problem with textareas is that they have a fixed height.

[**CSS Worm Animation**](https://dev.to/shubhamtiwari909/css-worm-animation-lcb?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

How to create a smooth worm or snake animation, with HTML and CSS.

[**There’s no such thing as a desktop screen**](https://bootcamp.uxdesign.cc/theres-no-such-thing-as-a-desktop-screen-b9e300c0b128?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

Next time you think “this is a desktop-only app”, think again. Responsiveness is a bit more nuanced than that.

[**Type safe CSS design systems with @property**](https://nerdy.dev/cant-break-this-design-system?utm_source=unicornclub.dev&utm_medium=newsletter&utm_campaign=unicornclub.dev&ref=unicornclub.dev)

CSS types are a worthy investment into type safety in your front-end work. We're still awaiting cross browser interop, but we'll get there.

### 🔥 Promoted Links

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

[**React Advanced London - Oct 20 & 23**](https://unicornclub.dev/go/react-advanced-london-04-10-23)

Passionate about cutting-edge web dev with React (Native), GraphQL, TypeScript & eager to learn from top experts? Use "unicornclub10" to get 10% off a hybrid ticket!

[**The API Hacker Inner Circle**](https://sparklp.co/p/1bc7fba07f)

Become part of a global network of developers, testers, and hackers enhancing their API exploitation skills.

[**Freelance Freedom, Without the Grind**](https://sparklp.co/p/78ec4c852e)

Meet your first clients, learn how to sell $10K+ deals, and enjoy freelance freedom without the grind.

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

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