Re: [WSG] CSS challenge: make a li stays same bg color when cursor moves to its siblings

2011-04-06 Thread tee
I tweaked the Javascript a bit and one line of CSS. I think this is what you were trying to accomplish?http://jsbin.com/acori/16/ Many thanks! Yes it does. $('#nav li ul li').hover(function() It never occurs to me to target hover class. I thought when cursor moves away from a li and

[WSG] CSS challenge: make a li stays same bg color when cursor moves to its siblings

2011-04-05 Thread tee
I am trying to achieve this via jQuery by adding a class as I don't think it's possible with CSS (but maybe one of the CSS3 selectors can doit?). http://jsbin.com/acori/15/ The menu is generated by the CMS system so there is restriction to adding new class directly to a specific menu item.

Re: [WSG] CSS challenge: make a li stays same bg color when cursor moves to its siblings

2011-04-05 Thread Jon Reece
Not sure if this is exactly what you are looking for, but you can try adding another selector to this code: #nav .current, #nav a:hover, #nav a:focus { background-color:#fff!important; color:#333; } Like this: #nav .current, #nav a:hover, #nav a:focus, #nav ul li:hover a {

[WSG] CSS challenge: make a li stays same bg color when cursor moves to its siblings

2011-04-05 Thread Manny Blum
I tweaked the Javascript a bit and one line of CSS. I think this is what you were trying to accomplish? http://jsbin.com/acori/16/ Hope it helps. On Tue, Apr 5, 2011 at 6:38 PM, Jon Reece jon.re...@gmail.com wrote: Not sure if this is exactly what you are looking for, but you can try adding

[WSG] CSS variable navigational menu`

2011-01-09 Thread Goku San
Hi, I have the following navigational menu bar. The menu has multiple parent menu items. For the sake of the example, I only provide the first menu item. It has about five child menu items. This is a horizontal menu bar at the top of the ASP.Net website. What currently happens is when

Re: [WSG] CSS variable navigational menu`

2011-01-09 Thread Benjamin Hawkes-Lewis
On Sun, Jan 9, 2011 at 2:09 PM, Goku San gokus...@hotmail.com wrote: I have the following navigational menu bar. The menu has multiple parent menu items. [snip] What currently happens is when a user hovers over the Parent menu item, the child menu items appear below, horizontally, of

Re: [WSG] CSS variable navigational menu`

2011-01-09 Thread tee
On Jan 9, 2011, at 7:04 AM, Benjamin Hawkes-Lewis wrote: Make the parents the containing blocks for the absolute positioning of the children: #nav .sub { position: relative } http://reference.sitepoint.com/css/containingblock I hope you'll ensure that users who are not using a

RE: [WSG] CSS variable navigational menu`

2011-01-09 Thread Thierry Koblentz
These two essentially are the same. I am assuming the menu is controlled by a javascript, best practise is to use the absolute positioning to control submenu and use the toogle or mouseover to trigger the sub-level. I'm not sure this is considered best practice as keyboard users would have

Re: [WSG] CSS variable navigational menu`

2011-01-09 Thread tee
On Jan 9, 2011, at 10:24 AM, Thierry Koblentz wrote: These two essentially are the same. I am assuming the menu is controlled by a javascript, best practise is to use the absolute positioning to control submenu and use the toogle or mouseover to trigger the sub-level. I'm not sure this

RE: [WSG] CSS variable navigational menu`

2011-01-09 Thread Goku San
this functionality through the use of CSS. Anyway to make this possible? Thanks guys,Andy Subject: Re: [WSG] CSS variable navigational menu` From: weblis...@gmail.com Date: Sun, 9 Jan 2011 09:40:28 -0800 To: wsg@webstandardsgroup.org On Jan 9, 2011, at 7:04 AM, Benjamin Hawkes-Lewis wrote

Re: [WSG] CSS variable navigational menu`

2011-01-09 Thread tee
On Jan 9, 2011, at 11:42 AM, Goku San wrote: Hi, Thanks for your responses! I added the, #nav .sub {position: relative;}, removed the {display:none;} from my CSS file and from the ASPX page. Still not getting a solution. The #nav .sub {position: relative;} helped because it

