OK, as promised, if anyone wants to play then I've attached 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.
Regards
Dave Cooke
------------------------------------
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.
Regards
Dave Cooke
http://pmw.classic-sf.com
------------------------------------
From: pmwiki-users [mailto:pmwiki-users-boun...@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
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
Interference Patterns (a blog)
@XraysMonaLisa
http://michaelpaulukonis.com
Sent from somewhere in the Cloud
(hearthrug, by the fender)
On Tue, Mar 24, 2015 at 2:55 PM, Hans Bracker <des...@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@pmichaud.com
http://www.pmichaud.com/mailman/listinfo/pmwiki-users
-----
Attachments (links will expire on 09/30/2015):
1. csf.zip (64 KB) [application/zip]
Download link:
http://webmail.ellendee.co.uk/imp/attachment.php?id=55130b4c-7f84-4a87-9a71-64c9d5afdba2&u=david%40ellendee.co.uk
_______________________________________________
pmwiki-users mailing list
pmwiki-users@pmichaud.com
http://www.pmichaud.com/mailman/listinfo/pmwiki-users
