Re: [css-d] Responsive Images

2014-11-12 Thread Crest Christopher
Unfortunately I don't have support for IIS, if you know of a PHP alternative I would be extremely grateful. Thank you again Philip for the code and the help ! Christopher Philip Taylor mailto:p.tay...@rhul.ac.uk Friday, November 07, 2014 5:42 PM Crest Christopher wrote: I've always wanted

Re: [css-d] Responsive Images

2014-11-12 Thread Philip Taylor
Sorry, can't help Christopher. No experience with PHP (or Apache, or anything vaguely Unix/Linux-oriented) at all. Philip Taylor Crest Christopher wrote: Unfortunately I don't have support for IIS, if you know of a PHP alternative I would be extremely grateful. Thank you again

Re: [css-d] Responsive Images

2014-11-12 Thread Karl DeSaulniers
My example was PHP Crest. Karl DeSaulniers Design Drumm http://designdrumm.com On Nov 12, 2014, at 12:50 PM, Crest Christopher crestchristop...@gmail.com wrote: Unfortunately I don't have support for IIS, if you know of a PHP alternative I would be extremely grateful. Thank you again

Re: [css-d] Responsive Images

2014-11-12 Thread Crest Christopher
You won't do any changes to the code, your leaving it as is, correct ? Any changes would have to come from someone other then yourself. Christopher Karl DeSaulniers mailto:k...@designdrumm.com Wednesday, November 12, 2014 4:56 PM My example was PHP Crest. Karl DeSaulniers Design Drumm

Re: [css-d] Responsive Images

2014-11-08 Thread MiB
nov 7 2014 23:32 Crest Christopher crestchristop...@gmail.com: which is faster IIS or PHP ? IIS is a server, PHP is a language that can run on servers. You're trying to compare apples to baskets. I haven’t looked at the Watermark code, but likely this is something in ASP.NET? If so that of

Re: [css-d] Responsive Images

2014-11-07 Thread Philip Taylor
Crest Christopher wrote: Question is, how many resolutions, one, three,five... ? Why not scale on-the-fly ? Visit : http://photos.for-charity.org/ click on any album thumbnail, then any image thumbnail, and notice that the resulting URL is of the form :

Re: [css-d] Responsive Images

2014-11-07 Thread GJim
Howdy Philip, ~~~ Friday, November 7, 2014, 3:56:34 AM (USA 'Somewhere on-the-road time-zone'), you wrote the message that appears below. My reply appears here and/or interspersed within your message. ~~~ The watermarking is added dynamically at the same time. Philip Taylor Are you certain

Re: [css-d] Responsive Images

2014-11-07 Thread Tom Livingston
Sent from my iPhone On Nov 6, 2014, at 9:34 PM, Crest Christopher crestchristop...@gmail.com wrote: @media is what you recommend for changing images based on browser size, correct ? Christpher ? Background images, yes. For images coded in the markup, see the polyfill I gave a link

Re: [css-d] Responsive Images

2014-11-07 Thread MiB
nov 7 2014 00:38 Crest Christopher crestchristop...@gmail.com: Why do you recommend building mobile first ? The main reason as I see it, is that mobile first methodology forces you to take a hard look at your content and prioritize it after what the users actually need to see first, second

Re: [css-d] Responsive Images

2014-11-07 Thread Crest Christopher
Mobile first to me is mos logical because simply, it's easier to add then to take away ! Christopher MiB mailto:digital.disc...@gmail.com Friday, November 07, 2014 8:28 AM The main reason as I see it, is that mobile first methodology forces you to take a hard look at your content and

Re: [css-d] Responsive Images

2014-11-07 Thread Crest Christopher
What is the technology behind this scaling on the fly ? It's fluid compared to image replacement. Christopher Philip Taylor mailto:p.tay...@rhul.ac.uk Friday, November 07, 2014 3:56 AM Crest Christopher wrote: Why not scale on-the-fly ? Visit : http://photos.for-charity.org/ click

Re: [css-d] Responsive Images

2014-11-07 Thread MiB
nov 7 2014 14:28 MiB digital.disc...@gmail.com: When you do this, you typically will realize that content, its structure and presentation is a design problem. Depending on your clients it may also involve teaching your them about their content. Talking about fluff, that ”your” wasn’t

