The five best design links, every weekday

Domain: evilmartians.com

evilmartians.com

Beyond bars and lines: 7 cool ways to visualize data in your dev tool

We examine 7 methods of displaying data, the pros and cons of each, real life use cases, and we share even more scenarios where you might use each.

evilmartians.com

How to Favicon in 2024: Six files that fit most needs

The ultimate guide to favicons for the modern web.

evilmartians.com

Figma plugin magic tricks: mixing colors with SVG and Canvas API

We overcame a tough color blending roadblock by ditching the iterative method and shifting into a "declarative" approach with SVG and the Canvas API.

evilmartians.com

Care beyond code: 7 best design practices for frontend developers

Frontend can be about more than just code—we’re also the last bastion when helping our team defend against pesky design slip-ups!

evilmartians.com

Figma plugin API: diving into advanced algorithms & data structures

Frontend isn’t just aesthetics — we can also use algorithms, data structures, & tree traversal techniques.

evilmartians.com

Midjourney vs. human illustrators II: more Martians join the battle!

Multiple team members from disparate disciplines tried Midjourney for one of our regular image creation tasks—here's how it turned out.

evilmartians.com

How to make next-level Figma plugins: auth, routing, storage, and more

Learn how we built a full-featured, frontend-app-style Figma plugin, with storage, auth, routing, and more.

evilmartians.com

Icon transcendence: customizing icons to complement fonts

There are many lovely open source icon sets out there, but sometimes, we just need to ‘transcend’ them.

evilmartians.com

OK, OKLCH: a color picker made to help think perceptively

Making a tool and speeding up familiarity and adoption of OKLCH and perceptual color spaces.

evilmartians.com

Midjourney vs. human illustrators: has AI already won?

An experiment: we repeatedly give a typical work task to both a human artist and a text-to-image AI art generator. Who wins?

evilmartians.com

Blend to my will! Fonts on cylinder objects in Blender

More than a story about curving texts around a cylinder object in Blender — a testament to the creative process.

evilmartians.com

OKLCH in CSS: why we moved from RGB and HSL

CSS Color Module 4 adds oklch() to define CSS colors human-readable, predictable contrast (better a11y), wide-gamut P3 colors.

evilmartians.com

The joy of Variable Fonts: getting started on the Frontend

This article is about variable fonts and code—how to load, configure, use the settings that make variable fonts unique, dealing with gotchas—and more!

evilmartians.com

How to make absolutely any app look like a macOS app

Explains a few key UI features to consider to mimic the look and feel of a macOS desktop app, potentially giving a more seamless, or "credible" feel.

evilmartians.com

Variable fonts in real life: how to use and love them

Let's push the conversation on variable fonts forward: practical examples, file optimization, accessibility benefits, and... the future!

evilmartians.com

How to Favicon in 2022: Six files that fit most needs

Prefer SVG over PNG, trust browsers to downscale, drop obscure formats—the ultimate, exhaustive guide to favicons for the modern web.

evilmartians.com

How to Favicon in 2021: Six files that fit most needs

Prefer SVG over PNG, trust browsers to downscale, drop obscure formats—the ultimate, exhaustive guide to favicons for modern web.

evilmartians.com

Images done right: Web graphics, good to the last byte

Did you know that the average web page destined for a desktop in 2019 takes 2MB of traffic?

evilmartians.com

Level up for UX: Design lessons from video games

Looking for inspiration to improve the look and feel of your product? Take clues from popular video games.

evilmartians.com

Scroll to the future

Everything you always wanted to know about implementing scrolling but were afraid to ask.