david at ellendee.co.uk
david at ellendee.co.uk
Wed Mar 25 15:41:27 CDT 2015
OK, as promised, if anyone wants to play then I've included a link to
a zipped up responsive skin 'csf' [I'm creating it for my classic SF
website]- install in the usual way. There a number of issues with it
such as the means of addressing the scroll up image from JS and it
needs tidying but for interest I'm throwing it out to the lions.
If anyone is interested the attached link is to a site using a
responsive skin I'm developing for PM Wiki - initially for myself, but
if anyone else is interested, help yourself and have a play. Give me
24hours and I'll zip up the skin so far and make it available.
From: pmwiki-users [mailto:pmwiki-users-bounces at pmichaud.com] On
Behalf Of michael paulukonis
Sent: 24 March 2015 20:46
To: Hans Bracker
Cc: PmWiki Users
Subject: Re: [pmwiki-users] mobile
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
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
Interference Patterns (a blog)
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:
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?
pmwiki-users mailing list
pmwiki-users at pmichaud.com
Attachments (links will expire on 09/30/2015):
1. csf.zip (64 KB) [application/zip]
More information about the pmwiki-users