SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Enthusiast
    Join Date
    Aug 2012
    Location
    London
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Catering for mobile devices

    Hello,

    Rather than having to rebuild my website completely in Jquery, I had the idea of just modifying the existing website just for mobile devices; so far so good. However, I have no idea how to achieve this. I understand that all modern mobile devices can handle Jquery, so it's a possible working solution.

    Being very green when it comes to Jquery, I need help

    Morrile

  2. #2
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,881
    Mentioned
    122 Post(s)
    Tagged
    1 Thread(s)
    While many modern phones can handle jQuery, I really wouldn't recommend using it for mobile sites. It's bad enough on a PC, but on most mobiles anything that requires a lot of client-side processing is going to be slow and is going to eat huge chunks of battery. Basically, any Javascript is bad, but jQuery is worse because it is so bloated and inefficient.

    And that assumes that everyone is using a supporting device. There are a lot of people out there with phones that are older and less capable but who still use the internet. Relying on Javascript is not, and never has been, an acceptable solution.

    The question is ... what do you want to get out of this? Is there a problem with using your existing site on mobiles? If so, what is the problem? Before setting off on a project like this, you need to know what your end goal is, otherwise you're likely to get side-tracked down routes that really aren't relevant.

  3. #3
    SitePoint Enthusiast
    Join Date
    Aug 2012
    Location
    London
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello Stevie,

    I have a large left-hand menu which doesn't look great on mobile devices, ergo the desire; but not the knowledge, to change it. Lobsangrampa.org is my website, it's a work of love and never created to be for profit, but it does need bringing up to date in various ways.

    What do you suggest?

    Morrile

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,097
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by Morrile View Post
    I have a large left-hand menu which doesn't look great on mobile devices
    It actually look fine in my phone's browser. What are you seeing that you don't like? There are various ways to change a site's layout on mobile, from a simple meta element to make the full width of the page appear by default, to CSS media queries which allow for a different layout on different screen sizes.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  5. #5
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,881
    Mentioned
    122 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by Morrile View Post
    I have a large left-hand menu which doesn't look great on mobile devices, ergo the desire; but not the knowledge, to change it. Lobsangrampa.org is my website, it's a work of love and never created to be for profit, but it does need bringing up to date in various ways.
    On my phone, it looks fine (running Windows 7.5). The site is fairly text-heavy and has long pages, so the long menu doesn't look out of place. How would you prefer the menu to be structured for mobiles?

  6. #6
    SitePoint Enthusiast
    Join Date
    Aug 2012
    Location
    London
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Guys,

    I used Dreamweaver to create the site before Fluid Grid Layout came out, so I have a media.css file to control things. I was wondering if a collapsible accordion would be more suitable for mobiles?

    Long term I would like to have accessibility for colour-blind impaired people; I know it's just various .css files but what does the actual switching in real time without having to learn PHP? I understand how to offer the font changing option, but not the former.

    I also host free books and another idea was to have a means which any visitor could listen to them online; perhaps asking too much LOL

    Morrile

  7. #7
    SitePoint Evangelist
    Join Date
    Jun 2011
    Location
    London UK
    Posts
    495
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    As always, it all depends. I've started off with my site following the principle of "less is more" and fluid/elastic design, whilst using as little of java/jquery etc as possible. It requires very little effort to work it so that it all displays well over various platforms and sizes this way.

  8. #8
    SitePoint Wizard
    Join Date
    Feb 2007
    Location
    Southern California
    Posts
    1,338
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    The Zurb Foundation is doing some really neat work on mobile. Take a look at what they're doing with mobile navigation:
    http://foundation.zurb.com/docs/navigation.php
    Steve Husting


Bookmarks

Posting Permissions

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