Hi Nick
Great stuff!
It does seem a lot more mobile friendly! However you'll need a
viewport [1] as it currently looks the same as desktop on an iPhone
[2].
I responded on the patchset as well!
Jon
[1]
On Wed, Jun 12, 2013 at 11:46 AM, Nick White <nick.white(a)durham.ac.uk> wrote:
It has been a while since I posted this, but I finally
got around to
making the skin mobile friendly. At least it should be ;)
The gerrit change is at:
https://gerrit.wikimedia.org/r/#/c/68212/
And there's a demo install at:
https://www.dur.ac.uk/nick.white/erudite-demo/
Does someone want to take a quick look and see that it basically
works and is sensible? It's the first time I've done anything
mobile-ish, and I don't have such a device myself, so any feedback
at all would be most welcome :)
Thanks in advance,
Nick
On Mon, Oct 22, 2012 at 06:33:06PM -0700, Jon Robson wrote:
> 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