Re: [WSG] media queries can't understand body tag

2011-10-05 Thread Frances de Waal
Sorry, I missed the replies in this thread, I didn't intend to be unresponsive. Indeed it is only Safari as far as I can see that loads all the background images at once, but that seems to include also iOS, so quite a big group of mobile users. Maybe this will be improved in iOS 5. Bye,

Re: [WSG] media queries can't understand body tag

2011-09-29 Thread Teddy Knoy
My name is Ted Knoy and I have been receiving your company's e-mail for some time. I assume that this is confidential company information so I don't understand why I have been receiving your e-mail for nearly two months now. You should report this to Google or change your e-mail settings. On

Re: [WSG] media queries can't understand body tag

2011-09-29 Thread Tom Livingston
Unsubscribe link is in the footer. Sent from my iPhone On Sep 29, 2011, at 2:46 AM, Teddy Knoy tedk...@gmail.com wrote: My name is Ted Knoy and I have been receiving your company's e-mail for some time. I assume that this is confidential company information so I don't understand why I

Re: [WSG] media queries can't understand body tag

2011-09-29 Thread David Laakso
I did figure it after my post, from xcode's web inspector, a feature I never used before until today. Tee Care to share what you found out? Thanks. ~d -- Desktop. Laptop. Tablet. Mobile! http://chelseacreekstudio.com/

Re: [WSG] media queries can't understand body tag

2011-09-29 Thread tee
If you have SDKs, you can open Dashcode, create a page for Mobile Safari and check the resource log. There is also Browser simulator but this one for both desktop and mobile I think. Still exploring so not fully sure what I see is exactly correct. Trying to figure all these another question

Re: [WSG] media queries can't understand body tag

2011-09-29 Thread Tom Livingston
I would just add orientation to your queries and show/hide the right one with the orientation change. Sent from my iPhone On Sep 29, 2011, at 5:28 PM, tee weblis...@gmail.com wrote: If you have SDKs, you can open Dashcode, create a page for Mobile Safari and check the resource log. There

Re: [WSG] media queries can't understand body tag

2011-09-29 Thread David Laakso
On 9/29/11 5:28 PM, tee wrote: Trying to figure all these another question has arisen. Take iPad for example which supports portrait and landscape, so if I have two separate images target for the two, doesn't it load two images? Say, I first view a page from landscape and this loads the image

Re: [WSG] media queries can't understand body tag

2011-09-28 Thread tee
By the way, the other day I stumble on this adaptive images script. It works better for CMS system. http://adaptive-images.com/ Tee On Sep 27, 2011, at 10:42 PM, Hassan Schroeder wrote: On 9/27/11 8:44 PM, Tom Livingston wrote: David, with nothing but mobile Safari, if I hit a page with

Re: [WSG] media queries can't understand body tag

2011-09-28 Thread tee
With Android/2.2.2 [low-end touch screen] there is a horizontal yellow loading bar above the address bar-- it begins at the left rail and moves to the right rail. Opera Mobile and OperaMini on Android both have a circular whirling gizzmo loading button [same on a low-end SanyoMirro].

Re: [WSG] media queries can't understand body tag

2011-09-28 Thread Hassan Schroeder
but I have never seen an article that tells how you can test what elements get loaded in the mobile Safari Maybe the third time's the charm -- Set up your test page and access it from your iOS device while *watching the server log*. Did the device request the image in question or not? Is

Re: [WSG] media queries can't understand body tag

2011-09-28 Thread David Laakso
On 9/28/11 8:27 PM, Hassan Schroeder wrote: Maybe the third time's the charm -- Oh, easy for Leonardo! -- Dylan Thomas -- Desktop. Laptop. Tablet. Mobile! http://chelseacreekstudio.com/ *** List Guidelines:

Re: [WSG] media queries can't understand body tag

2011-09-28 Thread tee
Hi Hassan, Thank you for your patient. I did figure it after my post, from xcode's web inspector, a feature I never used before until today. From the this inspector I could see the difference from the one from Safari. Some people are kind and patience by nature (you), some never afraid to show

