Design

… How to Dynamically Shape Any Image on Your Website

Responsive design all started with this article by Ethan Marcotte. Some people see it as a trend. But it is more than just a trend. It is a new design solution — it helps to resolve the design problems associated with the different resolutions and devices (desktop, laptop, tablet, and mobile). I’m going to share […]

This is an experiment in a slightly different format for Smashing Magazine – using a storytelling approach to convey the same lessons learned that a traditional article would have provided.

In flow, the experience is rich and deep, and helps users be productive and highly creative.

In flow, the experience is rich and deep, and helps users be productive and highly creative.

Stencils, Sketch Pads & Accessories for User Interface Design

Turn your mockups into prototypes and get feedback fast

Please note that this article used to have [another layout](http://web.archive.org/web/20130104231015/https://www.smashingmagazine.com/2011/10/07/16-pixels-body-copy-anything-less-costly-mistake) that got lost in space during the migration of content to new servers.

Even the tiniest amount of empirical facts (say, observing 2 users) vastly improves the probability of making correct UI design decisions.

After spending weeks searching for a contract that was simple for me and my clients to understand, in 2008 I wrote my own and published it on 24ways ( http://24ways.org/2008/contract-killer ) for anyone to use. Now it’s time for an update.

“The effective use of color and graphics in children’s media is one of the most important aspects of design to ensure that you deliver optimal content and a memorable user experience to young users.”

Web magazine about user experience matters, providing insights and inspiration for the user experience community

Developers can have profound impacts on the UX of the products they’re working on.

Keep signup forms simple and fast, and delegate as much as possible.

Translating Susan Weinschenk's UX psychology facts into usability heuristics.

Apps that are simple, intuitive, and have few features are well suited for enterprise tablet use.

The Missing Link between Web Designers and Colors

Michelangelo once said, "The best of artists has no conception that the marble alone does not contain within itself." Translate this to the world of Web design and you might say, "No matter how great a designer you are, you’re only as good as your content." While the reality of client work sometimes makes it challenging to gather and produce content prior to starting the design, this is now widely accepted as being necessary.

Your best buddy when it comes to creating responsive layouts.

It will also allow you to edit content directly in the browser to see how your layout behaves depending on various lines of text.

Take one line of markup, a couple of CSS3 rules (no images), and you can have yourself a swish folded ribbon effect in five minutes. Let's see how.. Step 1: Markup We'll begin with an empty...

A folding grid for responsive design.

… adapts your existing HTML images for mobile devices. No mark-up changes needed. Just drop it in and forget about it.