We recently hosted a panel on responsive design in partnership with the New Hampshire Creative Club and Southern New Hampshire University. From creative considerations to marketing applications, and tips and tricks for programming a responsive site, we offer something for everyone in this blog post adapted from the presentation. The biggest takeaway, though, is an understanding of the pieces that go into writing content for, designing and developing a responsive website that every marketer should understand before starting the project.

The basics
Web development technology and the increasing use of mobile devices implores us to create websites in ways we weren’t only a few years ago. Responsive design is a way of looking at and developing a web experience so it changes based on the size of the device it’s being viewed on. Developers take advantage of technology that can detect the screen resolution a site viewer is using and lets the site layout change based on the sizes. Breakpoints are written using what’s called a media query; basically a descriptor like “screen that is no bigger than 800 pixels wide.”  As a browser changes size, different breakpoints are “activated” and the rules associated with them kick in.

(more…)