Re: [WSG] media queries can't understand body tag

2011-09-27 Thread Frances de Waal
Hi Tee, As far as I know all the stylesheets ánd all the linked resources in them like background-images will be loaded with meadia-queries. So I am afraid that the large background image that you try to avoid for mobiles, will be loaded anyway as long as you try to solve this with

Re: [WSG] media queries can't understand body tag

2011-09-27 Thread Hassan Schroeder
On 9/27/11 1:42 PM, Frances de Waal wrote: As far as I know all the stylesheets ánd all the linked resources in them like background-images will be loaded with meadia-queries. So I am afraid that the large background image that you try to avoid for mobiles, will be loaded anyway as long as

Re: [WSG] media queries can't understand body tag

2011-09-27 Thread Tom Livingston
I believe that Safari may be the browser with the 'loads anyway' problem. Sent from my iPhone On Sep 27, 2011, at 5:33 PM, Hassan Schroeder has...@webtuitive.com wrote: On 9/27/11 1:42 PM, Frances de Waal wrote: As far as I know all the stylesheets ánd all the linked resources in them

Re: [WSG] media queries can't understand body tag

2011-09-27 Thread Hassan Schroeder
On 9/27/11 3:33 PM, Tom Livingston wrote: I believe that Safari may be the browser with the 'loads anyway' problem. Safari is a Webkit-based browser like Chrome, so I expect them to behave pretty identically, but, for the record: just tested Safari 5.1 (OS X) and it also does *not* load all

Re: [WSG] media queries can't understand body tag

2011-09-27 Thread Tom Livingston
I believe it's the iOS Safari with the issue, where it would be most troublesome. Not sure how to test this. Sent from my iPhone On Sep 27, 2011, at 7:08 PM, Hassan Schroeder has...@webtuitive.com wrote: On 9/27/11 3:33 PM, Tom Livingston wrote: I believe that Safari may be the browser with

Re: [WSG] media queries can't understand body tag

2011-09-27 Thread tee
So iOS Safari loads 4 bg images in this case? @media screen and (max-width:480px){ body { background:olive url(bg-bodytop-480.jpg) no-repeat left -50px} } @media screen and (max-width:768px){ body { background:gray url(bg-bodytop-768.jpg) no-repeat left center} } @media screen and

Re: [WSG] media queries can't understand body tag

2011-09-27 Thread Tom Livingston
I'm not 100% sure, but I believe so, yes. I was just brow-beaten offlist by someone because of my reply below. YES, I have an iPhone, but what I don't know is how to test - with JUST iOS Safari - whether of not a bg image is downloaded to Safari. I'd be glad to test it for you, if you can tell me

Re: [WSG] media queries can't understand body tag

2011-09-27 Thread Tom Livingston
Actually, the way you have this, I think it will work. If you had something in your base styles, or in the first media query that was set to display:none with a bg image, then that may get downloaded anyway. Again, tell me how to check and i'll be glad to test it for you. On Tue, Sep 27, 2011 at

Re: [WSG] media queries can't understand body tag

2011-09-27 Thread tee
Hi Tom, Thank you. I don't know how to check it either, I have iPad and iPod, so would like to learn how to check too. Used to think browsers load all bg images even with display none declared, and one of the reasons I wanted to try out the min/max width approach this time is because I

Re: [WSG] media queries can't understand body tag

