Tag Archive for html

..internal.. | August 30, 2011
No comments

Build Faster Mobile Websites with ‘Adaptive Images’

 

 

Responsive design is no longer just something you’ll find on the portfolio websites of the designers and developers who pioneered the idea. These days using media queries to adapt to varying screen sizes is well on its way to being a mainstream design goal.

Head over to a responsive design showcase like Media Queries and you’ll find plenty of “real world” websites — like Opera or Arizona State University — using media queries to build responsive websites.

via Build Faster Mobile Websites with ‘Adaptive Images’ | Webmonkey | Wired.com.

Category: Design, interface, Web Design | Tags: , , , ,
..internal.. | July 11, 2011
No comments

Tips, Tricks and Best Practices for Responsive Design

 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.

Category: Web Design | Tags: , , ,
 
   Beat diabetes   Diabetes diet