plainblack.com
Username Password
search
Bookmark and Share

    

Responsive Design

User julied
Date 1/6/2012 12:51 pm
Views 316
Rating -2    Rate [
|
]
Previous · Next
User Message
julied

Has anybody done a responsive design site with WebGUI? Any ideas/tips/pointers? I'm not sure how to deal with images in particular. I don't see a way to put a class on images. The one (very simple) page I've done with responsive design I ended up using snippets for the images, but that won't work for an entire site with non-technical people needing to update the content. 

--- (Edited on 1/6/2012 12:51 pm [GMT-0600] by julied) ---



Back to Top
Rate [
|
]
 
 
TheSeparator

Very good question.

Responsive design requires a close collaboration between a CMS, codedevelopers and sitedesigners. Together they should be able to provide a suitable solution for the customer and an appealing experience for the customers' customers.

Let's see how far the Template::Toolkit and CSS can be stretched...

 

 

 

 

--- (Edited on 6-January-2012 22:46 [GMT+0100] by TheSeparator) ---

--- (Edited on 6-January-2012 23:01 [GMT+0100] by TheSeparator) ---



Back to Top
Rate [
|
]
 
 
rogier

>> Has anybody done a responsive design site with WebGUI? Any ideas/tips/pointers?

Mainly the responsiveness comes from the CSS. Valid, concise and semantic HTML makes life easier. WebGUI shouldn't be a problem. Quite the opposite, it allows more flexibility in design than most other CMS's.

>> I'm not sure how to deal with images in particular. I don't see a way to put a class on images. The one (very simple) page I've done with responsive design I ended up using snippets for the images, but that won't work for an entire site with non-technical people needing to update the content. 

An image, if placed as an image asset (via the new content menu) has a template. In newer WebGUI versions (7.9.something plus), there is a class already in the template (.image, I think). You can copy the template, edit it and add your own class. Note: never edit the original template!

Also, these may help:

And in general:

Good luck,

Rogier

--- (Edited on 11-01-2012 18:19 [GMT+0100] by rogier) ---



Back to Top
Rate [
|
]
 
 
rogier

FYI: WebGUI also has an option in Admin Console > Settings to serve a different style template to mobile devices. Though I consider responsive CSS a better option, in some cases it can be useful.

R.

--- (Edited on 11-01-2012 18:42 [GMT+0100] by rogier) ---



Back to Top
Rate [
|
]
 
 
    



© 2012 Plain Black Corporation | All Rights Reserved