Posts Tagged: responsive design

Responsive means never fixing a widow

If you’re designing a responsive piece (website, email, etc) and you’re trying to design it so that a particular line of text sits nicely on one line, you are doing digital wrong. If you are not letting text flow and wrap naturally, you are designing wrong. Different devices/browsers/platforms will display text at different sizes, and different screen sizes will cause different wrapping of text to occur. We have to embrace this, not resist it. Trying…Continue Reading →

Responsive website semantics: let’s avoid discussing multiple “versions” of a site

Let’s be careful when discussing responsive websites to never describe them as having multiple versions. Let’s always talk about the desktop layout or the desktop view, the mobile layout or the mobile view, but never the desktop version or the mobile version. A responsive site is one site that has multiple views, or variable layouts, depending on screen size. I’m a stickler for this kind of semantics, because it’s extremely important that we use the…Continue Reading →

Website design: out with 980 pixels wide, in with 1000

For a good ten years now I (and many others) have been advocating for 960 or 980 pixels wide as the standard for website design. I’m upgrading that to 1000 pixels as of now. The reason for this is responsive design, which I’ll get into more below… But first let’s go back to the 980 days. The reason for designing at 980 pixels wide was to create a layout that would safely fit within a…Continue Reading →

A responsive site or a separate mobile site?

One of the most common things people have been asking me about lately is responsive design for websites. For a few recent projects at my agency we’ve discussed the pros and cons of creating a responsive website versus creating a separate mobile site for smartphones and small tablets. In the vast majority of cases I advocate for responsive design, and I’ll explain why below. Let’s start with definitions A mobile site is just that —…Continue Reading →