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 desktop to mobile and "turning off" what you don't
want to show on mobile. Admittedly, I have done this a couple times,
but they were small overhead sites.
On Tue, Sep 27, 2011 at 10:29 PM, tee <weblis...@gmail.com> 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.
>
> 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 (thought) read it from Responsive Web Design ebook by Ethan
> Marcotte, that by targeting the rules in the media queries it prevent browers
> from loading unnecessary rules. But I can't find this important peice of info
> from the book with a quick search just now.
>
>
> tee
>
>
> On Sep 27, 2011, at 7:02 PM, Tom Livingston wrote:
>
>> 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 9:59 PM, Tom Livingston <tom...@gmail.com> wrote:
>>> 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 how to confirm it.
>>>
>>> On Tue, Sep 27, 2011 at 9:51 PM, tee <weblis...@gmail.com> wrote:
>>>> 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 (max-width:1024px){ body { background:blue
>>>> url(bg-bodytop-1205-and-bigger.jpg) no-repeat center center} }
>>>>
>>>>
>>>> @media screen and (max-width:1024px){ body { background:blue
>>>> url(bg-bodytop-1024.jpg) no-repeat left 20px} }
>>>>
>>>>
>>>> tee
>>>>
>>>>
>>>> On Sep 27, 2011, at 4:20 PM, Tom Livingston wrote:
>>>>
>>>>> I believe it's the iOS Safari with the issue, where it would be most
>>>>> troublesome. Not sure how to test this.
>>>>
>>>>
>>>>
>>>> *******************************************************************
>>>> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
>>>> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
>>>> Help: memberh...@webstandardsgroup.org
>>>> *******************************************************************
>>>>
>>>>
>>>
>>>
>>>
>>> --
>>>
>>> Tom Livingston | Senior Interactive Developer | Media Logic |
>>> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
>>>
>>
>>
>>
>> --
>>
>> Tom Livingston | Senior Interactive Developer | Media Logic |
>> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
>>
>>
>> *******************************************************************
>> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
>> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
>> Help: memberh...@webstandardsgroup.org
>> *******************************************************************
>>
>
>
>
> *******************************************************************
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
> *******************************************************************
>
>
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************
