Tips, Tricks and Best Practices for Responsive Design

 Web Design  Add comments
Jul 112011
 

 Ethan Marcotte coined the term responsive design to describe the process of using liquid layouts and media queries to scale websites so that they fit any screen size.

via Tips, Tricks and Best Practices for Responsive Design | Webmonkey | Wired.com.

Forget Photoshop, build your comps in the browser. It’s virtually impossible to mock up liquid layouts in Photoshop, start in the browser instead.

Scale images using img { max-width: 100%; }. For very large images, consider using something like Responsive Images to offer the very smallest screens smaller image downloads and then use JavaScript to swap in larger images for larger screen.