Re: [WSG] Media queries and roles

Hi Tom if you use display none then AT like JAWS will ignore the element. Regards Christos On Fri, May 25, 2012 at 10:44 PM, Tom Livingston wrote: > On Thu, May 24, 2012 at 5:14 PM, tee wrote: > > Don't know the answer for sure, but if you display none or make it > invisible AT would ignore

Re: [WSG] Media queries and roles

On Thu, May 24, 2012 at 5:14 PM, tee wrote: > Don't know the answer for sure, but if you display none or make it invisible > AT would ignore it no? My logic is, display:none & invisible should precede > ARIA elements. If a site speficically told the AT not to display a block of > content, it sh

Re: [WSG] Media queries and roles

Don't know the answer for sure, but if you display none or make it invisible AT would ignore it no? My logic is, display:none & invisible should precede ARIA elements. If a site speficically told the AT not to display a block of content, it shouldn't bother to annouce the role(s) within it to co

[WSG] Media queries and roles

List, We have a project being worked on that is being done using RWD. For mobile, we are repeating the nav at the bottom of the page and showing/hiding - with display: block/none; - the appropriate navbar based on min-width media queries. My question is if the desktop main nav has a role of 'nav

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

> 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

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

> > > 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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'

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

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

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

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

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

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

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

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

Re: [WSG] media queries: device-width vs max/min width

On 9/25/11 5:38 PM, tee wrote: I would love to hear what other think about the approach for device-width vs max/min width. tee The approach to "responsive" web design is not particularly difficult. Your "castle in the air" needs a simple and solid foundation. That's the key. The "one-si

Re: [WSG] media queries: device-width vs max/min width

Did you know that only 50% of users actually have their browser windows at full maximum width. The other 50% don't actually have it at full width. So the idea of having max/min allows us developers to create custom widths with different window sizes even if someone like myself who is on a 1440 x 90

Re: [WSG] media queries: device-width vs max/min width

Tee, I agree with your thinking regarding a desktop user getting the 320px wide layout. It can seem silly. At the same time, responsive design isn't supposed to be something "visible" but something "invisible". I doubt desktop users are ever resizing their browser windows and gasping in asto

[WSG] media queries: device-width vs max/min width

I would love to hear what other think about the approach for device-width vs max/min width. For myself, I have done a couple sites targeting device-width and really think this is better approach. The hype about responsive design got me to try out the max/min width approach, I find that I need t

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[WSG] media queries can't understand body tag

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:

Re: [WSG] @media ordering in stylesheet

wow - three answers for the price of one :) On 06/08/2010, at 3:45 AM, David Storey wrote: No. the @media all will apply (well if there were any valid rules in the block). If the specificity is the same (as is the case in this example) and the query conditions both apply then source orde

Re: [WSG] @media ordering in stylesheet

Thanks for the responses. I needed the experts in the group to confirm my suspicions. Best, jody *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm H

Re: [WSG] @media ordering in stylesheet

