Archive by Author

Pattern Library Workflow

Jon Gunnison documents some things that have made pattern libraries successful at Allstate. Tidbits I found interesting:

  • There are specific jobs (part of what he calls “governance”) for maintaining the library. I love that they are called librarians. A “designer librarian” and a “UI dev librarian”.
  • Acknowledgment that there are “snowflakes”, or single instances that don’t fit into a pattern (at least right now).
  • The pattern library is fed by information that comes in from lots of different places.


Pattern Library Workflow is a post from CSS-Tricks

Double Opt-In Email Intros

You know those those “introduction” emails? Someone thinks you should meet someone else, and emails happen about it. Or it’s you doing the introducing, either by request or because you think it’s a good idea. Cutting to the chase here, those emails could be done better. Eight years ago, Fred Wilson coined the term “double opt-in intro”.

This is how it can work.

You’re doing the vetting

Since you’re writing the emails here, it’s your reputation at stake here. …


Double Opt-In Email Intros is a post from CSS-Tricks

Oxygen – The WordPress Visual Site Builder for Real Designers?

(This is a sponsored post.)

WordPress page builders are generally shunned by those who know how to code. They are generally bloated and slow. And you are offered very limited customization options. But what if there was a visual site builder meant for advanced, professional website designers?

It turns out there is! It’s called Oxygen, and it’s quickly becoming the tool of choice for WordPress web designers.

Notice that with Oxygen, you design your entire site – content,…


Oxygen – The WordPress Visual Site Builder for Real Designers? is a post from CSS-Tricks

Visual Email Builder Apps

I bet y’all know that apps like Campaign Monitor and MailChimp have visual email builders built right into them. You drag and drop different types of content right into a layout. You edit text right within the email. It’s nice. It’s a lot nicer than editing the quagmire of HTML underneath, anyway!

But not everybody needs all the rest of the features that those apps bring, like list management and the actual sending of the email. Perhaps you have an …


Visual Email Builder Apps is a post from CSS-Tricks

Saving SVG with Space Around It from Illustrator

There are a number of ways to export graphics from Illustrator. Some of them aren’t particulary useful (Save As), some of them don’t support SVG (Export for Web), some of them produce good output but have limited options that don’t allow preserving space around the art (Export As). The only way to output SVG preserving the space around the art is export the artboard itself, which is only an option under the Export for Screens area.


Saving SVG with Space Around It from Illustrator is a post from CSS-Tricks

Crafting Webfont Fallbacks

There is a great bit in here where Glen uses Font Style Matcher to create some CSS for a fallback font that has font-size, line-height, font-weight, letter-spacing, and word-spacing adjusted so perfectly that when the web font does load, the page hardly shifts at all. Like barely noticeable FOUT. Maybe we’ll call it FOCST (Flash of Carefully Styled Text).

Direct Link to ArticlePermalink


Crafting Webfont Fallbacks is a post from CSS-Tricks

Long Distance

A podcast (turns out to be a 2-parter) from Reply All in which Alex Goldman gets a scam phone call about his iCloud account being compromised. He goes pretty far into investigating it, speaking regularly with the people who run these scams.

Especially resonant for me, as someone who also spoke directly with a hacker who’s goal was doing me harm. I’ve long struggled with thinking rationally about stuff like this.

Direct Link to ArticlePermalink


Long Distance is a post from CSS-Tricks

(An Interview About) imgix Page Weight

Imgix has been a long-time display ad sponsor here on CSS-Tricks. This post is not technically sponsored, I just noticed that they released a tool for analyzing image performance at any given URL that is pretty interesting.

We know web performance is a big deal. We know that images are perhaps the largest offender in ballooning page weights across the web. We know we have tools for looking at page performance as a whole. It seems fairly new to me …


(An Interview About) imgix Page Weight is a post from CSS-Tricks

A Poll About Pattern Libraries and Hiring

I was asked (by this fella on Twitter) a question about design patterns. It has an interesting twist though, related to hiring, which I hope makes for a good poll.

Note: There is a poll embedded within this post, please visit the site to participate in this post’s poll.

I’ll let this run for a week or two. Then (probably) instead of writing a new post with the results, I’ll update this one with the results. Feel free to comment …


A Poll About Pattern Libraries and Hiring is a post from CSS-Tricks

The Evolution of Trust

Nicky Case’s games are a damn treasure in this world. Most importantly, they are fun and compelling to play. They also make gameplay the vehicle for education on tricky, intricate, and important issues. Issues that would be much harder to learn about by just reading. They are also a masterclass in design: clear calls to action, clear onboarding, meaningful interactions and animations, and good copy.

This latest one is no different.

Direct Link to ArticlePermalink


The Evolution of Trust is a post from CSS-Tricks