Framer is dead

A love letter to my prototyping tool of choice.

How to eat an elephant

How Figma and Canva are taking on Adobe, and winning.

Building a multi-brand design system

How BT approached the challenge.

Change has become an excuse for lazy design

What really matters in design.

Droste Creator

A fun tool to easily create your own recursive images.

Always Use “Buttons” for Size Selection

Proper display of size selectors on product pages matters.

Same Energy

A visual search engine to find images with a minimum of words.

Simulations are perfectly imperfect

A deep look at the efficacy of simulating color blindness.

Framer is coming to Windows

The prototyping tool for design teams goes cross-platform.

Jitter Beta

Motion design made simple.

Tabbied

A tool to create timeless and beautiful patterns and artwork.

Type scale clamp generator

Easily create a type scale with the CSS clamp function.

Cheat sheet of cognitive biases, heuristics and fallacies

All the ways the brain can fail at a glance.

Design teams are more complex than ever

What does that mean for design work?

Know your menus

Everything you always wanted to offer or eat on the web.

Framer is still alive and well… and it’s a game-changer

A reply to Adrian Zumbrunnen’s post “Framer is dead”.

Emoji Wallpaper

Create and share wondrous patterns with simple emojis.

UI & UX micro-tips: volume one

Tips that can help you improve your designs instantly.

First look: 217 new emojis in iOS 14.5

Heart on fire, exhaling face, gender options, and so on.

Introducing Notebooks

A tool for designers to facilitate product developments.

Can you spot the difference between these website designs?

Alegria is everywhere.

The state of user research 2021 report

A survey over 525 user researchers in 44 countries.

What we can learn from Apple's dataviz accessibility

How Apple’s visualizations are handled by VoiceOver.

AI in design

How we might leverage AI in the design process.

10 Years of Open-Source Visualization

D3.js, the popular library for visualizing data, turns 10.

Flim

An amazing search engine for objects in films and animations.

Material design text fields are badly designed

Why floating labels aren’t a good idea, and what to use instead.

Symphosizer

Sound activated typographic instrument.

picoCAD

A tiny modeller for tiny models.

Scream when you have to sprint faster

A short guide to design and development methodologies.

Experience Japan pictograms

A design toolbox filled with Japanese stories

Why your phone’s portrait mode fakes the blur

Is the sensor size to blame? Or the lens size?

Slow site speed is still the biggest cause of web stress

What studies say about the UX of web performance.

Gradient generator tool

Easily create beautiful gradients for your designs.

Color arrangement in generative art

When the algorithm is selecting the final colors, not you.

Google Fonts Material Icons

Google Fonts now supports open source icons.

ProximaVara

Proxima Nova, the popular web font, is now available as variable font.

datablocks

A Node based editor for working with data.

SVG Color Matrix Mixer

Easily generate nice looking color matrix filters for your images.

The state of mobile and why mobile web testing matters

How we can master the challenges of the mobile web today.

UI design testing tools I use all the time

There shouldn’t be any excuse for not testing with users these days.

Sensa Emoji

A high-quality open source emoji set, ready for any scale and tool.

“Content design is saying ‘you should have invited me to an earlier meeting’ until you die.”

Why digital isn’t always greener or fairer

Principles and practice of environmentally-friendly web design.

“As a designer: ‘that looks 1px off’. As a founder: ‘fuck it ship it’.”

System fonts don’t have to be ugly

More eco-friendly and faster sites with a system-fonts-first approach.

THINGS

Generate custom 3D device mockups directly in your browser.

Women in design: the unsung heroes

There’s never been a better time to be a woman in design.

Interviews with women who design

What women designers think about their craft and their passions.

Storybook for Webpack 5

Improved performance, better ecosystem compatibility.

“Never forget that most of the people who use your product are just trying to do one of a thousand other things in their day.”

Principle 6

Now you can share your design prototypes to the web with one click.

Why does a design look good?

The visual principles that make designs attractive.

Design resources

Curated list of design and UI resources for developers.

“My most toxic designer trait is reformatting every doc I collaborate on.”

Breaking into UX writing

A guide to one of tech’s fastest-growing writing jobs.

Disabled And Here collection

Stock images celebrating disabled Black, Indigenous, people of color.

Open repository of design salaries

Salaries of design professionals across industries worldwide.

Haikei

Generate unique SVG shapes, backgrounds, and patterns.

Amigos

A customizable set of hand-drawn characters.

Designing text for the people who read it

The science behind visual acuity, legibility, and text size.

Float

Animate your layers and present your art in a whole new dimension.

Computing History Hub

History of UI design, computing, and human-machine interactions.

Adobe Photoshop’s ‘Super Resolution’ made my jaw hit the floor

Say hello to a major shift in the photo industry.

Which color scale to use when visualizing data

A wonderful blog post series on using color with purpose.

Good, better, best

Untangling the complex world of accessible patterns.

Spline Alpha Release is here

Introducing 3D vector editing, another step towards a 3D-first design tool.

Building dark mode

It isn’t just a fad, it reveals all the flaws in your design system.

MagicPattern

High-quality background graphics for your projects.

Dither Me

Eco-friendly special effects for photos or avatars.

Mesh

An online tool to create beautiful swirly gradients.

Mesh Gradients

A Sketch plugin to create cool swirly gradients.

Noise & Gradient

Online tool to generate your own trendy textured background.

Pictures of websites

Why mockups and prototypes are a source of constant friction.

Fluid Space Calculator

A handy tool to create a fluid space system based on CSS.

Fontshare

Professional grade fonts, free for personal and commercial use.

100 underline/overlay animations

Pure CSS animations for menu items and links? Search no more.

“A common mistake I see in UI work is fades/transitions taking too long. UI should work in ‘game time’, not ‘cinematic time’.”

Hyperglot

A database and tools for detecting language support in fonts.

Computers and creativity

How digital creative tools can become better co-creators with us.

Louvre Collections

Pictures of Louvre’s entire collection of artwork online.

Manage your growing photo library with Flag & Reject

Darkroom’s new workflow to cull and review your photos.

Figma's Interactive Components were not designed for this

It can be fun to make stuff with the wrong tools.

Unsplash is being acquired by Getty Images

What happens next to the popular source of freely-usable images.

“How to become a better designer: Be a better person.”

Poulette, the color palette

Proof of concept for a color mixer interface.

Free font alternatives: The ultimate guide

Good replacements for some of the most popular paid fonts.

Storybook 6.2

Wide support for web frameworks, packaging tools, and bundlers.

100 things I know about design

The many ways to look at design from unusual perspectives.

Best practices for cookie notices

Optimize cookie notices for performance and usability.

Conic.css

Nice, simple conic gradients.

“Designers who credit the other designers and people who worked on projects in their portfolios: I see you and I appreciate you.”

How to make an ineffective 404 page

Ways to make an already bad situation even worse.

Bloo

Low fidelity wireframe kit for design and prototyping.

UX Design Challenges

Real-world exercises to train yourself in crucial UX skills/tools.

Skribbl

A growing collection of free, hand-drawn illustrations.

Designers: mind your language

Collateral damages of over-simplifications in design.

The current state of mobile UX

Many e-commerce sites still have severe mobile UX issues.

“The best designers I’ve worked with go rogue at least 10% of the time in every project, and that’s how the product ends up better than anyone expected.”

“Design agencies are just three freelancers in a trench coat.”