Re: Advice needed: Adaptive/Responsive Images in Django?

2014-11-20 Thread Fred Stluka
Right. Very good article. The gist is to use the new HTML5 "" and "" elements along with the "sizes" and "srcset" attributes of "", and perhaps the CSS3 "calc()" function to specify multiple sizes of the same image, so the browser only downloads the right one for the current screen size, all in

Re: Advice needed: Adaptive/Responsive Images in Django?

2014-11-20 Thread Patrick Beeson
AListApart recently published a great article on responsive images: http://alistapart.com/article/responsive-images-in-practice On Thursday, November 20, 2014 1:05:45 AM UTC-5, ThomasTheDjangoFan wrote: > > Hi guys, > > do you have a tip for implementing adaptive (responsive) images in django? >

Re: Advice needed: Adaptive/Responsive Images in Django?

2014-11-20 Thread Cal Leeming [iops.io]
It really depends on what your end goal is. tl;dr - the fastest fix for you will probably be to use CloudFlare polish [1] Long answer: Responsive images are fine, but useless on mobile devices if your original image is not mobile optimized (due to bandwidth/speed limitations on most networks,

Re: Advice needed: Adaptive/Responsive Images in Django?

2014-11-20 Thread Andreas Kuhne
2014-11-20 13:32 GMT+01:00 Jorge Andrés Vergara Ebratt : > Sorry, I hitted send instead of enter... > > As I was saying, you can have both images in the server, and have them > both in the HTML > 1. img class="big" src="path/to/big > 2. img class="small" src="path to small"

Re: Advice needed: Adaptive/Responsive Images in Django?

2014-11-20 Thread Jorge Andrés Vergara Ebratt
Sorry, I hitted send instead of enter... As I was saying, you can have both images in the server, and have them both in the HTML 1. img class="big" src="path/to/big 2. img class="small" src="path to small" Then in the CSS you add .small {display: none;} and a media query for small screens You

Re: Advice needed: Adaptive/Responsive Images in Django?

2014-11-20 Thread Jorge Andrés Vergara Ebratt
Actually yo could do it with CSS alone... You can have the 2 images on the server and add both in the html And having the CSS like: On Thu, Nov 20, 2014, 3:59 AM Andreas Kuhne wrote: > 2014-11-20 9:44 GMT+01:00 Alex Strickland : > >> On

Re: Advice needed: Adaptive/Responsive Images in Django?

2014-11-20 Thread Andreas Kuhne
2014-11-20 9:44 GMT+01:00 Alex Strickland : > On 2014-11-20 08:05 AM, ThomasTheDjangoFan wrote: > > do you have a tip for implementing adaptive (responsive) images in django? >> >> Basically I want to server smaller images to mobile-users and bigger >> images to desktop users.

Re: Advice needed: Adaptive/Responsive Images in Django?

2014-11-20 Thread Alex Strickland
On 2014-11-20 08:05 AM, ThomasTheDjangoFan wrote: do you have a tip for implementing adaptive (responsive) images in django? Basically I want to server smaller images to mobile-users and bigger images to desktop users. I don't really now about best practices for SEO and Siteload-Performance.

Re: Advice needed: Adaptive/Responsive Images in Django?

2014-11-20 Thread termopro
You don't need Django for that. The idea behind responsive images is that you can scale them and adapt to users screen using css. On Thursday, November 20, 2014 8:05:45 AM UTC+2, ThomasTheDjangoFan wrote: > > Hi guys, > > do you have a tip for implementing adaptive (responsive) images in

Advice needed: Adaptive/Responsive Images in Django?

2014-11-19 Thread ThomasTheDjangoFan
Hi guys, do you have a tip for implementing adaptive (responsive) images in django? Basically I want to server smaller images to mobile-users and bigger images to desktop users. I don't really now about best practices for SEO and Siteload-Performance. Are there any apps that you can recon for