Re: [WSG] CSS variable navigational menu`

2011-01-09 Thread David Hucklesby
On 1/9/11 10:24 AM, Thierry Koblentz wrote: These two essentially are the same. I am assuming the menu is controlled by a javascript, best practise is to use the absolute positioning to control submenu and use the toogle or mouseover to trigger the sub-level. I'm not sure this is considered

Re: [WSG] CSS lists

2011-01-08 Thread David Laakso
On 1/7/11 8:10 PM, Thierry Koblentz wrote: Hi all, Besides the CSS-D list, which CSS lists would you recommend subscribing to? Thanks, -- Thierry These come to mind??? The appropriate w3c list, and... http://www.sitepoint.com/forums/ http://csscreator.com/ http://bytes.com/ Best, ~d --

RE: [WSG] CSS lists

2011-01-08 Thread Thierry Koblentz
These come to mind??? The appropriate w3c list, and... http://www.sitepoint.com/forums/ http://csscreator.com/ http://bytes.com/ Thanks David, but I'm not a big fan of fora (I prefer mailing lists). Even though a forum like sitepoint has great threads (i.e. Test Your CSS Skills). Check this

[WSG] CSS lists

2011-01-07 Thread Thierry Koblentz
Hi all, Besides the CSS-D list, which CSS lists would you recommend subscribing to? Thanks, -- Regards, Thierry @thierrykoblentz www.tjkdesign.com | www.ez-css.org | www.css-101.org *** List Guidelines:

[WSG] CSS-101

2011-01-01 Thread Thierry Koblentz
http://www.css-101.org Happy New Year! Bonne Année! -- Regards, Thierry @thierrykoblentz www.tjkdesign.com | www.ez-css.org | www.css-101.org *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe:

Re: [WSG] CSS-101

2011-01-01 Thread Diego La Monica
Interesting but not well viewd with android. Happy new year to all readers. Diego Thierry Koblentz thierry.koble...@gmail.com ha scritto: http://www.css-101.org Happy New Year! Bonne Année! -- Regards, Thierry @thierrykoblentz www.tjkdesign.com | www.ez-css.org | www.css-101.org

Re: [WSG] CSS-101

2011-01-01 Thread Prashanth
On Sun, Jan 2, 2011 at 2:23 AM, Diego La Monica m...@diegolamonica.infowrote: Interesting but not well viewd with android. ya, read it using the browser on your computer. :p awesome work Thierry, though i have listen to your talk this helps me to understand better. -- regards, Prashanth

RE: [WSG] CSS-101

2011-01-01 Thread Thierry Koblentz
@Diego: Smartphones are not the best device to use here since the idea behind the demo pages is to allow people to edit/tweak CSS declarations via their favorite dev tool. The goal is to make people get their hands under the hood to do their own investigation - to find out what the simplest

Re: [WSG] css

2010-11-16 Thread Debbie Johnson
Subject: [WSG] css hi http://203.193.216.214/ I have an issue with this menu it works fine but the client has asked when you hover over top menu that the sub menu becomes visible and the stays there until you hover over than part of the top menu. If I was to move the mouse anywhere on the screen

Re: [WSG] css

2010-11-16 Thread Tom Livingston
On Mon, Nov 15, 2010 at 1:18 AM, PurencoolGmail purenc...@gmail.com wrote: hi http://203.193.216.214/ FYI... I have an issue with the sub menus staying when I roll off the main menu items in Safari 5 Mac. If I roll off the main items onto the sub menu items the submenu disappears. Possibly a

RE: [WSG] css

2010-11-15 Thread Thierry Koblentz
http://203.193.216.214/ I have an issue with this menu it works fine but the client has asked when you hover over top menu that the sub menu becomes visible and the stays there until you hover over than part of the top menu. If I was to move the mouse anywhere on the screen the menu sub

[WSG] css

2010-11-14 Thread PurencoolGmail
hi http://203.193.216.214/ I have an issue with this menu it works fine but the client has asked when you hover over top menu that the sub menu becomes visible and the stays there until you hover over than part of the top menu. If I was to move the mouse anywhere on the screen the menu sub

Re: [WSG] css

2010-11-14 Thread David Dorward
On 15 Nov 2010, at 06:18, PurencoolGmail wrote: I have an issue with this menu it works fine but the client has asked when you hover over Shame: http://www.cennydd.co.uk/2010/end-hover-abuse-now/ top menu that the sub menu becomes visible and the stays there until you hover over than

Re: [WSG] CSS rollovers for images + Feedback Sources??

2010-10-21 Thread Kevin Ireson
-hotels.com From: Nick Stone Sent: Wednesday, October 20, 2010 9:13 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] CSS rollovers for images + Feedback Sources?? Leslie, This is such valuable feedback. Thanks very much! Does anyone have suggestions on how to obtain website

Re: [WSG] CSS rollovers for images?

2010-10-20 Thread Kevin Ireson
An excellent and very up to date point about accessibility. From: tee Sent: Wednesday, October 20, 2010 1:57 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] CSS rollovers for images? Caution with the use of hover for such purpose if you also want touchscreen device user able to use

Re: [WSG] CSS rollovers for images?

2010-10-20 Thread Lesley Lutomski
Good idea, but please remember that for someone with problems of co-ordination or fine muscle control, hovering can be extremely difficult. I've encountered javascript image galleries which work like this, and on a bad day I find them completely unusable. Lesley On 19/10/10 21:13, cat soul

Re: [WSG] CSS rollovers for images?

2010-10-20 Thread cat soul
, 2010 1:57 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] CSS rollovers for images? Caution with the use of hover for such purpose if you also want touchscreen device user able to use it. In regards of touchscreen, this article explains it better than I can do. http://trentwalton.com/2010

Re: [WSG] CSS rollovers for images?

2010-10-20 Thread Joseph Taylor
. *From:* tee mailto:weblis...@gmail.com *Sent:* Wednesday, October 20, 2010 1:57 AM *To:* wsg@webstandardsgroup.org mailto:wsg@webstandardsgroup.org *Subject:* Re: [WSG] CSS rollovers for images? Caution with the use of hover for such purpose if you also want touchscreen device user able to use

Re: [WSG] CSS rollovers for images?

2010-10-20 Thread Patrick H. Lauke
On 20/10/2010 10:44, cat soul wrote: Yes, and while we're on the topic of things that won't work on phones and iPadsis there anything else we need to know about that also won't play nice with those two handheld platforms? A gentle reminder that iDevices are not the only platform that has

Re: [WSG] CSS rollovers for images?

2010-10-20 Thread cat soul
will there be/can there be a new command/property which can be read by each device the way it needs to be? could there be soon a touch command so that you could write the code like: hover, do this. If no hover, then touch, do this. If no touch, then __ and do this ? On Oct 20,

Re: [WSG] CSS rollovers for images?

2010-10-20 Thread cat soul
AM, Kevin Ireson wrote: An excellent and very up to date point about accessibility. From: tee Sent: Wednesday, October 20, 2010 1:57 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] CSS rollovers for images? Caution with the use of hover for such purpose if you also want touchscreen device

Re: [WSG] CSS rollovers for images?

2010-10-20 Thread Joseph Taylor
*Subject:* Re: [WSG] CSS rollovers for images? Caution with the use of hover for such purpose if you also want touchscreen device user able to use it. In regards of touchscreen, this article explains it better than I can do. http://trentwalton.com/2010/07/05/non-hover/ tee On Oct 19, 2010

[WSG] CSS, :hover and touch screen devices (Was: CSS rollovers for images?)

2010-10-20 Thread David Dorward
On 20 Oct 2010, at 16:59, cat soul wrote: will there be/can there be a new command/property which can be read by each device the way it needs to be? could there be soon a touch command so that you could write the code like: hover, do this. If no hover, then touch, do this. If no

Re: [WSG] CSS rollovers for images?

2010-10-20 Thread Al Sparber
From: Patrick H. Lauke re...@splintered.co.uk On 20/10/2010 10:44, cat soul wrote: Yes, and while we're on the topic of things that won't work on phones and iPadsis there anything else we need to know about that also won't play nice with those two handheld platforms? A gentle reminder

Re: [WSG] CSS, :hover and touch screen devices (Was: CSS rollovers for images?)

2010-10-20 Thread Joseph Taylor
Cat, That's the holy trinity of web design: content, presentation and behavior. ;) Joseph R. B. Taylor /Web Designer / Developer/ -- Sites by Joe, LLC /Clean, Simple and Elegant Web Design/ Phone: (609) 335-3076 Web: http://sitesbyjoe.com Email:

Re: [WSG] CSS, :hover and touch screen devices (Was: CSS rollovers for images?)

2010-10-20 Thread cat soul
Help me if I mis-interpret the writer's fine article, but this pertains to Javascript rollovers, too. The end user doesn't know and doesn't care whether that thing popping up was a CSS Hover, or a Javascript rollover. S/he only knows that, by innocently mousing around, something popped up

Re: [WSG] CSS, :hover and touch screen devices (Was: CSS rollovers for images?)

2010-10-20 Thread cat soul
Well, I am down with that..I never did care for the jumpy, spinny, whizzy things... As a print designer, I'm all about good design, good typography, quality imagery and clear communication. however, you sometimes get the idea that if you don't pay obeisance to that fashion (jumpy, spinny,

Re: [WSG] CSS, :hover and touch screen devices (Was: CSS rollovers for images?)

2010-10-20 Thread Hassan Schroeder
On 10/20/10 10:19 AM, cat soul wrote: The picture I am developing now is this: HTML and CSS should be used strictly for content, structure and formatting. *Behaviors* are best left to things like Javascript. But it's not that cut and dried -- CSS has always had behaviors, e.g. :hover,

Re: [WSG] CSS, :hover and touch screen devices (Was: CSS rollovers for images?)

2010-10-20 Thread cat soul
I agree thoroughly, Hassan. Yet as this is a best-practices discussion and group, and since we've been hearing that these things A) don't always work and B) aren't always well-received by end users, we're left with a need. And that need is to know: out of the universe of what we can do,

Re: [WSG] CSS, :hover and touch screen devices (Was: CSS rollovers for images?)

2010-10-20 Thread Jason Arnold
On Wed, Oct 20, 2010 at 1:42 PM, cat soul cats...@thinkplan.org wrote: I agree thoroughly, Hassan. Yet as this is a best-practices discussion and group, and since we've been hearing that these things A) don't always work and B) aren't always well-received by end users, we're left with a need.

Re: [WSG] CSS, :hover and touch screen devices (Was: CSS rollovers for images?)

2010-10-20 Thread Hassan Schroeder
On 10/20/10 11:42 AM, cat soul wrote: I agree thoroughly, Hassan. Yet as this is a best-practices discussion and group, and since we've been hearing that these things A) don't always work and B) aren't always well-received by end users, we're left with a need. And that need is to know: out of

Re: [WSG] CSS, :hover and touch screen devices (Was: CSS rollovers for images?)

2010-10-20 Thread Jon McInerney
stop sending me emails On Wed, Oct 20, 2010 at 3:25 PM, Hassan Schroeder has...@webtuitive.com wrote: On 10/20/10 11:42 AM, cat soul wrote: I agree thoroughly, Hassan. Yet as this is a best-practices discussion and group, and since we've been hearing that these things A) don't always work

Re: [WSG] CSS, :hover and touch screen devices (Was: CSS rollovers for images?)

2010-10-20 Thread cat soul
Heh! That is pretty funny! However, clients may have the need to ensure a universal experience. One example of this is in their brand values, which may call for a certain look and feel. If a person experiences one thing on their iPad and another experiences something different on their HP

Re: [WSG] CSS, :hover and touch screen devices (Was: CSS rollovers for images?)

2010-10-20 Thread Russ Weakley
stop sending me emails We've stopped sending this person emails. no need to comment on this. :) Continue with this great thread! Thanks Russ BTW, every WSG email that goes out has an unsubscribe link at the bottom. Better to click that that tell 7,000 people you don't want any emails :)

Re: [WSG] CSS rollovers for images + Feedback Sources??

2010-10-20 Thread Nick Stone
Leslie, This is such valuable feedback. Thanks very much! Does anyone have suggestions on how to obtain website usability feedback from various members of the disabled community? Thanks in advance, Nick -- Nick Stone, MBA SEO, Web Accessibility, Web Development http://nick-stone.com/

Re: [WSG] CSS rollovers for images?

2010-10-20 Thread tee
On Oct 20, 2010, at 9:11 AM, cat soul wrote Please don't groan, but my background is in Print. Luckily, I never had to write PostScript. Illustrator, PS, Quark, and later InDesign all do a fine job of it. but just imagine if I DID have to write the post script, and to know

Re: [WSG] CSS rollovers for images?

2010-10-20 Thread cat soul
tee...you are quite right to point that out..every medium has its booby traps and difficulties..I've spend my share of time wrangling with recalcitrant files myself. cs On Oct 20, 2010, at 4:11 PM, tee wrote: Fixing PostScript error is like knowing browser quirks

[WSG] CSS rollovers for images?

2010-10-19 Thread cat soul
Any thoughts on using CSS hover properties to show larger images? The scenario I'm envisioning is one where you'd have small thumbnails of samples, and hovering the mouse over them would invoke a hover state in which a larger version of that same image would appear...Larger meaning 400x600

Re: [WSG] CSS rollovers for images?

2010-10-19 Thread Joseph Taylor
You could certainly do that with CSS. You'll want to add javascript to control how the image shows and fades, positioning etc. For maximum accessibility, have the thumbnail link to the main image, then have your Javscript/CSS hijack the link and show the image. Everyone wins. Joseph R. B.

Re: [WSG] CSS rollovers for images?

2010-10-19 Thread Christian Montoya
On Tue, Oct 19, 2010 at 4:13 PM, cat soul cats...@thinkplan.org wrote: Any thoughts on using CSS hover properties to show larger images? The scenario I'm envisioning is one where you'd have small thumbnails of samples, and hovering the mouse over them would invoke a hover state in which a

[WSG] Css attributes

2010-10-18 Thread Tim Baillie
Hi I'm trying to build some attribute selectors in CSS to check for missing content. Ie. IMG[alt=] { border-width: 3px; border-color: #ff; border-style: solid; } // will place a red border around any image with an empty ALT tag

Re: [WSG] Css attributes

2010-10-18 Thread Ryan Seddon
Tim, :not() is a CSS3 pseudo-class, IE8 doesn't support any CSS3 pseudo-classes. However you could use http://selectivizr.com/ to add that support using javascript. Cheers, Ryan On Tue, Oct 19, 2010 at 11:54 AM, Tim Baillie tim.bail...@acu.edu.auwrote: Hi I’m trying to build some

Re: [WSG] Css attributes

2010-10-18 Thread Christian Fagan
Or, if you're already using a Javascript library (which many IE CSS3 replacement scripts require) - like jQuery - you can simply add a class to the targeted element because jQuery understands CSS3 selectors, eg. { $(img:not([alt])).addClass(empty-image); } Disclaimer: I haven't used the

Re: [WSG] CSS support of HTML5 tags not ready yet?

2010-10-01 Thread field . ninja
HI, Joined the chat a bit late, hope the following URL is helpful without being redundant. http://html5boilerplate.com/ ___ Christopher Kennon Bushidodeep Principal/Developer/Designer (w) http://bushidodeep.com (e) field.ni...@gmail.com (gv) 818.322.4513 On

Re: [WSG] CSS support of HTML5 tags not ready yet?

2010-10-01 Thread tee
I explored the html5boilerplate quite a bit, but decided to come up my own template instead. To its credit, it has some really nice stuff in there and I have adapted to my template too, but there are a number of elements that I found that really shouldn't be in there. If you are using the

Re: [WSG] CSS and h264 vs Flash

2010-09-29 Thread Sam Sherlock
MS is on board but for vista windows 7 users only So ie pre ie9 is still going to be out there; I think that ie9 should be released as an xp version also the other browsers all make versions that work for xp and support html5; though though some things would only work on ie9 (pinning tasks)

Re: [WSG] CSS and h264 vs Flash

2010-09-29 Thread Patrick H. Lauke
On 29/09/2010 09:59, Sam Sherlock wrote: So ie pre ie9 is still going to be out there; I think that ie9 should be released as an xp version also the other browsers all make versions that work for xp and support html5; though though some things would only work on ie9 (pinning tasks) let's not

Re: [WSG] CSS support of HTML5 tags not ready yet?

2010-09-29 Thread Oliver Boermans
I don't have any personal experience with this stuff but your discussion rereminded me of a page I bookmarked recently: http://jdbartlett.github.com/innershiv/ Sorry if it is not relevant, have not read the whole thread in detail. Hope it helps! -- Cheers Ollie @ollicle On Wednesday, September

Re: [WSG] CSS and h264 vs Flash

2010-09-29 Thread cat soul
On Sep 29, 2010, at 1:59 AM, Sam Sherlock wrote: MS is on board but for vista windows 7 users only Quite true. All for-profit companies are in things for themselves. No news flash there. But if I could tease out the original purpose of my question once more, it'd be to say that Flash

Re: [WSG] CSS and h264 vs Flash

2010-09-29 Thread Jason Arnold
On Wed, Sep 29, 2010 at 8:06 AM, cat soul cats...@thinkplan.org wrote: Flash offers a one-stop shopping tool, and as has been said, most/many people have the flash plug-in, so playback is more or less assured across the intertoobs. Except when dealing with the Mobile market where Flash isn't

Re: [WSG] CSS support of HTML5 tags not ready yet?

2010-09-29 Thread Rob Crowther
Oliver Boermans wrote: I don't have any personal experience with this stuff but your discussion rereminded me of a page I bookmarked recently: http://jdbartlett.github.com/innershiv/ Yep, that looks like the root of the problem: doesn't work in Internet Explorer when an element's content is

RE: [WSG] CSS and h264 vs Flash

2010-09-29 Thread Foskett, Mike
Arnold Sent: 29 September 2010 14:41 To: wsg@webstandardsgroup.org Subject: Re: [WSG] CSS and h264 vs Flash On Wed, Sep 29, 2010 at 8:06 AM, cat soul cats...@thinkplan.org wrote: Flash offers a one-stop shopping tool, and as has been said, most/many people have the flash plug-in, so playback is more

Re: [WSG] CSS and h264 vs Flash

2010-09-29 Thread Sam Sherlock
Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Jason Arnold Sent: 29 September 2010 14:41 To: wsg@webstandardsgroup.org Subject: Re: [WSG] CSS and h264 vs Flash On Wed, Sep 29, 2010 at 8:06 AM, cat soul cats...@thinkplan.org wrote: Flash offers

Re: [WSG] CSS support of HTML5 tags not ready yet?

2010-09-28 Thread David Dorward
On 27 Sep 2010, at 22:46, tee wrote: Without CSS, wouldn't the browsers render the page just like normal HTML page with browser default styling? Yes … so the blocks would collapse back to inline. Quote Hugo, It will create those elements for IE6-8 (and older browsers with lack of HTML5

Re: [WSG] CSS support of HTML5 tags not ready yet?

2010-09-28 Thread Patrick H. Lauke
On 28/09/2010 07:12, David Dorward wrote: On 27 Sep 2010, at 22:46, tee wrote: Quote Hugo, It will create those elements for IE6-8 (and older browsers with lack of HTML5 support) in DOM. I suppose DOM will still work in older IEs when CSS is off yes? Yes To clarify though: the DOM will

Re: [WSG] CSS support of HTML5 tags not ready yet?

2010-09-28 Thread Steven Tan
Also ran into an issue when i was using js templating with html5 tags. Html5 shiv only ran once when the document loads. Either need call it again or use html4 tags. I am choosing html4 tags for now. Sigh. Steven On 28/09/2010, at 6:34 PM, Patrick H. Lauke re...@splintered.co.uk wrote: On

Re: [WSG] CSS support of HTML5 tags not ready yet?

2010-09-28 Thread Rob Crowther
Steven Tan wrote: Also ran into an issue when i was using js templating with html5 tags. Html5 shiv only ran once when the document loads. Either need call it again or use html4 tags. I am choosing html4 tags for now. Sigh. All the HTML5 shiv is doing is calling document.createElement against

Re: [WSG] CSS support of HTML5 tags not ready yet?

2010-09-28 Thread Steven Tan
No, it doesn't. But if you use html5 tags in your templating, then it might. Just something to watch out for. One of my templates create a section and header for about 20 times. Steven On 28/09/2010, at 8:49 PM, Rob Crowther robe...@boogdesign.com wrote: Steven Tan wrote: Also ran into an

Re: [WSG] CSS support of HTML5 tags not ready yet?

2010-09-28 Thread Rob Crowther
On 28/09/10 14:10, Steven Tan wrote: No, it doesn't. But if you use html5 tags in your templating, then it might. Just something to watch out for. Sorry, I'm not sure what you're saying here: no it doesn't what? It might what? One of my templates create a section and header for about 20

Re: [WSG] CSS support of HTML5 tags not ready yet?

2010-09-28 Thread Steven Tan
Sure. :) The issue i am encountering is when I generate HTML on the fly using js templates. I have a couple of templates written with sections and headers tags. Because html5 shiv only create the elements on document loads, it will not work the html5 tags that gets appended to the document

Re: [WSG] CSS support of HTML5 tags not ready yet?

2010-09-28 Thread Rob Crowther
Steven Tan wrote So watch out if you rely on js libraries that do something like this: $(body).append(sectionsomething/section); $(section).text(new something); // this line will throw an error in IE. Hope that makes sense. Ah, I understand, interesting. I've done some example cases:

Re: [WSG] CSS support of HTML5 tags not ready yet?

2010-09-28 Thread Steven Tan
Nice setup. Thanks for explaining it better than I do. ;) Load html5shiv, use innerHTML to create element, change with jQuery (works in IE8): http://www.boogdesign.com/examples/html5shiv-inner-jquery.html Strange, I expected the innerHTML part to fail. Any idea why that works? So it

[WSG] CSS and h264 vs Flash

2010-09-28 Thread cat soul
I hope that this is within the scope of this list... Some months back, you may have read Steve Jobs saying that Flash could easily be replaced by a combo of CSS and h264, or something very similar. My CSS skills don't empower me to see how this could be..could somebody shine a light on

Re: [WSG] CSS support of HTML5 tags not ready yet?

2010-09-28 Thread Rob Crowther
On 28/09/10 23:41, Steven Tan wrote: Strange, I expected the innerHTML part to fail. Any idea why that works? Nope! I expected one or the other of the two (DOM and innerHTML) to fail as surely jQuery is using one or other of them underneath? I haven't had time to dig in to the jQuery source

Re: [WSG] CSS and h264 vs Flash

2010-09-28 Thread Sam Sherlock
Kroc Camen video for everybody http://camendesign.com/code/video_for_everybody I think Steve Jobs is thinking about everyone using Safari browser (or another modern browser that support h.264 not ff3.6 but ff4 will maybe, chrome does) but in reality for now such modern browsers are not as wide

Re: [WSG] CSS and h264 vs Flash

2010-09-28 Thread cat soul
On Sep 28, 2010, at 5:01 PM, Sam Sherlock wrote: Kroc Camen video for everybody http://camendesign.com/code/video_for_everybody I think Steve Jobs is thinking about everyone using Safari browser (or another modern browser that support h.264 not ff3.6 but ff4 will maybe, chrome does) but

Re: [WSG] CSS and h264 vs Flash

2010-09-28 Thread Sam Sherlock
transitions with css here http://timvandamme.com/ some icons use transition with css with in . vcard in firefox the icons just use hover active - S On 29 September 2010 01:12, cat soul cats...@thinkplan.org wrote: On Sep 28, 2010, at 5:01 PM, Sam Sherlock wrote: Kroc Camen video for

Re: [WSG] CSS and h264 vs Flash

2010-09-28 Thread cat soul
that's pretty nice.. I've also been reading that MS is on board with the HTML5+ h264 combo as an alternative to Flash, so perhaps a critical mass is forming... I do feel that flash has its place, but that it was a mistake jumping in head first as the web seemed to do over flash so many

[WSG] CSS support of HTML5 tags not ready yet?

2010-09-27 Thread tee
Only the two Webkit browsers are able to render the header and footer correctly. http://lotusseedsdesign.com/css-test/templegate.html header { height : 300px; width : 980px; text-align : center; position : relative; clear : both; overflow : hidden; margin : 0 auto; border : 1px solid #369;

Re: [WSG] CSS support of HTML5 tags not ready yet?

2010-09-27 Thread Chris Knowles
try adding display: block - by default they are usually displayed as inline in ie you need to add them via javascript before it will recognise them: document.createElement(header); -- Chris Knowles On 27/09/10 8:13 PM, tee wrote: Only the two Webkit browsers are able to render the header

Re: [WSG] CSS support of HTML5 tags not ready yet?

2010-09-27 Thread Hugo Mendes
A best practice: Do browser detection instead. script type=text/javascript function html5elm(elm) { return !!document.createElement(elm); } var myArray = ['header','nav','section','aside','article','footer','hgroup']; for (var i = 0; i myArray.length; i++){

Re: [WSG] CSS support of HTML5 tags not ready yet?

2010-09-27 Thread Hugo Mendes
I meant FEATURE Detection. Sorry. Hm. On Mon, Sep 27, 2010 at 11:34 AM, Hugo Mendes hugo.men...@gmail.com wrote: A best practice: Do browser detection instead. script type=text/javascript function html5elm(elm) {        return !!document.createElement(elm); } var myArray =

Re: [WSG] CSS support of HTML5 tags not ready yet?

2010-09-27 Thread designer
is relevant) in your CSS.Bob- Original Message - From: tee weblis...@gmail.com To: wsg@webstandardsgroup.org Sent: Monday, September 27, 2010 11:13 AM Subject: [WSG] CSS support of HTML5 tags not ready yet? Only the two Webkit browsers are able to render the header and footer correctly

Re: [WSG] CSS support of HTML5 tags not ready yet?

2010-09-27 Thread David Dorward
On 27 Sep 2010, at 11:13, tee wrote: Only the two Webkit browsers are able to render the header and footer correctly. Most browsers don't yet apply default styles to them. Current versions of IE don't recognise them at all without a JS shim. While you can use a JS shim and explicitly set

Re: [WSG] CSS support of HTML5 tags not ready yet?

2010-09-27 Thread tee
Thanks all for the help. display block it's is. I am so used to expecting Firefox to render everything correctly! When it doesn't, I couldn't think further :) Was going to use modernizr, therefor not worry about IE browsers, but didn't realize the script couldn't take care of CSS part. Are

Re: [WSG] CSS support of HTML5 tags not ready yet?

2010-09-27 Thread Rob Crowther
On 27/09/10 22:46, tee wrote: Are these HTML5 tags inline elements by default or it's that (the latest) Firefox and Opera not yet supporting them? I thought they are of block elements. Firefox 4.0 will have support in the default stylesheet for the new HTML5 elements. It'll also have the

RE: [WSG] CSS Expandable Menu

2010-07-01 Thread Thierry Koblentz
As a follow-up to my original email, the following methods have been very well designed from the accessibility point of view: http://juicystudio.com/article/ecmascriptmenu.php http://www.456bereastreet.com/archive/200705/accessible_expanding_and_c o llapsing_menu/ A further example

RE: Using CSS instead of JS for accessibility (was Re: [WSG] CSS Expandable Menu)

2010-06-30 Thread Thierry Koblentz
Hi Mathew, http://tjkdesign.com/articles/keyboard_friendly_dropdown_menu/EK.asp I have a bug report... tested against FF 3.6.4 and IE6 (no bug under Chrome 5.0.376) Steps to reproduce: - click on background - tab to focus first menu item - hit enter to display sub-items - tab through to

RE: Using CSS instead of JS for accessibility (was Re: [WSG] CSS Expandable Menu)

2010-06-30 Thread Foskett, Mike
instead of JS for accessibility (was Re: [WSG] CSS Expandable Menu) Hi Mike, Sorry to say this but the keyboard friendly version: http://tjkdesign.com/articles/keyboard_friendly_dropdown_menu/EK.asp Only fires, via keyboard, on Articles E-K in IEv8 or Firefox. This is by design. Keyboard users

FW: [WSG] CSS Expandable Menu

2010-06-30 Thread Grant Bailey
As a follow-up to my original email, the following methods have been very well designed from the accessibility point of view: http://juicystudio.com/article/ecmascriptmenu.php http://www.456bereastreet.com/archive/200705/accessible_expanding_and_co llapsing_menu/ A further example worth

Using CSS instead of JS for accessibility (was Re: [WSG] CSS Expandable Menu)

2010-06-29 Thread David Dorward
On 29 Jun 2010, at 00:30, grant_malcolm_bai...@westnet.com.au wrote: I'm trying to avoid use of Javascript due to accessibility concerns. Trying to shoehorn functionality (which is what JS was designed for) into CSS (which is designed for presentation, not logic) is not good for

RE: Using CSS instead of JS for accessibility (was Re: [WSG] CSS Expandable Menu)

2010-06-29 Thread Web Dandy
www.facebook.com/pages/Web-Dandy/171945798743 _ From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of David Dorward Sent: 29 June 2010 07:15 To: wsg@webstandardsgroup.org Subject: Using CSS instead of JS for accessibility (was Re: [WSG] CSS Expandable Menu

RE: [WSG] CSS Expandable Menu

2010-06-29 Thread Grant Bailey
Thank you to everyone who replied to my email. Kind regards, Grant Bailey -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Ted Drake Sent: Tuesday, 29 June 2010 10:07 AM To: wsg@webstandardsgroup.org Subject: RE: [WSG] CSS Expandable

RE: Using CSS instead of JS for accessibility (was Re: [WSG] CSS Expandable Menu)

2010-06-29 Thread John Stericker
To: wsg@webstandardsgroup.org Subject: Re: Using CSS instead of JS for accessibility (was Re: [WSG] CSS Expandable Menu) On 29 Jun 2010, at 11:04, de...@littlegent.com wrote: I'd recommend using one from http://www.cssplay.co.uk/menus/ The trick is deciding which one to use, really. =) Having

Re: Using CSS instead of JS for accessibility (was Re: [WSG] CSS Expandable Menu)

2010-06-29 Thread daniel a. thornbury
I used to use cssplay menus 6+ years ago but they're not the friendliest or most compliant to work with. I really like superfish - i've been using that for a few years with no problems at all. and I find it very easy to customise. http://users.tpg.com.au/j_birch/plugins/superfish/ I

RE: Using CSS instead of JS for accessibility (was Re: [WSG] CSS Expandable Menu)

2010-06-29 Thread Thierry Koblentz
Try this for CSS menus with keyboard support: http://carroll.org.uk/sandbox/suckerfish/bones2.html This menu may be accessible, but is it usable? Unless I am missing something, keyboard users need to go through *every single link* in the menu to reach the last item :-( I have these two:

RE: Using CSS instead of JS for accessibility (was Re: [WSG] CSS Expandable Menu)

2010-06-29 Thread Foskett, Mike
...@webstandardsgroup.org] On Behalf Of Thierry Koblentz Sent: 29 June 2010 16:22 To: wsg@webstandardsgroup.org Subject: RE: Using CSS instead of JS for accessibility (was Re: [WSG] CSS Expandable Menu) Try this for CSS menus with keyboard support: http://carroll.org.uk/sandbox/suckerfish/bones2.html This menu

RE: Using CSS instead of JS for accessibility (was Re: [WSG] CSS Expandable Menu)

2010-06-29 Thread Thierry Koblentz
Hi Mike, Sorry to say this but the keyboard friendly version: http://tjkdesign.com/articles/keyboard_friendly_dropdown_menu/EK.asp Only fires, via keyboard, on Articles E-K in IEv8 or Firefox. This is by design. Keyboard users could not reach these pages if they were not focusable at least

Re: Using CSS instead of JS for accessibility (was Re: [WSG] CSS Expandable Menu)

2010-06-29 Thread Mathew Robertson
Sorry to say this but the keyboard friendly version: http://tjkdesign.com/articles/keyboard_friendly_dropdown_menu/EK.asp Only fires, via keyboard, on Articles E-K in IEv8 or Firefox. This is by design. Keyboard users could not reach these pages if they were not focusable at least from

  1   2   3   4   5   6   7   8   9   10   >