Absolute Vertical & Horizontal Centering with CSS

We’ve all seen margin: 0 auto; for horizontal centering, but margin: auto; has refused to work for vertical centering… until now! But actually (spoiler alert!) absolute centering only requires a declared height* and these styles:

.Absolute-Center {
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}

Continue reading “Absolute Vertical & Horizontal Centering with CSS”

How to Hire Designers

There has been a fantastic response to the post on the Dribbblisation of Design, many people agreeing with the premise and adding to it, some disagreeing and offering counter points. I want to respond to people’s commentary, explain the original motivation for the post which wasn’t about Dribbble specifically, and talk about how we hire designers.

Continue reading “How to Hire Designers”

Powerful Workflow Tips, Tools And Tricks For Web Designers

Designing and developing can be time-consuming without a workflow, especially when the project involves a new challenge, putting the team or freelancer into unknown territory. Moreover, time is a key factor in productivity. Working efficiently enables us to deliver better value at a competitive price.

Continue reading “Powerful Workflow Tips, Tools And Tricks For Web Designers”

Dear Web Font Providers

When you buy something, I bet you want it to work. Heck, even if you use something for free — maybe borrowed from a friend — I bet you want it to work. No one prefers hiking boots that are too tight (or too loose), a car that shimmies when you drive faster than 40 miles an hour, or a kitchen knife that can’t cut a tomato. And Web designers don’t prefer a web font that doesn’t fit a project, fall apart in different browsers or can’t be used in a mock-up.

Continue reading “Dear Web Font Providers”

An Agency Workflow for Responsive Web Design

I’ve been thinking about workflows for Responsive Web Design quite a bit, particularly since its now become our default approach on every new project – similar to Cloud Fours recent change of heart. I’ve been especially influenced by two recent articles on the topic, namely Dennis Kardys’s A More Flexible Workflow, and Viljami Salminen’s Responsive workflow.

I struggled a bit to make their approaches fit into how we worked, so I decided to expand on what they’ve done and draw something that reflects a bit more accurately how we are incorporating Responsive Web Design into a user-centered workflow within an agency model. It’s not perfect by any means, but here’s what I came up with.

Continue reading “An Agency Workflow for Responsive Web Design”

The Perfect Client is Not So Perfect After All

While the word perfect is highly subjective, I can state with some degree of confidence that the “perfect client” for us web designers would be a client that:

  • Gives us complete creative control
  • Tells us what they want
  • Leaves us alone to get the job done (i.e., they aren’t a micro-manager)

However, I can tell you from my experience that having a client that goes overboard on those three things is far from perfect.

Continue reading “The Perfect Client is Not So Perfect After All”

Trusting Gut Instincts

Stephanie Troeth’s main job title is subtly different from the terms we usually hear within the field of user experience. She’s a user experience strategist, a discipline that “has yet to hit mainstream”, she tells me, which involves working in the place where user experience and business objectives meet. She will go into gut instincts more in this interview.

Continue reading “Trusting Gut Instincts”

SVG Fallbacks

There is a very clever technique by Alexey Ten on providing an image fallback for SVG going around the internet recently. It does just what you want in the classic no-SVG-support browsers IE 8- and Android 2.3. If we dig a little deeper we find a some pretty interesting stuff including a bit of unexpected behavior that is a bit of a bummer without SVG fallbacks.

Continue reading “SVG Fallbacks”