The five best design links, every weekday

Date: 2016/07/19

css-tricks.com

Considerations for Styling a Modal

A modal. A small box that pops up to tell you something important. How hard can it be? Wellllll. Medium hard, I'd say. There's quite a few considerations and a few tricky things to get just right. Let us count the ways. I typically plop a modal's HTML before the closing tag.

underconsideration.com

New Logo for Trump-Pence Candidacy

On July 15, 2016, Donald Trump announced U.S. Governor Mike Pence as his running mate. This is their campaign logo for the general election for President and Vice President of the Unite States.

nngroup.com

The Four Dimensions of Tone of Voice

Summary: A website's tone of voice communicates how an organization feels about its message. The tone of any piece of content can be analyzed along 4 dimensions: humor, formality, respectfulness, and enthusiasm. If we envision our website as a tool that enables us to have a conversation with our users, it's clear that a carefully considered tone of voice is critical.

bjango.com

Using blend if for masking

Let's say you're working on a redesign of an existing app. Rather than recreating everything, it's easier and more accurate to work with real screenshots. And, if you're working with real screenshots, you're working with bitmap images, which can be difficult to edit. Here's a screenshot of an icon on a red background.

medium.com

Prototyping for the web with Framer

Framer is a really powerful tool that can prototype anything you can think of but if you take a look at Framer's Gallery you'll quickly notice something: Out of their 54 examples, 48 of them are apps, 4 for Apple Watch, 1 for iPad and 1 for Apple TV.

medium.com

Because web designers & developers need inspiration

The web is rapidly evolving. Browsers, languages, and hardware seem to get more facelifts than [insert celebrity name here]. But what about design? Why does web design seem to evolve at a snail-like pace? It's simple - web designers and developers need inspiration. They need to know what's possible, so they can push their projects to the limit.

typewolf.com

A curated collection of Google Fonts—includes my fave new releases from the recent Google Fonts relaunch

These are the 40 best free web fonts available on Google Fonts, in my humble opinion. They are all open-source and 100% free for commercial use. This collection focuses on typeface families from reputable type designers and foundries that contain multiple weights and styles.

medium.com

A Psychological Approach to Designing Interfaces

Do you ever get that feeling when you're in a supermarket, looking at a sea of different types of toothpaste and you have no idea what to get? The reason why you get overwhelmed by these excessive options has to do with, you guessed it, psychology.

accessibility.voxmedia.com

Vox Accessibility Guidelines

This idea inspired us to outline a few guiding principles to help us convey our philosophy on accessibility. We hope these principles can help continue the conversation on why accessibility matters and encourage us to put what we preach into practice.