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 tom...@gmail.com wrote:
On Thu, May 24, 2012 at 5:14 PM, tee weblis...@gmail.com wrote:
Don't know the answer for sure, but if you display none or
On Thu, May 24, 2012 at 5:14 PM, tee weblis...@gmail.com 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
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
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,
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
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
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/
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
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
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
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
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].
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
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:
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
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
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
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
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
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
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
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
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
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
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
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
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,
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
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
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
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
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
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-size
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/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; }
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
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)
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)
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
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
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
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 {
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?
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
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
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
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
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
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
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
desig...@gwelanmor-internet.co.uk wrote:
Hi all,
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):
http://reference.sitepoint.com/css/at-media
The chart mentions IE and Firefox are buggy - but be aware that they
are buggy in the opposite
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
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
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 :D
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
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
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 on
57 matches
Mail list logo
