[pmwiki-users] mobile

david at ellendee.co.uk david at ellendee.co.uk
Wed Mar 25 14:27:47 CDT 2015


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-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  
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 <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
-----
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




More information about the pmwiki-users mailing list