Login | Register For Free | Help
Search for: (Advanced)

Mailing List Archive: Wikipedia: Wikitech

Handheld stylesheet options

 

 

Wikipedia wikitech RSS feed   Index | Next | Previous | View Threaded


brion at wikimedia

Jul 27, 2008, 11:38 PM

Post #1 of 7 (473 views)
Permalink
Handheld stylesheet options

-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

Did a little refactoring on how stylesheets are set up and linked in
SkinTemplate skins (MonoBook & friends), which cleans up some icky
template code with the IE conditional styles and enables the ability to
configure a handheld stylesheet.

I wrote up some quick notes here:

http://leuksman.com/log/2008/07/27/handheld-css-variants/

Currently live I'm specifying the Chick skin's style as a handheld
variant for MonoBook. This in theory will only be picked up by browsers
which ignore the 'screen' style already, and it doesn't disrupt basic
loading much.

(Variants friendly to iPhone and Opera Mini's fancy display mode might
be nice, but need a lot more work.)


There's some open questions about which style pages should be explicitly
listed as for 'screen' and which should be left for all media -- screen,
print, and handheld. Behavior now may be slightly different than
previous (I think I list more as 'screen'-specific than before), but can
be easily tweaked.


Note you can now do &handheld=yes like the &printable=yes for a preview.
Yay!

Also, use of <link> consistently in place of @import means Firefox (at
least) will be willing to save styles to disk along with the .html file.
Yay!

- -- brion
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.8 (Darwin)
Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org

iEYEARECAAYFAkiNaXQACgkQwRnhpk1wk44QZwCfUZ6109cRiARhY40z2FXX9ntS
D9gAoMU7ASEP1AOviabAhYTITHVnWumM
=oHdW
-----END PGP SIGNATURE-----

_______________________________________________
Wikitech-l mailing list
Wikitech-l [at] lists
https://lists.wikimedia.org/mailman/listinfo/wikitech-l


gmaxwell at gmail

Jul 28, 2008, 6:26 AM

Post #2 of 7 (443 views)
Permalink
Re: Handheld stylesheet options [In reply to]

On Mon, Jul 28, 2008 at 2:38 AM, Brion Vibber <brion [at] wikimedia> wrote:
[snip]
> Note you can now do &handheld=yes like the &printable=yes for a preview.
> Yay!
>

Great! The handheld stylesheet looks much nicer in the Minimo browser
on OpenMoko.

_______________________________________________
Wikitech-l mailing list
Wikitech-l [at] lists
https://lists.wikimedia.org/mailman/listinfo/wikitech-l


stigmj at gmail

Jul 28, 2008, 6:42 AM

Post #3 of 7 (438 views)
Permalink
Re: Handheld stylesheet options [In reply to]

Great! It broke several skins..

https://bugzilla.wikimedia.org/show_bug.cgi?id=14954

best regards,
Stig Meireles Johansen

On Mon, Jul 28, 2008 at 8:38 AM, Brion Vibber <brion [at] wikimedia> wrote:

> -----BEGIN PGP SIGNED MESSAGE-----
> Hash: SHA1
>
> Did a little refactoring on how stylesheets are set up and linked in
> SkinTemplate skins (MonoBook & friends), which cleans up some icky
> template code with the IE conditional styles and enables the ability to
> configure a handheld stylesheet.
>
> I wrote up some quick notes here:
>
> http://leuksman.com/log/2008/07/27/handheld-css-variants/
>
> Currently live I'm specifying the Chick skin's style as a handheld
> variant for MonoBook. This in theory will only be picked up by browsers
> which ignore the 'screen' style already, and it doesn't disrupt basic
> loading much.
>
> (Variants friendly to iPhone and Opera Mini's fancy display mode might
> be nice, but need a lot more work.)
>
>
> There's some open questions about which style pages should be explicitly
> listed as for 'screen' and which should be left for all media -- screen,
> print, and handheld. Behavior now may be slightly different than
> previous (I think I list more as 'screen'-specific than before), but can
> be easily tweaked.
>
>
> Note you can now do &handheld=yes like the &printable=yes for a preview.
> Yay!
>
> Also, use of <link> consistently in place of @import means Firefox (at
> least) will be willing to save styles to disk along with the .html file.
> Yay!
>
> - -- brion
> -----BEGIN PGP SIGNATURE-----
> Version: GnuPG v1.4.8 (Darwin)
> Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org
>
> iEYEARECAAYFAkiNaXQACgkQwRnhpk1wk44QZwCfUZ6109cRiARhY40z2FXX9ntS
> D9gAoMU7ASEP1AOviabAhYTITHVnWumM
> =oHdW
> -----END PGP SIGNATURE-----
>
> _______________________________________________
> Wikitech-l mailing list
> Wikitech-l [at] lists
> https://lists.wikimedia.org/mailman/listinfo/wikitech-l
>
_______________________________________________
Wikitech-l mailing list
Wikitech-l [at] lists
https://lists.wikimedia.org/mailman/listinfo/wikitech-l


Simetrical+wikilist at gmail

Jul 28, 2008, 9:04 AM

Post #4 of 7 (440 views)
Permalink
Re: Handheld stylesheet options [In reply to]

On Mon, Jul 28, 2008 at 2:38 AM, Brion Vibber <brion [at] wikimedia> wrote:
> Currently live I'm specifying the Chick skin's style as a handheld
> variant for MonoBook. This in theory will only be picked up by browsers
> which ignore the 'screen' style already

In practice this is *not* the case. As far as I'm aware, Opera's
handheld variants will respect handheld stylesheets if present, and if
not, they'll try to use screen stylesheets (with clever modifications
to get them to work better). We used to have a handheld stylesheet,
but someone from Opera asked us to either improve it or get rid of it,
because it wasn't well-tested and ended up looking worse on Opera for
handhelds than the screen stylesheet. (I deleted it.) The same
probably applies to at least some other handheld browsers that try to
use screen stylesheets where available.