Re: [css-d] Responsive Images

2014-11-07 Thread Philip Taylor
GJim wrote: Are you certain that the watermarks are added dynamically? Completely certain; it is my web site. If so, I would like to see the code that accomplishes that feature. It would solve some issues for me, and also for some others on another discussion list. I will send under

Re: [css-d] Responsive Images

2014-11-07 Thread Karl DeSaulniers
On Nov 7, 2014, at 7:41 AM, Philip Taylor p.tay...@rhul.ac.uk wrote: Completely certain; it is my web site. Philip Taylor Hey Philip, Have you thought of pointer-events: none; and pointer-events: auto for your images? Noticed you have -webkit-user-select: none. That doesn't work for the

Re: [css-d] Responsive Images

2014-11-07 Thread Philip Taylor
Hallo Karl -- Have you thought of pointer-events: none; and pointer-events: auto for your images? The site is /very/ old, and has not been updated for some considerable time. I am not familiar with pointer-events : could you briefly explain what they accomplish and the effects of the two

Re: [css-d] Responsive Images

2014-11-07 Thread Karl DeSaulniers
On Nov 7, 2014, at 7:50 AM, Philip Taylor p.tay...@rhul.ac.uk wrote: Hallo Karl -- Have you thought of pointer-events: none; and pointer-events: auto for your images? The site is /very/ old, and has not been updated for some considerable time. I am not familiar with pointer-events :

Re: [css-d] Responsive Images

2014-11-07 Thread Philip Taylor
Crest Christopher wrote: What is faster for page request from the server, ASP.Net code or image swapping ? I found the ASP.Net code fast, then again my connection may just be fluid, I can't assume all will be like this, unless the ASP.Net code is effective. :-) Bear in mind that that

Re: [css-d] Responsive Images

2014-11-07 Thread Crest Christopher
The only issue is the images hug the border of the browser, but that is a style issue ;-) How do you set this up using this Asp.Net code ? I like it better then image replacements as I don't notice the flicker when the image changes size. Christopher Philip Taylor

Re: [css-d] Responsive Images

2014-11-07 Thread Philip Taylor
Crest Christopher wrote: The only issue is the images hug the border of the browser, but that is a style issue ;-) How do you set this up using this Asp.Net code ? I like it better then image replacements as I don't notice the flicker when the image changes size. Well, your server needs to

Re: [css-d] Responsive Images

2014-11-07 Thread Karl DeSaulniers
Yes php is one. There are tuts on this all over and example scripts. Best to have an Apache server for this, not Windows from my experience. Depending on your server there may be some php.ini directives that you will need to set, but these tuts usually go over this part with you. Some search

Re: [css-d] Responsive Images

2014-11-07 Thread Karl DeSaulniers
On Nov 7, 2014, at 8:27 AM, Karl DeSaulniers k...@designdrumm.com wrote: Yes php is one. There are tuts on this all over and example scripts. Best to have an Apache server for this, not Windows from my experience. Depending on your server there may be some php.ini directives that you will

Re: [css-d] Responsive Images

2014-11-07 Thread Karl DeSaulniers
On Nov 7, 2014, at 8:32 AM, Karl DeSaulniers k...@designdrumm.com wrote: On Nov 7, 2014, at 8:27 AM, Karl DeSaulniers k...@designdrumm.com wrote: Yes php is one. There are tuts on this all over and example scripts. Best to have an Apache server for this, not Windows from my experience.

Re: [css-d] Responsive Images

2014-11-07 Thread GJim
Howdy Karl, ~~~ Friday, November 7, 2014, 9:44:17 AM (USA 'Somewhere on-the-road time-zone'), you wrote the message that appears below. My reply appears here and/or interspersed within your message. ~~~ http://designdrumm.com/upload_images_test.zip This was used to place a copyright on

Re: [css-d] Responsive Images

2014-11-07 Thread Karl DeSaulniers
On Nov 7, 2014, at 9:08 AM, GJim jarne...@wyomerc.com wrote: Howdy Karl, Nice utility to automate adding a copyright to an image. However, that's not a dynamic solution such as Philip mentioned. Also, I notice that your code allows for a maximum image size of 516K - is there a

