Group items tagged

Jack Daniels redesigns responsively.

an excerpt from the new book Responsive Design Workflow.

Great find! Love all the examples that I hadn't considered before: console browsers, how to 'responsify' tables etc.

Patterns on how different sites responsively go from desktop to mobile size

Multi-Device Layout Patterns

Responsive Etsy-like site

Great article advocating for responsive web design. "Again, it's true that responsive design and device-specific experiences can offer us a way around many of these problems. If we can tune the size of a button to a particular environment, then we don't have to accept blunt, across-the-board treatment. But the number of devices we have to support will only increase, and customizing for every possible scenario could quickly become unreasonable. Even if we are able to provide perfectly tailored design at the execution level, there is still value in thinking about tempered, universally accessible design at the conceptual level. Additionally, just because we can tailor design to particular experiences doesn't mean that users will not carry expectations over from one experience to another. The boundaries might blur whether we like it or not."

For the past few days, we have showed you some of the best WordPress and Joomla responsive themes you can download and use on your site. Today, we're going to give you the tools. Comprise of frameworks, services, and downloadble scripts, we think they are going to be a great ...

Start designing from the content out, rather than the canvas in.

Favorite takeaways: " Layout is no longer a discussion about the page or the screen. It's finally about the information itself." " it's a quest to present content in the least adulterated way possible."

This is the best explanation of the Flexbox that I've found so far. Loving the graphics, and code snippets. I've been reading up on this today and this is the first article that had an"AH HA!" moment.

This is from 2010, so it may not be the most current in terms of syntax, but the concepts are still the same.

"Browser makers need to provide reliable baselines of viewport and text sizing, yes. But we as implementers also need to stop grasping for pixel-perfect control over our layouts (the "control" is an illusion, anyway)."

Good explanation of all the different options you have with the viewport tag.