_______________________________________________
Wikitech-l mailing list
Wikitech-l [at] lists
https://lists.wikimedia.org/mailman/listinfo/wikitech-l


brion at wikimedia

Jul 28, 2008, 11:24 AM

Post #5 of 7 (431 views)
Permalink
Re: Handheld stylesheet options [In reply to]

-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

Simetrical wrote:
> On Mon, Jul 28, 2008 at 2:38 AM, Brion Vibber <brion [at] wikimedia> wrote:
>> Currently live I'm specifying the Chick skin's style as a handheld
>> variant for MonoBook. This in theory will only be picked up by browsers
>> which ignore the 'screen' style already
>
> In practice this is *not* the case. As far as I'm aware, Opera's
> handheld variants will respect handheld stylesheets if present, and if
> not, they'll try to use screen stylesheets (with clever modifications
> to get them to work better).

That doesn't seem entirely accurate given my testing so far.


Note that Opera Mini, in its current version at least, has two distinct
modes:

One mode (the default) uses the 'screen' media stylesheets and renders a
large, zoomed-out page which can be zoomed into. (This is much like
Safari on the iPhone.)

This mode totally ignores the 'handheld' style. (But it does appear to
see CSS3 media queries for screen size, as the iPhone's Safari does. I'm
not using these at present.)


The other mode (check "mobile view" in the settings) strips a lot of
styles *and* seems to strip apart lots of floats and tables... *and* it
sees the "handheld" style. In my quick testing it didn't seem to pay any
attention to the "screen" style that I could see.

This is pretty much the same view as the "Small screen" option on Opera
on the desktop.


I haven't tried Opera Mobile as I don't have a compatible device, but my
impression is that the latest version behaves much as Opera Mini, but
with native rendering on the client instead of a hybrid client-server
system.

> We used to have a handheld stylesheet,
> but someone from Opera asked us to either improve it or get rid of it,
> because it wasn't well-tested and ended up looking worse on Opera for
> handhelds than the screen stylesheet. (I deleted it.)

That's why I'm trying to make it actually work. :)

I'm using the existing 'Chick' skin's CSS since it's been around for a
while, it actually works (though it's not ideal), and it can be easily
tested -- plus the ability to explicitly test with &handheld=yes or
&useskin=chick means humans can actually try the handheld style on their
desktop browsers.

This is unlike the old handheld CSS which nobody could see or test. A
quick look at it confused the hell out of me -- it seemed to be trying
to mix in both screen and handheld stuff and duplicated lots of things.
The new style is specific and minimal (and already in use!)

> The same
> probably applies to at least some other handheld browsers that try to
> use screen stylesheets where available.

It might -- can you find some? We'll never know unless we actively work
on it.

- -- brion
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.8 (Darwin)
Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org

iEYEARECAAYFAkiODvIACgkQwRnhpk1wk44U5wCgrOa4Yf0iN+fn6ulWptwAjwP+
zzUAnRPBdNkG2wSqvM7suMzYkSqVuDlq
=KsYm
-----END PGP SIGNATURE-----

_______________________________________________
Wikitech-l mailing list
Wikitech-l [at] lists
https://lists.wikimedia.org/mailman/listinfo/wikitech-l


Simetrical+wikilist at gmail

Jul 28, 2008, 11:33 AM

Post #6 of 7 (432 views)
Permalink
Re: Handheld stylesheet options [In reply to]

On Mon, Jul 28, 2008 at 2:24 PM, Brion Vibber <brion [at] wikimedia> wrote:
> It might -- can you find some? We'll never know unless we actively work
> on it.

My lifetime total use of Internet-enabled handheld devices consists of
my possibly once borrowing my sister's cell phone, which might have
had Internet access for all I know. So it's not on top of my list of
priorities, or proficiencies. :) It's quite possible my last post
was thoroughly wrong and should be disregarded.

_______________________________________________
Wikitech-l mailing list
Wikitech-l [at] lists
https://lists.wikimedia.org/mailman/listinfo/wikitech-l


gmaxwell at gmail

Jul 28, 2008, 11:38 AM

Post #7 of 7 (437 views)
Permalink
Re: Handheld stylesheet options [In reply to]

On Mon, Jul 28, 2008 at 2:33 PM, Simetrical
<Simetrical+wikilist [at] gmail> wrote:
> On Mon, Jul 28, 2008 at 2:24 PM, Brion Vibber <brion [at] wikimedia> wrote:
>> It might -- can you find some? We'll never know unless we actively work
>> on it.
>
> My lifetime total use of Internet-enabled handheld devices consists of
> my possibly once borrowing my sister's cell phone, which might have
> had Internet access for all I know. So it's not on top of my list of
> priorities, or proficiencies. :) It's quite possible my last post
> was thoroughly wrong and should be disregarded.

FWIW, it's not too hard to run the openmoko software stack(s) in QEMU.
I've never setup networking with it (... why bother, I have the real
thing ...), but I suppose I could figure it out and write a little
guide if someone else hasn't already. At least it would give you one
real mobile platform that you could test on your desktop, even though
it's not a popular one. (Though qtopia is widely deployed on cell
phones in asia, as I understand it).

_______________________________________________
Wikitech-l mailing list
Wikitech-l [at] lists
https://lists.wikimedia.org/mailman/listinfo/wikitech-l

Wikipedia wikitech RSS feed   Index | Next | Previous | View Threaded
 
 


Interested in having your list archived? Contact Gossamer Threads
 
  Web Applications & Managed Hosting Powered by Gossamer Threads Inc.