Re: Suggestion: Alternate Style Tags (http://www.idpf.org/epub/altss-tags/)

[Heya! For future reference, please send plain-text emails to this
list <https://wiki.csswg.org/tools/www-style>.  Your color usage in
your example code makes them incredibly hard to read.]

On Tue, Nov 25, 2014 at 10:19 PM, Bryce Otis <bryce.otis@gmail.com> wrote:
> First, let me apologize for emailing directly… (IDPF Registration Wall)
>
> A distinction needs to be made as to how ePUB Stylesheets are handled...
>
> I believe it would be more useful from a “Best Practice” or “Real World”
> perspective,
> if ‘Appendix A’ was changed to something like:
>
> <head><!--Media Queries can occur outside Stylesheets (Device Validation)-->
>  <title>W3C Matrix</title><!--PERSISTANT: Output Layer (Formating & Layout)
> PREFERED: Themes Layer (Color Selection)-->
>  <link class="speech" href="url/Speaker.css" rel="pronunciation"
> type="text/css" /><!--Alternate Stylesheet for Media-Type: Speech-->
>  <link class="print" href="url/Printer.css" media="print and (color), print
> and (monochrome)" rel="alternate stylesheet" type="text/css" />
>  <link class="horizontal" href="url/Horizontal.css" media="all and
> (orientation: landscape)" rel="alternate stylesheet" type="text/css" />
>  <link class="vertical" href="url/Vertical.css" media="all and (orientation:
> portrait)" rel="alternate stylesheet" type="text/css" />
>  <link class="screen" href="url/Browser.css" media="screen and (color),
> screen and (monochrome)" rel="stylesheet" type="text/css" />
>  <link class="sepia" href="url/Color-Sepia.css" media="screen and (color)"
> rel="stylesheet" title="Color: Sepia" type="text/css" />
>  <link class="day" href="url/Color-Day.css" media="all and (color)"
> rel="stylesheet" title="Color: Day" type="text/css" />
>  <link class="night" href="url/Color-Night.css" media="all and (color)"
> rel="stylesheet" title="Color: Night" type="text/css" />
>  <link class="day" href="url/Gray-Day.css" media="all and (monochrome)"
> rel="stylesheet" title="Gray: Day" type="text/css" />
>  <link class="night" href="url/Gray-Night.css" media="all and (monochrome)"
> rel="stylesheet" title="Gray: Night" type="text/css" />
> </head><!--PERSISTANT: [Browser] ALTERNATE: [Speaker] or [Orientation
> (Print/Screen)] PREFERED: [Color (Sepia)] or [Color/Gray (Day/Night)]-->
>
> Important: In this model, each “title” must be different.  (7 through 10
> cannot be rel="alternate stylesheet" with the same 'title' as 6)
> Observation: Trident shows all five PREFERED choices, while Gecko seems to
> validate screen="color" so only shows three.
>
>
>
> And if ‘Appendix B’ was changed to something like: (minus opinions of
> course…)
>
> <head><!--Media Queries only occur inside Stylesheets (WebKit Validation)-->
>  <title>WebKit Matrix</title><!--Default on Android and iOS Devices, as well
> as Apple's Safari and Google's Chrome-->
>  <link class="webkit" href="url/Output.css" rel="stylesheet" type="text/css"
> /><!--PERSISTANT--><!--Opinion="Cumbersome, but Doable"-->
>  <link class="webkit" href="url/Themes.css" rel="stylesheet" title="Themes"
> type="text/css" /><!--PREFERED--><!--Opinion="Big, Fat, & Ugly"-->
> </head><!--No ALTERNATE Stylesheets-->
>
> Including examples of how to use @media and/or @import to function with this
> model.
>
>
>
> I believe my logic is sound, please let me know if I've made any errors.

I'm sorry, but I don't understand the relevance of your example code
to those Appendixes.  Appendix A is example code for the
vertical/horizontal tag, while Appendix B is example code for the
day/night style tags.  Your example code for each appears to be doing
something completely different.

~TJ

Received on Monday, 1 December 2014 23:02:20 UTC