cialis online pharmacy generic xenical cheap cialis online cialis generic viagra online in canada buy cheap levitra online cialis without a perscription order viagra uk no prescription flagyl cheap generic levitra buying viagra in the uk cheap viagra approved cialis deltasone online buy viagra online without prescription non prescription cialis buy orlistat uk buy cialis in india prednisone 60 mg female viagra online buy viagra without prescription celebrex prescriptions buy cialis canada best prices viagra alternative to prednisone cheapest generic levitra levitra 5mg cheap viagra cialis on line buy xenical without prescription online accutane canadian health care prednisone no prescreption viagra online generic female viagra europe buy cialis low price cheap india viagra

Responsive Images

The Filament Group has created a technique to send an appropriately-sized image based on screen resolution. The goal is to deliver the optimized images in responsive layouts.

With the responsive images, developers can start with mobile-optimized images in their HTML and specify a larger size for users who are using larger screen resolutions that don’t request both image sizes.

How does this work?

When the rwd-images.js loads, the responsive images test the screen width. If in case it’s large, it inserts BASE element in the head of the page, directing all image, script and stylesheet requests through “/rwd-router/”. As the requests go to the server, the .htaccess file determines whether the request is a responsive image or not. Responsive images redirect to their full size and non-responsive requests go to their proper destination through a URL rewrite that ignores the “/rwd-router/”.

Its supported browsers are Safari, Chrome, IE (8+), Opera, Firefox 4.

Related Posts


5 Great Image Plugins for WordPress

WordPress Twenty Sixteen Theme: First Look

Latest Web Design Trends for 2015

15 Clever 404 Pages for Inspiration