Hey Jody, First of all, the rules are incorrectly written. you need to include a property in front of the value: @media print { body { color: #FF; } } @media all { body { color: #99; } } Secondly, the "winner" is the second rule. @media rules are just "containers"

Re: [WSG] @media ordering in stylesheet

On 5 Aug 2010, at 19:20, Jody Tate wrote: Hi all, Does @media rule ordering in a stylesheet matter? For example, given the following order: @media print { body { #FF; } } @media all { body { #99; } } Will @media prin

RE: [WSG] @media ordering in stylesheet

No, the last one overrides the ones before it. Kevin -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Jody Tate Sent: Thursday, August 05, 2010 1:21 PM To: wsg@webstandardsgroup.org Subject: [WSG] @media ordering in stylesheet Hi all

[WSG] @media ordering in stylesheet

Hi all, Does @media rule ordering in a stylesheet matter? For example, given the following order: @media print { body { #FF; } } @media all { body { #99; } } Will @media print override the @media all in this ordering? G

Re: [WSG] @media

> Does this help? > Russ Very much. That's great! THanks a lot!! -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup

Re: [WSG] @media

Hi Tom, Sorry, I should have provided examples in my last email. 1. Below is a normal CSS rule (like the first rule in the 456bereastreet article) - which does not need a media type to be defined: body { background: #fff; } 2. Below is an @media rule, which DOES need a media defined (note

Re: [WSG] @media

Thanks for the comprehensive reply! Marvellous! Bob - Original Message - From: "Russ Weakley" To: Sent: Tuesday, February 23, 2010 1:34 PM Subject: Re: [WSG] @media 1. Is there a list showing browser support for @media? Try the ever-helpful Site Point. The c

Re: [WSG] @media

On Tue, Feb 23, 2010 at 8:34 AM, Russ Weakley wrote: >> 1. Is there a list showing browser support for @media? > > Try the ever-helpful Site Point. The chart shows generally good support > (with some caveats): > > > The chart mentions IE and Firefox ar

Re: [WSG] @media

1. Is there a list showing browser support for @media? Try the ever-helpful Site Point. The chart shows generally good support (with some caveats): The chart mentions IE and Firefox are buggy - but be aware that they are buggy in the opposite w

Re: [WSG] @media

Try searching for "css at'media" - google'll ask if you meant "css @media" and voila! Regards, Jon Warner Tel: 07890 299 836 http://thepixelforge.net/ 57 Arnold Road Eastleigh Hampshire SO50 5AR England On Tue, Feb 23, 2010 at 12:52 PM, designer wrote: > Hi all, > > I have Googled @media but

[WSG] @media

Hi all, I have Googled @media but it is hard to get to what I want because Google doesn't seem to recognise the '@'. So, please stick with me whilst I ask some daft questions: 1. Is there a list showing browser support for @media? 2. I want to combine my ordinary CSS with my print style s

Re: [WSG] @media 2006 , London, 15th-16th June

> > The @media conference returns in 2006 > > So, who's going, guys? ;) I'd really like to be there!!! I'm italian, so I have to decide yet. I'm also not a professionist: i love web standards but I'm a geometrician and I work as it. Jeffrey, Joe, why aren't you there this year too?!? Crying. :D :

Re: [WSG] @media 2006 , London, 15th-16th June

The @media conference returns in 2006 So, who's going, guys? ;) -- Jan Brasna :: www.alphanumeric.cz | www.janbrasna.com | www.wdnews.net ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelin

[WSG] @media 2006 , London, 15th-16th June

Apologies for cross-posting: "@media 2006 Unveiled http://www.vivabit.com/atmedia2006/ The @media conference returns in 2006 after an incredibly successful conference in 2005. This time there are more presentations and panels, spread across two tracks, and more speakers, including Eric Meye

[WSG] @media conference

Hi All I hope this isn't off topic. I will be heading to London soon for the @media conference. http://www.atmedia2005.co.uk/ I'm wondering who else may be attending. Perhaps we can share information about lodging, transportation, goals, etc. If you would like to correspond, you could send me a

RE: [WSG] @media tty IE 5.0 Win filter don't work

llows the import directive to retrieve your IE5-specific styles; other browsers do not retrieve the file. Hope that helps Owen -Original Message- From: Andrey V. Stefanenko [mailto:[EMAIL PROTECTED] Sent: 09 August 2004 14:49 To: [EMAIL PROTECTED] Subject: [WSG] @media tty IE 5.0 Win filter don&

[WSG] @media tty IE 5.0 Win filter don't work

Diar Sirs, please help me to understand why this hack just don't want to work for me :( valid XHTML http://development.it.net.ua/lab/electrimus/ Valid CSS (imported advanced sheet) http://development.it.net.ua/lab/electrimus/styling/advanced.css Электрим 2000   »   Низковольтные комплектны

[WSG] @media question

While we are at the "@" within style sheets, I have a question regarding "@media" within CSS. Taking a look at http://www.w3.org/TR/REC-CSS2/media.html , the Media Types of interest to me are: all - Suitable for all devices. print - Intended for paged, opaque material and for documents viewed