Results 1 to 5 of 5

Thread: Designing for mobile and standard browsers

  1. #1
    Junior Member
    Join Date
    Oct 2017
    Posts
    3

    Default Designing for mobile and standard browsers

    Hi, I'm new to NOF and designing my first site. I'd like my site to work with different screen sizes, that is, with standard screens on laptops and desktops, and also on mobiles and tablets. Obviously I'd like this to be automatic. Who wouldn't? I've seen some design software that claimed to do it. But does NOF 2015? I've looked through the help guide and there are no references I can see. Any pointers, please?

  2. #2
    Senior Member gprit's Avatar
    Join Date
    Dec 2010
    Location
    France...ex UK
    Posts
    595

    Default

    Afraid that NOF is NOT reponsive. If you read through the threads you will see it is one of the main topics of conversation.

    You can design NOF Desktop and also design separate NOF mobile versions (suggested width 1000px).
    This has the advantage of being able to design the mobile site differently, different menus etc.
    It has the disadvantage that any changes need to be done on both versions.

    I small piece of code inserted into the (main) platform will direct the site to the appropriate device, so it is invisible to the user..

  3. #3
    Junior Member
    Join Date
    Oct 2017
    Posts
    3

    Default

    Quote Originally Posted by gprit View Post
    I small piece of code inserted into the (main) platform will direct the site to the appropriate device, so it is invisible to the user..
    Thanks for the very clear and concise reply.

    Could you tell me where I can find this piece of code, and how to use it?

    Many thanks

  4. #4
    Senior Member gprit's Avatar
    Join Date
    Dec 2010
    Location
    France...ex UK
    Posts
    595

    Default

    One can do all sorts of fancy tests if you wish, see https://stackoverflow.com/questions/...and-redirect-t

    ....but a simple bit of codimg as follows does the trick (and passes Google's ranking test to tell if a website is mobile friendly....).

    First two lines are standard NOF code, so insert the <script> after that on the landing page header)
    <HEAD>
    <TITLE> Title of Page will be generated by NetObjects Fusion 2015. </TITLE>


    <script type="text/javascript">
    <!--
    if (screen.width < 768) {
    window.location = "http://www.domain_name/m.domain name";
    }
    //-->
    </script>


    I point it to the same website but a different set of pages I prefixed m.xxxxx
    If it's a large site you may wish to get a specific mobile site name and direct to that.

  5. #5
    Senior Member Since_v4's Avatar
    Join Date
    Mar 2014
    Location
    Caribbean
    Posts
    674

    Default

    In my case, I shall build a very small responsive website and advise visitors to go the full website with all the info to be read only on a PC or laptop.

    (The full website is NOT responsive yet).

    Added:
    From among all the people who have cell/smartphones, there is a segment who has PCs or laptops at home. That's my target audience.
    What I do, does not work for people who have only a cell/smartphone but no computer. Period. Amen.
    Last edited by Since_v4; 10-31-2017 at 02:16 PM.
    John - I am born to tease, not to please.
    For NOF beginners: read everything here and practice on mock web sites first.
    Before asking a question, search to see if it has not been asked and answered already.

Tags for this 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
  •