Re: [css-d] Responsive Images

2014-11-07 Thread GJim
Howdy Karl, ~~~ Friday, November 7, 2014, 10:38:31 AM (USA 'Somewhere on-the-road time-zone'), you wrote the message that appears below. My reply appears here and/or interspersed within your message. ~~~ Actually it is dynamic. $yearstamp = date( Y); ... $copyright = Copyright Design

Re: [css-d] Responsive Images

2014-11-07 Thread Karl DeSaulniers
On Nov 7, 2014, at 9:50 AM, GJim jarne...@wyomerc.com wrote: Howdy Karl, ~~~ Friday, November 7, 2014, 10:38:31 AM (USA 'Somewhere on-the-road time-zone'), you wrote the message that appears below. My reply appears here and/or interspersed within your message. ~~~ Actually it is

Re: [css-d] Responsive Images

2014-11-07 Thread Angela French
-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Crest Christopher Sent: Thursday, November 06, 2014 6:35 PM To: Tom Livingston Cc: Karl DeSaulniers; CSS-Discuss Subject: Re: [css-d] Responsive Images @media is what you recommend for changing images based on browser size, correct

Re: [css-d] Responsive Images

2014-11-07 Thread Karl DeSaulniers
Christopher Sent: Thursday, November 06, 2014 6:35 PM To: Tom Livingston Cc: Karl DeSaulniers; CSS-Discuss Subject: Re: [css-d] Responsive Images @media is what you recommend for changing images based on browser size, correct ? Christpher ? Crest Christopher mailto:crestchristop

Re: [css-d] Responsive Images

2014-11-07 Thread Philip Taylor
Crest Christopher wrote: I've always wanted to add a watermark to images automatically when uploaded to the server for display on the page. Can you customize the watermark ? Of course : see the code fragment below. My only problem is I have to check if I can support IIS, which is

Re: [css-d] Responsive Images

2014-11-06 Thread Tom Livingston
I've been using a polyfill called picturefill. It will serve the necessary image based on media query. Very few people, if any, change browser viewport sizes while browsing like devs do in testing. Only the appropriate image gets served. No crazy amounts of server requests. Sent from my

Re: [css-d] Responsive Images

2014-11-06 Thread Tom Livingston
Swapping bg images is easy enough with media queries, however, many mobile device browsers will download images within other mqs. There is an easy way to stop this in most cases. For example, my base mobile styles (because you build pages mobile-first, right?) have a bg img. I'll use that img

Re: [css-d] Responsive Images

2014-11-06 Thread Crest Christopher
I'd like to read the article, when you find the link. There is only one issue, if I'm doing my own custom design with a smorgasbord of images etc. I have to find the largest, suppose a 5K image, then do my design magic in Photoshop, then scale the design at different resolutions. Question

Re: [css-d] Responsive Images

2014-11-06 Thread Tom Livingston
On Thu, Nov 6, 2014 at 9:43 AM, Crest Christopher crestchristop...@gmail.com wrote: I'd like to read the article, when you find the link. There is only one issue, if I'm doing my own custom design with a smorgasbord of images etc. I have to find the largest, suppose a 5K image, then do my

Re: [css-d] Responsive Images

2014-11-06 Thread David Hucklesby
On 11/5/14, 9:22 PM, Felix Miata wrote: Crest Christopher composed on 2014-11-05 23:45 (UTC-0500): If I want to use images on a responsive site, the images should be in the largest size possible then set the style to {max-width:100%} ? If they are not the largest size possible and the page

Re: [css-d] Responsive Images

2014-11-06 Thread Felix Miata
David Hucklesby composed on 2014-11-06 08:42 (UTC-0800): It’s not unlikely I am wet behind the ears, but I thought max-width simply prevented the image from expanding to its natural size in smaller containers. AFAIK the image will not stretch. It may depend on how astutely it's used. I can

Re: [css-d] Responsive Images

