- From: Charles Pritchard <chuck@jumis.com>
- Date: Tue, 3 Jan 2012 14:06:00 -0700
- To: "Nicholas C. Zakas" <standards@nczconsulting.com>
- Cc: "www-style@w3.org" <www-style@w3.org>
I've been trying to flag down noscript authors on a similar issue; there are elements, such as Canvas, where fallback content should be shown when JS is disabled.
http://lists.w3.org/Archives/Public/public-canvas-api/2011OctDec/0153.html
Inline scripting seems to be discouraged by CSP.
http://code.google.com/p/chromium/issues/detail?id=107538
I'm cautiously supportive of media queries and (script).
-Charles
On Jan 3, 2012, at 1:47 PM, "Nicholas C. Zakas" <standards@nczconsulting.com> wrote:
> With CSS3 Media Queries, we currently have the ability to alter the display of a web page based on a whole number of factors: device dimensions, screen dimensions, screen DPI, color depth, orientation, and more. While these are useful, it seems like we're missing one of the most common media features: JavaScript support.
>
> Web applications are doing this in a number of very hacky ways right now:
> 1. Start with <html class="js-disabled"> and then remove the "js-disabled" class using JavaScript later in the page.
> 2. Simply adding "js-enabled" to <html> using JavaScript (YUI uses this method, adding "yui3-js-enabled" when initialized).
>
> This is all done so we can hide/show or otherwise change the display based on JavaScript availability, such as:
>
> .js-disabled .foo { display: none; }
> .js-enabled .bar {display: block; }
>
> I'd like to propose adding "script" support for media queries, so you can write queries such as:
>
> @media screen and (script) {
> ...
> }
>
> @media screen and not (script) {
> ...
> }
>
> This way, we'd never again have to use of these silly JS-based hacks just to change the appearance when JavaScript is enabled or disabled.
>
> Thoughts?
>
> --
> ___________________________
> Nicholas C. Zakas
> http://www.nczonline.net
>
>
Received on Tuesday, 3 January 2012 21:06:34 UTC