plainblack.com
Username Password
search
Bookmark and Share

    

any experience modifying styles included WebGUI to be HTML 5 and responsive?

User vanjwilson
Date 10/4/2012 7:02 am
Views 7155
Rating 4    Rate [
|
]
Previous · Next
User Message
vanjwilson

Hello,

We have a client who needs to make her existing site mobile-compatible. (It's a non-profit that serves low income families, and there may be some compliance or board-of-directors dictated reasons, too.)

They are using a modified version of the WebGUI 7 Style 3 right now.

They do not have the resources to build a completely separate mobile style, and at the pace mobile devices change, we think that wouldn't be a good solution for them anyway.

They need to make there site HTML 5 compliant, and they want the design to be responsive for various mobile screen sizes.

Does anyone have any experience adapting the existing WebGUI default styles to HTML 5 and / or responsive layouts?

--- (Edited on 10/4/2012 7:02 am [GMT-0500] by vanjwilson) ---



Back to Top
Rate [
|
]
 
 
vanjwilson

Just saw this thread in the forum here:

http://www.webgui.org/forums/design/responsive-design#idndRSZHiHkszau-UgW89RVA

which lists some good resources for responsive design in general.

Can anybody share their experience in actually implementing something like this?

--- (Edited on 10/4/2012 7:07 am [GMT-0500] by vanjwilson) ---



Back to Top
Rate [
|
]
 
 
rogier

Hi Van,

I don't have experience making exisiting WebGUI themes responsive, but I have made one existing site responsive and I recently implemented a responsive site in WG (tijdschriftei.com).

My advice is: don't use the default style as a starting point. Retrofitting responsive behaviour to an exiting site/theme/style is always a pain. Moreover, the exisiting WG styles are outdated and will need a lot of modification, so starting from scratch wouldn't take much longer.

I've been planning for a while to make a simple responsive theme for WebGUI as a starting point for development. Maybe that would be a better way to go for your client. If this is a charity project for you, I'm willing to share it when it's done.

You have my email, so contact me if you're interested.

Rogier

http://en.rogiervoogt.com/

--- (Edited on 20-10-2012 14:04 [GMT+0200] by rogier) ---



Back to Top
Rate [
|
]
 
 
vanjwilson

My advice is: don't use the default style as a starting point. Retrofitting responsive behaviour to an exiting site/theme/style is always a pain. Moreover, the exisiting WG styles are outdated and will need a lot of modification, so starting from scratch wouldn't take much longer...

Rogier

Rogier,

Unfortunately, we didn't have the luxury of starting from scratch, as the client is a non-profit with very little extra in the budget.

We did make the layout responsive, mainly by modifying the CSS. I did have to change the templates for the nav menu and three content blocks to use <div>'s or <ul>'s instead of tables. (I tried some of the tricks on StackOverflow to get the table rows to wrap, but doing so would have required tweaking the templates anyway--so I opted for dumping the tables.)

I was lucky in that there were only a few small background images, so I didn't have to deal with responsive images.

You thing that helped me determine where responsive media queries needed to target was this: resize the browser window on a desktop until elements, like tables, break. Then, target those sizes. I hope this future-proof the site for new sizes of Androids iPhones, and tablets.

You can see the site here:  http://www.masslegalhelp.org

-Van

--- (Edited on 2/1/2013 9:06 am [GMT-0600] by vanjwilson) ---



Back to Top
Rate [
|
]
 
 
martien

You can see the site here:  http://www.masslegalhelp.org

I did the same with at http://webdoc.innovate.de/xing-api

--- (Edited on 2013-02-28 22:50 [GMT+0100] by martien) ---



Back to Top
Rate [
|
]
 
 
neild

Hello,

I need help completing a responsive theme using Foundation which I started a while ago.
The main navigation is multi-level drop-down; the same as that used in CrystalX and Sitestrong themes and it's what I need help with.

Thanks in advance for your help.

--- (Edited on 5/21/2013 8:34 am [GMT-0500] by neild) ---



Back to Top
Rate [
|
]
 
 
    



© 2019 Plain Black Corporation | All Rights Reserved