Hi Nick!
Sorry for the lack of a quicker reply.
I'd say the most important part of mobile design is thinking about
mobile from the start. It encourages you to identify what the key
pieces of functionality that your website simply must surface are and
helps you build beautiful interfaces.
Without a mobile device it is relatively easy now to simulate on a
desktop what your skin will look like. If you use Google Chrome click
view > developer tools and click the cog in the bottom right. In the
overrides tab you can change the device metrics to match smaller
screens. Another simple thing to play around with is simply resizing
your browser window to see what it looks like.
Without a doubt going forward you will find media queries useful:
http://css-tricks.com/css-media-queries/
It's also worth reading up on:
https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag
This should be a good starting point for getting your mobile site
mobile friendly - but it's a huge topic in itself, so it depends how
much you care about your users mobile experience :)
Jon
PS. Do you run OSX, WIndows or Linux? There are various simulators you
can download so that you can test on iphone, android devices as well
as various mobile browsers such as Opera Mobile and Opera Mini that
you can test out!
On Fri, Sep 28, 2012 at 8:43 AM, Nick White <nick.white(a)durham.ac.uk> wrote:
Hi list,
I recently helped shepherd a new skin into Mediawiki;
https://www.mediawiki.org/wiki/Skin:Erudite
I would like to think it is perfect in every way, but one area it
hasn't had any love is making sure it works well on mobile devices.
To the best of my knowledge it shouldn't do anything particularly
heinous, but I don't have any such devices to test it on. If anybody
has a few minutes and could have a play, and see if anything could
be improved, please do and let me know on list.
A live example of it is at
https://www.dur.ac.uk/nick.white/erudite-demo/mediawiki-current/
which should have full editing etc rights enabled. It's a dummy
wiki, so add whatever you like.
Thanks in advance!
Nick White
_______________________________________________
Mobile-l mailing list
Mobile-l(a)lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mobile-l
--
Jon Robson
http://jonrobson.me.uk
@rakugojon