General Design Repo

Maggie's digital garden filled with visual essays on programming, design, and anthropology

This handy CSS pseudo-selector gives you a way to select elements that are modal.

It's all about asking good questions.

Care in design is ultimately about feeling rather than seeing. It is about being thoughtful of users—of humans. It is designing product details that you might …

Your new favorite way to write CSS ✨

Effortlessly bring the smallest, free, ready-to-use motion graphics for the web, app, social, and designs. Create, edit, test, collaborate, and ship Lottie animations in no time!

It’s always interesting to watch how companies approach the building of their new products. During the market research phase, companies…

In the first instalment of an interview series, two Designers reflect on life as a generalist at Spotify and the career path that led them here.

The Web Almanac is an annual state of the web report combining the expertise of the web community with the data and trends of the HTTP Archive.

If you haven’t met, I want to introduce you to a field of study that many designers may not know well. Product Designers, I’d like to introduce you to HCI.

You probably won’t ever need eleven ways of making columns, but you might learn something new while figuring them out.

There are lots of resources for learning what design tokens are, how to use them, and their benefits to design systems. This is not that…

At the Fronteers conference, Manuel during his presentation did an exercise on building HTML that seemed fairly straightforward. On the site of Max Böck there's a thing you can click to open up a theme selector. What's that thing? Of course, it's a button! Because it opens the theme selector at the top of the […]

Unsure where to start? Use this collection of links to our articles and videos to learn about personas and how to create and apply them.

Extending elements beyond the content area with CSS Grid and named grid lines.

Some designers see constraints as lemons; others make lemonade. Apple’s Dynamic Island feature is an example of the latter.

What if game design could be summed up into four “primary colors” and their mixtures? This simple tool might help you organize your ideas.

On a desktop, websites have the space to show the full menu or navbar. On a mobile device that space isn't there and you want to hide the menu behind a toggle…

Apple is well-known for the sleek animations on their product pages. For example, as you scroll down the page products may slide into view, MacBooks fold open

Hire Flow Ninja to tackle your Webflow project. Our team has years of experience in webflow development, design, templates, and support.

Discover why color is so important and how to use it effectively.

We’ve compiled a list of 10 user research books, covering the most common research techniques & metrics. Find the list here along with access links.

How to recreate the vercel tabs component with CSS, react transition group, react spring, and Framer motion.

Alphredo generates translucent colors looking the same as their opaque counterparts when placed against the same background.

Design principals talk design principles. Here’s how we aim to make Spotify feel Relevant, Human, and Unified.

Nothing Great Is Made Alone.

The ultimate goal of product design has to be well-being — not delight.