2014-11-06 Thread Crest Christopher
Why do you recommend building mobile first ? There is a pro and a con with swapping images, the pro, you can use bitmap images, the con, you have to have, as I mentioned earlier, maybe up to six different resolutions for your images. The CSS may be the easiest to do, the hardest will be

Re: [css-d] Responsive Images

2014-11-06 Thread Eric
That's right David. If you have: img {max-width: 100%; The image will not exceed the width of its parent. Eric On November 6, 2014 at 11:42 AM David Hucklesby huckle...@gmail.com wrote: On 11/5/14, 9:22 PM, Felix Miata wrote: Crest Christopher composed on 2014-11-05 23:45 (UTC-0500):

Re: [css-d] Responsive Images

2014-11-06 Thread Tom Livingston
Sent from my iPhone On Nov 6, 2014, at 6:38 PM, Crest Christopher crestchristop...@gmail.com wrote: Why do you recommend building mobile first ? Aside from being best practice, it is much harder and requires more code to achieve a mobile layout from a desktop first build because it requires

Re: [css-d] Responsive Images

2014-11-06 Thread Crest Christopher
That does make sense to build simpler first then go desktop after, I just may follow this logic ! Not necessarily. Most of the time I can use just three images. Each image can span more than one breakpoint. My base (mobile/phone) images usually get me up to my 600px breakpoint, for example.

Re: [css-d] Responsive Images

2014-11-06 Thread Tom Livingston
On Thu, Nov 6, 2014 at 7:32 PM, Crest Christopher crestchristop...@gmail.com wrote: That does make sense to build simpler first then go desktop after, I just may follow this logic ! Not necessarily. Most of the time I can use just three images. Each image can span more than one breakpoint.

Re: [css-d] Responsive Images

2014-11-06 Thread Tom Livingston
On Thu, Nov 6, 2014 at 7:32 PM, Crest Christopher crestchristop...@gmail.com wrote: That does make sense to build simpler first then go desktop after, I just may follow this logic ! Not necessarily. Most of the time I can use just three images. Each image can span more than one

Re: [css-d] Responsive Images

2014-11-06 Thread David Laakso
On Thu, Nov 6, 2014 at 7:17 PM, Tom Livingston tom...@gmail.com wrote: Sent from my iPhone On Nov 6, 2014, at 6:38 PM, Crest Christopher crestchristop...@gmail.com wrote: Why do you recommend building mobile first ? Aside from being best practice [trmmed].. I hope that you mean it

Re: [css-d] Responsive Images

2014-11-06 Thread Tom Livingston
On Thu, Nov 6, 2014 at 7:42 PM, David Laakso laakso.davi...@gmail.com wrote: On Thu, Nov 6, 2014 at 7:17 PM, Tom Livingston tom...@gmail.com wrote: Sent from my iPhone On Nov 6, 2014, at 6:38 PM, Crest Christopher crestchristop...@gmail.com wrote: Why do you recommend building mobile first

Re: [css-d] Responsive Images

2014-11-06 Thread Karl DeSaulniers
I think this works better if... #imghldr { width: 40rem; #myimage { width: 100%; That way you only have to change the size of #imghldr to change the size of #myimage Much easier in a @media IMO. body div id=photo_container style=text-align:center; div id=imghldr

Re: [css-d] Responsive Images

2014-11-06 Thread Crest Christopher
Basically the web is becoming a billboard, if I want to design for 5K I'd need a 5K image, from there I scale it down, or up because I'll be designing for mobile first, then I adjust the page and graphics accordingly for desktop. Christopher Tom Livingston mailto:tom...@gmail.com Thursday,

Re: [css-d] Responsive Images

2014-11-06 Thread Crest Christopher
@media is what you recommend for changing images based on browser size, correct ? Christpher ? Crest Christopher mailto:crestchristop...@gmail.com Thursday, November 06, 2014 9:11 PM Basically the web is becoming a billboard, if I want to design for 5K I'd need a 5K image, from there I scale

[css-d] Responsive Images

