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,
Frances
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
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 wrote:
> If you have SDKs, you can open Dashcode, create a page for Mobile Safari and
> check the resource log. There is also Browser sim
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 h
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/
**
Unsubscribe link is in the footer.
Sent from my iPhone
On Sep 29, 2011, at 2:46 AM, Teddy Knoy 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 have been receivin
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 Th
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
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: http://websta
> 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 t
>
>
> 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
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
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
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
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, 20
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
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 deskt
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 (though
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
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 h
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-wi
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 wrote:
> On 9/27/11 3:33 PM, Tom Livingston wrote:
>> I believe that Safari may be the browser with the 'loads anyway'
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 the
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 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
>> like background-ima
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 you
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 media-querie
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)
@m
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)
@medi
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 to
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; }
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
On 9/18/11 5:43 PM, Benjamin Hawkes-Lewis wrote:
On Sun, Sep 18, 2011 at 4:34 PM, 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 { background:lime } }
A browse
On Sun, Sep 18, 2011 at 4:34 PM, 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 { background:lime } }
>
> A browser bug?
Works for me in Chrome:
http://pa
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
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?
Tee
***
List Guidelines:
35 matches
Mail list logo