Posts Tagged: css

Multi-device layout patterns

Writer Luke Wroblewski:

Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace this technique, we’re not only seeing a lot of innovation but the emergence of clear patterns as well. I cataloged what seem to be the most popular of these patterns for adaptable multi-device layouts.

I had the privilege of seeing Luke speak live at An Event Apart last year; he’s a very smart, articulate guy. Considering the higher volume of work I’m doing recently that emphasize responsive, mobile-friendly design, Luke’s patterns will come in handy.

Grid Based Web Design Works

grid_abeits

Grid based design has been taking the web design world by storm. As evidenced from the sheer amount of resources and conferences with big name designers extolling its benefits in the past year, it may be reaching its zenith of influence. I’ve become a firm believer in a grid based approach to web design, and it’s my hope that with the opinions and resources I’ve compiled below, you will be too.

Continue reading…