🚀 Code Smarter, Not Harder - Must-Have Extensions for VS Code

#vscode #webdev #design #html

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

🎨 404 Pages Like Never Before

📖 Wrap & Break - Mastering Text Techniques

🐍 Pure HTML Wizardry

Enjoy this week's edition 👋 - Adam at Unicorn Club.

Sync Figma to Webflow

With the Figma to Webflow App, you can now do more than just import your Figma components and variables — you can also sync changes from Figma into Webflow. That means you can now send your styling, layouts, colors, text, and images to Webflow and transfer them seamlessly.

Try the app →

🦄 This week's best

10 Must have VS Code Extensions for Developers in 2024

Quick list of extension to add to VS Code.

404s — gallery of error 404 page designs

404 pages, where joy and errors meet. A growing gallery of 404 page designs from around the internet. For all those lost pages, error pages & page not found out there.

Techniques to Break Words

I have had to walk clients through text wrapping and word breaking more than once.

Snake...in pure HTML⁉️ [no JS, no CSS, no images!!] 😱

So here it is, snake, in pure HTML (with a little PHP trickery to power it).

🧠 Fun Fact

Why 404? - The number "404" doesn't have a special significance; it was just part of the HTTP status code system developed at CERN. The first digit, "4", indicates a client error, and the "04" part was simply the fourth error in the series.

3D Stack Motion Effect

An experimental 3D stack motion animation on scroll.

Spine - A story of when I walked away from a good project.

A company hired my agency SuperFriendly to create a new marketing site for one of their products.

Retrofitting fluid typography

Fluid typography means thinking in terms of type scales and flexible spacing across your defined design space.