Group items tagged

Designing for responsive websites can be a bit challenging at first because the process is so different. As designers, we've gotten used to building pixel-perfect mockups as our web blueprints. But responsive design takes a different approach. "Because so much of a layout can be created with CSS it may feel like your role as a designer has diminished. Really, your role has just changed. Web design for too long has been about designing the interface while neglecting the content. The layout is still important but the developer can do much of it. The designer should focus on making sure the goals of the website are met. Spend the most time on strengthening the conversion process, emphasising important content, and making it more palatable and digestible."

Lists seven major design patterns for navigation on responsive sites.

Sass does not just help you maintain your style sheets. It can actually improve your responsive layout workflow and you don't even have to worry about the maths! Here Ryan Taylor explains how to build a reusable framework

Andrea saw this cool responsive design presentation at SXSW

SO much cool stuff here.

Great explanation of media-queries and the different options that you can use. Also covers viewport tag, choosing breakpoints.

ResponsiveSlides.js is a tiny jQuery plugin that automatically creates responsive slider using images inside a container. - and best of all, it's only 1k when minified! NOT swipeable, sadly. but good in cases where we just want an autoplay.

See what the responsive site looks like in different device resolutions

Responsive ecommerce sote

People Magazine launched a new mobile site last week, the first responsive website from Time Inc.'s 95 magazine titles. Check it out at m.people.com. The People website is a Global Moxie project.