This Is Responsive

Did you know that you can embed media queries inside SVG images? Interestingly, the media queries react to viewport of the image itself, not the viewport of the browser.

Rock Hammer, a curated, responsive project library

Mon, 18 Mar 2013 12:05:03 -0400

Rock Hammer, a curated, responsive project library:

Andy Clarke’s latest project:

A curated project library for Hammer For Mac. Rock Hammer contains baseline typography, plus styling for common HTML elements including images, forms and tables, as well as navigation, responsive modules and widgets.

Although, it’s made for Hammer for Mac, you can still use it without.

Responsible Web Design

Mon, 11 Mar 2013 11:43:16 -0400

Responsible Web Design:

Jordan Moore on the elements of Responsible Web Design – context-sensitive interactions, performance and progressive enhancement.

Responding to Voice

Mon, 11 Mar 2013 10:52:00 -0400

Responding to Voice:

Jordan Moore’s latest experiment – a website interface that can respond to voice commands!

Interactive Style Tiles

Mon, 11 Mar 2013 10:47:41 -0400

Interactive Style Tiles:

A wordpress theme to help you create and present your StyleTil.es in the browser.

Prioritizing Performance in Responsive Design

Fri, 08 Mar 2013 11:59:56 -0500

Prioritizing Performance in Responsive Design:

Brad Frost with some tips on speeding up websites.

Logical Breakpoints For Your Responsive Design

Fri, 01 Mar 2013 15:58:13 -0500

Logical Breakpoints For Your Responsive Design:

Tactics for setting breakpoints using classic readability and typography theory (Smashing Mag).

"As people continue to use an ever increasing number of devices to get online, there’s no..."

Tue, 26 Feb 2013 11:48:57 -0500

“As people continue to use an ever increasing number of devices to get online, there’s no shortage of companies exploring multi-device solutions for the Web. Some are even sharing data about the impact of their new responsive designs and the numbers look good enough to get even more organizations on board.”

- LukeW | Impact of Responsive Designs

Prototyping Responsive Typography

Mon, 25 Feb 2013 16:53:24 -0500

Prototyping Responsive Typography:

Last year, Viljami Salminen wrote a brilliant article sharing his responsive workflow. Today, he explains in depth, a new design phase he’s been doing:

The new design phase is somewhere between prototyping and visual design phases, and I think it might just be the most important phase in the whole design process. I call it the “Typography Prototyping Phase.”

It Doesn’t Matter

Mon, 25 Feb 2013 16:46:51 -0500

It Doesn’t Matter:

Brad Frost coins a new term “the gradient of adaptation”:

Adaptive interface techniques sit on a gradient. Some interfaces consist of elements that don’t have a lot of moving parts, while others require more thought and care.

Responsive, horizontal multi-column layouts

Fri, 22 Feb 2013 15:53:39 -0500

Responsive, horizontal multi-column layouts:

An experiment by Jordan Moore to move beyond the y-axis.

In an infinite canvas, it seems like a shame that 99.9% of the time we only make use of the y-axis. You could say “That’s what people are accustomed to, why change that?” - then why change anything? Doing the same thing over and over again isn’t going to push our medium forward. Asking difficult questions of the web and pushing it as a medium to uncomfortable places encourages new possibilities.

There is no breakpoint

Wed, 20 Feb 2013 12:18:20 -0500

There is no breakpoint:

Ben Callahan from Sparkbox on inline media queries for components acting independently of system wide breakpoints.

By placing our media queries inline, immediately following the smallest styles, we can group styles by the components they impact and not worry about following a specific set of breakpoints.

Designing In The Transition To A Multi-Device World

Wed, 13 Feb 2013 14:17:30 -0500

Designing In The Transition To A Multi-Device World:

A comprehensive Smashing Mag article by Francisco Inchauste – in this transition phase, look at what others are doing but choose your own path when designing responsive sites. I also love this advice: “designing responsively doesn’t change the fundamentals.”