Ethan Marcotte is a web designer &amp; developer, a speaker and author of a couple of books on Responsive web designHe has created websites choosen for being responsivePeople Magazine, New York Magazine, the Sundance Film Festival, The Boston Globe,

5.
APPROACH1: Fluid GridThis is a grid that flexible and based upon percentagesrather than pixels.In a couple of the fluid grid columns determine the width ofwhere content is placed whereas the content will determinethe height.

6.
APPROACH2: Flexible Images Flexible media includes images and videos, which can adaptdepending on the screen size. In most cases it involves using the same image of different sizeswhich can be loaded on different layouts/resolutions.

8.
APPROACH3: MEDIA QUERIES This is a CSS3 module allowing content rendering to adapt toconditions such as screen resolution, size, orientation e.t.c. This is accomplished by using specific styles based on devicecharacteristics.

9.
APPROACH4: Server Side Components In this approach the client side and server side work hand in hand. Client Side: The client side sends the specifications of the type ofview and then renders the view sent from the server side Server side:The logic for the content to be loaded is contained onthe server side.

13.
CSS and FluidGridsTo be used for the actual coding/ implementation.The mostly heard about and used areTwitter’sBootstrap and Zurb’s Foundation.The best thing about the two you get more than just theCSS and Fluid grid, you also get some components (e.g.buttons, dropdowns etc. )