[pmwiki-users] mobile

[michael paulukonis]

Hans - I can't answer the particulars on how this is done, but many
websites have themes that auto-adjust based on device (desktop, tablet,
hand-held, etc.). This is generally referred to as "responsive design."
http://en.wikipedia.org/wiki/Responsive_web_design

In particular, the popular Bootstrap package will merge menus, and adjust
columns so they appear atop one another -- this will also happen in narrow
browser windows! http://getbootstrap.com/

I have adapted Bootstrap 2 (they're on 3, now) for PmWiki, and you can see
it "live" at http://michaelpaulukonis.com/Blog/Blog

If you view it on mobile, or in a narrow window, you can see how it
auto-adjusts. *I didn't add anything to the theme to do that* - that came
straight out of the box with the Bootstrap components.

I make no claims that this is a stellar theme or implementation - it's
pretty much my first one.  I stared at the internals of the Triad theme an
awful lot while I was working on it (I've been using a mildly-tweak Triad
theme on my main website for years). The parts of the code that work well
are your fault! The parts that don't work are all mine.

-Michael Paulukonis
http://www.xradiograph.com
<http://goog_2112721603>Interference Patterns (a blog)
<http://www.xradiograph.com/interference>
@XraysMonaLisa <https://twitter.com/XraysMonaLisa>
http://michaelpaulukonis.com
<http://www.BestAndroidResources.com>

Sent from somewhere in the Cloud
(hearthrug, by the fender)

On Tue, Mar 24, 2015 at 2:55 PM, Hans Bracker <design at softflow.co.uk> wrote:

> Hello Peter,
>
> Friday, March 20, 2015, 9:42:49 AM, you wrote:
>
> > I've tried the default skin and triad and neither solves the issues.
>
> Triad skin was never developed with mobile devices in mind.
> It was designed to provide a basic three columns layout:
> Left sidebar, centre content, right sidebar.
> How would one translate that into a useful layout for mobile devices?
> I welcome any ideas on this.
>
> Apart from how to adapt columns for a mobile device, there is the
> problem of image sizing. A desktop or laptop device can show larger
> images than a hand-held device, so images need to be resized (via css)
> for mobile devices, adapted to the screen size. How would a wiki
> editor cope with proportional image sizes?
>
> To adapt font sizes in text and headings should be simpler.
>
> The display of menus and images are some of the most important differences
> between desktop and mobile devices I think. There are probably others
> as well I can't think of right now.
>
> Is a skin (default or other) actually possible to serve both desktop and
> mobile devices equally well?
>
> Best regards,
>  Hans
>
>
> _______________________________________________
> pmwiki-users mailing list
> pmwiki-users at pmichaud.com
> http://www.pmichaud.com/mailman/listinfo/pmwiki-users
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://www.pmichaud.com/pipermail/pmwiki-users/attachments/20150324/c1cb49b0/attachment.html>