2014-11-05 Thread Crest Christopher
If I want to use images on a responsive site, the images should be in the largest size possible then set the style to {max-width:100%} ? If they are not the largest size possible and the page is viewed at 1700px by 1450px (fictional resolution, I didn't verify if it is a logical resolution)

Re: [css-d] Responsive Images

2014-11-05 Thread Felix Miata
Crest Christopher composed on 2014-11-05 23:45 (UTC-0500): If I want to use images on a responsive site, the images should be in the largest size possible then set the style to {max-width:100%} ? If they are not the largest size possible and the page is viewed at 1700px by 1450px

Re: [css-d] Responsive Images

2014-11-05 Thread Norman Fournier
Hello, No, the idea is to swap out higher resolution images for the higher resolution screens so that no visitor ever has to see distorted, pixellated images. Norman On 2014-11-05, at 9:45 PM, Crest Christopher wrote: If I want to use images on a responsive site, the images should be in the

Re: [css-d] Responsive Images

2014-11-05 Thread Karl DeSaulniers
+1 Karl DeSaulniers Design Drumm http://designdrumm.com On Nov 5, 2014, at 11:24 PM, Norman Fournier nor...@normanfournier.com wrote: No, the idea is to swap out higher resolution images for the higher resolution screens so that no visitor ever has to see distorted, pixellated images.

Re: [css-d] Responsive Images

2014-11-05 Thread Crest Christopher
Swapping will require more page requests from the server. The other solution mentioned requires by default a 5K image if you go by the highest screen possible, just so you can scale down appropriately without blurred images. I suppose gone are the days I could find an image at 800x600 do

Re: [css-d] Responsive Images

2014-11-05 Thread Karl DeSaulniers
Well, you could build your images to the middle resolution (whatever that is at the time) and let it be what it is on all other screens. I think this is the most common scenario, but I could be corrected. Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Nov 5, 2014, at 11:48

Re: [css-d] Responsive Images

2014-11-05 Thread Norman Fournier
Real chokepoint on a 2400 baud modem. On 2014-11-05, at 10:48 PM, Crest Christopher wrote: Swapping will require more page requests from the server. The other solution mentioned requires by default a 5K image if you go by the highest screen possible, just so you can scale down

Re: [css-d] Responsive Images

2014-11-05 Thread Crest Christopher
Most of the internet, if not all would choke a 2400 baud modem. I remember when I got my 28.8 ! Christopher Norman Fournier mailto:nor...@normanfournier.com Thursday, November 06, 2014 1:35 AM Real chokepoint on a 2400 baud modem. Karl DeSaulniers mailto:k...@designdrumm.com Thursday,

Re: [css-d] Responsive images not scaling down

2012-07-16 Thread Tedd Sperling
On Jul 15, 2012, at 5:45 PM, Gates, Jeff gat...@si.edu wrote: Two images on a page don't seem to be resizing as they should when I reduce the viewport. The page in question is http://www.outtacontext.com/wp2/about/past7/ -nip- Can someone tell me why the images aren't scaling down?

[css-d] Responsive images not scaling down

2012-07-15 Thread Gates, Jeff
Two images on a page don't seem to be resizing as they should when I reduce the viewport. The page in question is http://www.outtacontext.com/wp2/about/past7/ I have a three column layout on this page with images in the left div and the right div. Text is in the middle div. I have a

Re: [css-d] Responsive images not scaling down

2012-07-15 Thread Georg
On 15.07.2012 23:45, Gates, Jeff wrote: Can someone tell me why the images aren't scaling down? Thanks. Images scale fine - never wider than 100% of their containers, but with only 22% width left for the center column the layout doesn't force image scaling until page is so narrow that

Re: [css-d] Responsive images not scaling down

2012-07-15 Thread Gates, Jeff
From: css-d-boun...@lists.css-discuss.org [css-d-boun...@lists.css-discuss.org] On Behalf Of Georg [gunla...@c2i.net] Sent: Sunday, July 15, 2012 6:38 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] Responsive images not scaling down

Re: [css-d] Responsive images not scaling down

2012-07-15 Thread Georg
On 16.07.2012 00:51, Gates, Jeff wrote: Thanks Georg. I can see what you're saying. And I started to play around with increasing the side div percentages. However, what I'd like to maintain is a somewhat narrow middle column for the text (I'd like the text to be more vertical than horizontal