Results 1 to 7 of 7

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.

  6. #6
    Junior Member
    Join Date
    Aug 2015
    Location
    hong kong
    Posts
    16

    Default

    Dear Sir,
    I like to ask your favour for help. I create subdomain and copy your javascript into my subdomain page but fail to disappear.
    I ask hostingspeed help desk and they said below

    " We found the reason why you cannot use mobile to see your website is because you had setup a redirection in your "index.html". "

    When you type "m.mytouragent.com", it will redirect to "http://www.mytouragent.com/m.mytouragent.com".
    Since this location is a web folder, it has not access right to public and will display 403 error.
    You need to make sure "m.mytouragent.com" will only show the page of "m.mytouragent.com".

    Please refer to the script in your index.html:
    window.location = "http://www.domain_name/m.domain name"

    If you not sure how to do it, please contact a web designer to fix the issue for you.

    whatelse shall I put into index.html page ?
    thanks
    Brian

  7. #7

    Default

    I am convinced that design plays a decisive role in the creation of a website. Guys, I'd love to read your advice on this. I am a beginner web designer and I understand this. By the way, I started to visit this source https://masterbundles.com/free/templ...er-printables/ daily. Here I find a lot of creative ideas for creating absolutely any design. My clients are always delighted with my work. In my last project, I used free easter printables. It's so beautiful and aesthetic. And I also saw this on the same cool source.
    Last edited by Jerry Hubbs; 1 Day Ago at 08:30 AM.

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
  •