2011-09-27 Thread Tom Livingston
I have that as well. I believe with the approach you have - mobile first, ala 320andup (http://stuffandnonsense.co.uk/projects/320andup/) - you don't put anything on the page (or in the style) for mobile unless you really want it there and loading. As opposed to using media queries to go from

Re: [WSG] media queries can't understand body tag

2011-09-27 Thread David Laakso
On 9/27/11 10:29 PM, tee wrote: Hi Tom, Thank you. I don't know how to check it either, I have iPad and iPod, so would like to learn how to check too. tee Not terribly scientific but simply clear the cache on the iPad and the iPhone and view the page. You'll know whether it is loading

Re: [WSG] media queries can't understand body tag

2011-09-27 Thread Tom Livingston
David, with nothing but mobile Safari, if I hit a page with multiple queries or an element specced as display:none but has a bg image, how to you *verify* that an unwanted image loads anyway or not? There's no inspector that I'm aware of like desktop version. Sent from my iPhone On Sep 27,

Re: [WSG] media queries can't understand body tag

2011-09-27 Thread David Laakso
On 9/27/11 11:44 PM, Tom Livingston wrote: David, with nothing but mobile Safari, if I hit a page with multiple queries or an element specced as display:none but has a bg image, how to you *verify* that an unwanted image loads anyway or not? There's no inspector that I'm aware of like desktop

Re: [WSG] media queries can't understand body tag

2011-09-27 Thread Hassan Schroeder
On 9/27/11 8:44 PM, Tom Livingston wrote: David, with nothing but mobile Safari, if I hit a page with multiple queries or an element specced as display:none but has a bg image, how to you *verify* that an unwanted image loads anyway or not? As I said in my original email: set up a test page

Re: [WSG] media queries can't understand body tag

2011-09-19 Thread tee
Please see this. http://bit.ly/mWvfWC The reason I want to target body tag in media queries is because I don't want to panelize mobile user to load the large background image. I started first with min-width but the result was more problematic, so I switched to max-width. As to the reason why

Re: [WSG] media queries can't understand body tag

2011-09-19 Thread Hassan Schroeder
On 9/19/11 3:02 PM, tee wrote: Please see this. http://bit.ly/mWvfWC It appears to work the way I *think* you want it to if you order the css statements as: @media screen and (max-width:1024px){ body { background:red} } @media screen and (max-width:768px) { body { background-color: black; }

Re: [WSG] media queries can't understand body tag

2011-09-19 Thread G.Sørtun
On 20.09.2011 00:02, tee wrote: Please see this. http://bit.ly/mWvfWC The reason I want to target body tag in media queries is because I don't want to panelize mobile user to load the large background image. I started first with min-width but the result was more problematic, so I switched

Re: [WSG] media queries can't understand body tag

2011-09-19 Thread tee
Thank you very much! Yes, this works! I didn't realize order could be an issue. I took a look at that boston global site that everybody was talking the other day, it has this order: @media screen and (min-width:480px) @media screen and (min-width:620px) @media screen and (min-width:810px)

Re: [WSG] media queries can't understand body tag

2011-09-19 Thread tee
Resend. Please discard previous ones. Thank you very much! Yes, this works! I didn't realize order could be an issue. I took a look at that boston global site that everybody was talking the other day, it has this order: @media screen and (min-width:480px) @media screen and (min-width:620px)

Re: [WSG] media queries can't understand body tag

2011-09-18 Thread Chad Kelly
Call the other media such as print from an external style sheet. That should fix the issue. On 9/19/2011 1:34 AM, tee wrote: Hmmm, media queries can't understand body tag; a id or class for the tag is needed. Spec on W3C site doesn't indicate though as I see example like so: @media all { body

Re: [WSG] media queries can't understand body tag

2011-09-18 Thread Benjamin Hawkes-Lewis
On Sun, Sep 18, 2011 at 4:34 PM, tee weblis...@gmail.com wrote: Hmmm, media queries can't understand body tag; a id or class for the tag is needed. Spec on W3C site doesn't indicate though as I see example like so: @media all { body { background:lime } } A browser bug? Works for me in

Re: [WSG] media queries can't understand body tag

2011-09-18 Thread David Laakso
On 9/18/11 5:43 PM, Benjamin Hawkes-Lewis wrote: On Sun, Sep 18, 2011 at 4:34 PM, teeweblis...@gmail.com wrote: Hmmm, media queries can't understand body tag; a id or class for the tag is needed. Spec on W3C site doesn't indicate though as I see example like so: @media all { body {