🧑‍💻 60+ Free Books for Developers ✦ Unicorn Club

← Back to Newsletters

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.

Brought to you by Shift Kit Sponsor

Shift Kit - 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!

🛠️ Resources & Tools

Free Books for Developers

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

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!

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

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

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

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

There’s no such thing as a desktop screen

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

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.

React Advanced London - Oct 20 & 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!