SitePoint Sponsor

User Tag List

Results 1 to 12 of 12
  1. #1
    SitePoint Member
    Join Date
    Jan 2012
    Location
    NJ
    Posts
    15
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    I need to make my web portfolio phone friendly

    Hi guys,
    I just bought jquery novice to ninja and build mobile websites for smart devices, but I have a lot to learn before I can fully utilize those books. I'm hoping to start with some good advice from this forum. TY in advance : )

    I've been searching the web and just started reading these forums but so far I havent found my solution.

    I have a very simple portfolio design here: http://boblewisphoto.com/food.html
    unfortunately it doesnt swipe the images when viewed with iphone or android

    For comparison, this guys images do swipe http://stepheneastwood.com/
    but I see that he uses frames and I think there must be a better solution

    If someone would explain why my images do not swipe I would appreciate it and better yet would be if you all would give me your best advice for making my portfolio phone friendly.

    My site is intentionally very simple because my intended visitors are in a big hurry. They do not want to wait for transitions, figure out unique navigation or have trouble finding something that they saw on a previous visit. I know that there are much cooler galleries available but for now (at least), I just want to make my images swipe. On the other hand I am open to suggestions and I appreciate others opinions.

    I think it's best not to go with a native app approach and if possible I would like to have one site that supports both phones and computer browsers.

    Thank you very much!!
    Bob

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,598
    Mentioned
    411 Post(s)
    Tagged
    7 Thread(s)
    Hi bobThePhotog. Welcome to SitePoint.

    The gallery does swipe on iPhone, but some devices/browsers don't support that (such as Opera, which is one of the most used browsers).

    You might like to consider PhotoSwipe, a nice gallery for mobile and desktop, and it looks easy to install.

    (There's a handy video about it here and an article here.)

  3. #3
    SitePoint Member
    Join Date
    Jan 2012
    Location
    NJ
    Posts
    15
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Hello Ralph,
    Thanks for checking my gallery. It seems odd that that is swipes for you. My wife said it didnt work on her phone and I'm pretty sure that she uses safari but maybe it's a different version or maybe she didnt really check it.

    That brings up a new issue. What is the best way to test for various browsers and versions. Is there a way to test without having several different devices with several different browsers?

    I'll look into PhotoSwipe. Thanks for the tip and links!

    Bob

  4. #4
    . shoooo... silver trophy logic_earth's Avatar
    Join Date
    Oct 2005
    Location
    CA
    Posts
    9,013
    Mentioned
    8 Post(s)
    Tagged
    0 Thread(s)
    Its working on my Windows Phone...not very smooth tho.
    PhotoSwipe doesn't appear to work on Window Phone however.

    Btw...use QR codes when posting URLs. Helps greatly with mobile devices.
    http://qrcode.kaywa.com/
    Logic without the fatal effects.
    All code snippets are licensed under WTFPL.


  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,598
    Mentioned
    411 Post(s)
    Tagged
    7 Thread(s)
    Quote Originally Posted by bobThePhotog View Post
    That brings up a new issue. What is the best way to test for various browsers and versions. Is there a way to test without having several different devices with several different browsers?
    It's a tricky issue. Ideally, get access to as many browsers as possible. There are some simulators and other helpful testing tools, but there are so many mobile devices now that it's impossible to test them unless you have a laboratory.

  6. #6
    SitePoint Member
    Join Date
    Jan 2012
    Location
    NJ
    Posts
    15
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by logic_earth View Post
    Its working on my Windows Phone...not very smooth tho.
    PhotoSwipe doesn't appear to work on Window Phone however.

    Btw...use QR codes when posting URLs. Helps greatly with mobile devices.
    http://qrcode.kaywa.com/
    Thanks for looking at it for me. I started to read up on PhotoSwipe and they say there is a way to make it work for windows phones, using Jquery. I'll have to check on that further before I go ahead. Thanks also for the tip about QR codes. I dont know what that is but I will read up on it.

  7. #7
    SitePoint Member
    Join Date
    Jan 2012
    Location
    NJ
    Posts
    15
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    It's a tricky issue. Ideally, get access to as many browsers as possible. There are some simulators and other helpful testing tools, but there are so many mobile devices now that it's impossible to test them unless you have a laboratory.
    Thanks for the input. I guess for now I'll just focus on the most popular devices. Hopefully if I use basically mainstream "normal" web design the devices will be able to understand. You would think that the major manufactures will follow the standards and the standards shouldn't require any heroic by web designers.

    Thanks again,
    Bob

  8. #8
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,598
    Mentioned
    411 Post(s)
    Tagged
    7 Thread(s)
    Some devices have very basic browsers. (I wonder why they bother, really.) But there is a movement to cater for all devices by having simple styles for weaker devices, and fancier styles for devices that can handle them. This is a good read:

    http://www.slideshare.net/bryanriege...e-web-by-yiibu

  9. #9
    SitePoint Member
    Join Date
    Feb 2012
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What is the best way to test for various browsers and versions. Is there a way to test without having several different devices with several different browsers?

  10. #10
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,598
    Mentioned
    411 Post(s)
    Tagged
    7 Thread(s)
    Quote Originally Posted by Nom484 View Post
    What is the best way to test for various browsers and versions. Is there a way to test without having several different devices with several different browsers?
    The only reliable test is on the device itself, though there are some desktop / online apps that will give you some idea, like the iPad/iPhone simulator (as part of Apple's dev tools), Mobilizer app, and Opera's Mobile Emulator.

  11. #11
    SitePoint Wizard
    Join Date
    Feb 2007
    Location
    Southern California
    Posts
    1,316
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Here's a link on supporting multiple screen sizes:
    http://simonmacdonald.blogspot.com/2...-multiple.html

  12. #12
    SitePoint Member
    Join Date
    Jan 2012
    Location
    NJ
    Posts
    15
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Thanks everyone for the thoughts and links. I appreciate the help!

    Bob


Tags for this Thread

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
  •