Results 1 to 4 of 4

Thread: "Responsive" design

  1. 12-15-2012 #1
    RayC
    RayC is offline
    Senior Member RayC's Avatar
    Join Date
    Apr 2010
    Location
    Toronto-ish, Canada
    Posts
    1,732

    Default "Responsive" design

    "Responsive Design" seems to be the latest catch phrase in web and script design these days. I admit it took me a while to figure out what this was supposed to mean -- "Of course the web site is 'responsive'. Click a link and it 'responds'!"

    So I eventually figured out that it meant automatically adjusting size and/or resolution to fit whatever device was looking at the site: computer, tablet, smartphone, television, Google Glasses, refrigerator, GPS, wristwatch, whatever.

    This is more than a liquid layout. So, I'm wondering if there are any techniques for creating a "Responsive Design" using NOF. Anyone have any techniques they want to share?
    Ray Cambpell
    Sounds In Sync
    Linked in
    Reply With Quote Reply With Quote
  2. 12-15-2012 #2
    Trimdoner
    Trimdoner is offline
    Senior Member Trimdoner's Avatar
    Join Date
    Apr 2010
    Location
    Durham, UK
    Posts
    214

    Default

    Quote Originally Posted by RayC View Post
    "Responsive Design" - This is more than a liquid layout. So, I'm wondering if there are any techniques for creating a "Responsive Design" using NOF. Anyone have any techniques they want to share?
    Not that I know of in NOF - it's easy enough to make a fluid layout (but no master borders..) that adapts to different screen sizes, but that's really only suited to text-only sites, as images etc make page layout difficult.
    Maybe better exploring something like Wordpress and its responsive themes - here's one here:
    http://wordpress.org/extend/themes/responsive
    but if you do a search you can come up with plenty.

    Ken
    Ken
    http://trimdon.com
    Reply With Quote Reply With Quote
  3. 12-15-2012 #3
    Twayne
    Guest

    Default Re: "Responsive" design

    In news:RayC.5nm98j@no-mx.forums.netobjects.com,
    RayC <RayC.5nm98j@no-mx.forums.netobjects.com> typed:
    > "Responsive Design"
    ....

    > (https://plus.google.com/+projectglass/posts),
    > 'refrigerator' (http://www.gizmag.com/go/1132/), GPS,
    > 'wristwatch' (http://tinyurl.com/7twefxp), whatever.
    >

    ....

    >
    >
    > Ray Cambpell

    Interesting thought: The same thing occurred to me since I'm playing with a
    simple "Test" site right now. I had assumed it was a case of just using %s
    instead of finite pixels in the display sizes, NO? Course, I have to finish
    re-learning PHP/CSS first.

    Off to vcheck out your links now.
    Thanks!

    HTH,

    Twayne`


    Reply With Quote Reply With Quote
  4. 12-16-2012 #4
    keneke1997
    keneke1997 is offline
    Junior Member
    Join Date
    Dec 2012
    Posts
    3

    Default

    I am still tweaking:

    Between Head Tags
    <meta name="HandheldFriendly" content="True"/>
    <meta name="MobileOptimized" content="320"/>
    <meta name="format-detection" content="telephone=yes"/>

    Works great if the phone is sideways. Not so good if the phone is upright.

    To make it work upright you need to insert

    <body data-role="body" >
    <div style="display:block;width:100%;max-width:640px !important;margin:0px auto;">
    <div data-role="page" id="index">


    Problem is that I have not figured out where to put the code in NOF. Tried the Master Border but it distortes the layout.

    Here is an example of where it works good (FiddleFly)
    http://biloxitaxi.myw2m.com/

    and where it works bad (NOF)
    http://airporttaxicab.mobi/

    Note: I am not promoting FiddleFly or NetObjects Mosaic.

    As users of NOF we need to remain independant of services that require web hosting.

    .mobi is our future. Google and others are searching for .mobi sites to list.
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules