responsive design in HTML5 outputs

This forum is for Single-Sourcing your Flare content to multiple outputs.
Post Reply
pdenchfield
Propellus Maximus
Posts: 574
Joined: Tue Oct 03, 2006 7:56 am
Location: Seattle, WA
Contact:

responsive design in HTML5 outputs

Post by pdenchfield »

Looking for best practices in setting up responsive designs for HTML5 outputs. We have 20+ outputs hosted on our documentation site that are almost all tripane right now. We want to move them to top-nav.

For example, the HTML5 skins have the web, tablet, and mobile mediums set up correctly, but the footer is super tall, which messes up mobile look-and-feel. Looking for gotchas like that :)

Thanks!
NorthEast
Master Propellus Maximus
Posts: 6359
Joined: Mon Mar 05, 2007 8:33 am

Re: responsive design in HTML5 outputs

Post by NorthEast »

There are various ways to handle responsive layout in Flare, any advice really depends on how you're approaching it and what you want to achieve.

To start with, I'd read this topic in the help:
http://help.madcapsoftware.com/flare201 ... ontent.htm

This gives you a few options for handling layout of your topic content:

(A) Flare's Responsive Layout control (Home > Responsive Layout)

(B) Foundation grid (v5.5), which is already included in HTML5 outputs.
You can use any of the Foundation styles for:
Grid layout: http://foundation.zurb.com/sites/docs/v ... /grid.html
Visibility: http://foundation.zurb.com/sites/docs/v ... ility.html


In addition to the grid layout systems above, you can also set styles for each medium in your stylesheet (e.g. phone, tablet).
pdenchfield
Propellus Maximus
Posts: 574
Joined: Tue Oct 03, 2006 7:56 am
Location: Seattle, WA
Contact:

Re: responsive design in HTML5 outputs

Post by pdenchfield »

Thank you, Dave! I'll check back when I can better frame my questions :)
Post Reply