[pmwiki-users] It's time to change pmwiki default skin!

[rogutes at googlemail.com]

Hans (2011-09-19 09:22):
> Monday, September 19, 2011, 12:57:26 AM, Rogutės Sparnuotos wrote:
> 
> > 1. Homepage for Symfony 1: http://www.symfony-project.org/
> >    (a bit like PmWiki?).
> 
> > 2. Homepage for symfony 2: http://symfony.com/
> >    (did I just visit wordpress.org?).
> 
> > 1. is not perfect, but 2. is everywhere nowadays...
> 
> Both don't work on mobile devices.
> 
> #2 is just another fixed width layout, which does not adapt to
> browser/screen widths.

Just checked it out, symfony.com looks horrible on mobile indeed. 

> I like the cleaner look using more spaces between lines.
> 
> I can't stand the trend of using grey text, and #2 shows grey text on
> grey background (boxes), which is even worse.

Can't stand it either.

> Anyone here who would like the PmWiki skin to support mobile devices
> as well as desktop screens?

I'm not browsing with mobile devices, but I am not against supporting
them. Are you thinking about a special skin for very small screens, or one
skin that is good enough for both use cases?

I think that the best approach would be to aim for simplicity in the new
default skin (minimal distractions on the homepage) and use media queries,
avoid fixed widths.

I find that mobile browsers are good enough to deal with web pages that
haven't got special skins for them. Even pmwiki.org and the skin I have
posted look almost good on my 172x220 resolution phone with Opera Mobile
(they are only a little too wide and this can be fixed).

By the way, does http://www.pmwiki.org/wiki/PmWiki/BasicEditing look ok on
small widths (but bigger than my 172x220)?

And would it really be a good idea to move the sidebar down for mobile
devices (as someone suggested)? It would mean a lot of vertical scrolling
to reach it on longer pages. And if the sidebar is on the side, one can
zoom out and back in to reach it (or scroll horizontally, if the sidebar
has position:fixed).

-- 
--  Rogutės Sparnuotos