Responsive websites

Discussion in 'Web Design' started by FrontPage97, May 28, 2013.

to remove all ads.
  1. FrontPage97

    FrontPage97 New Member

    Messages:
    71
    How much weight of importance do you give to having a responsive that accommodates iPhones? I don't like to compromise a site that works nicely on a full sized monitor and an iPad.

    I guess if someone really wants to cater to iPhones you could have a landing page with links to 2 or 3 sites.
     
  2. ronaldroe

    ronaldroe Super Moderator Staff Member

    Messages:
    1,223
    I build all sites as responsive from the ground up. If you consider it from the beginning, it really isn't any more work. Mobile browser usage is high enough that it would be beneficial to build that way.
     
  3. FrontPage97

    FrontPage97 New Member

    Messages:
    71
    What percentage of users are on mobile browsers?

    I just read that 13.2% of all unique visitors to the 40,000 websites that California-based Net Applications monitors for clients.
     
  4. Phreaddee

    Phreaddee Super Moderator Staff Member

    Messages:
    1,978
    like ron, i like to build from mobile first.

    i dont know what the stats are but suffice to say it's enough traffic on mobiles to be worth your time...
     
  5. Phreaddee

    Phreaddee Super Moderator Staff Member

    Messages:
    1,978
    and a "responsive" site that doesnt accomodate a mobile isnt responsive, imo.
     
  6. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,639
    Depends on the target audience really
     
  7. Edge

    Edge Member

    Messages:
    461
    Whatever the target audience, mobile internet usage is increasing so something that might not seem worthwhile right now might seem a lot more worthwhile sooner than you think.
     
  8. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,639
    Of course but my reply was more about the actual percentages rather than user volumes in general.

    It's a bit like people using the browser stats from W3Schools to be the same over the entire Internet, or the minuscule number of Alexa users extrapolating to every user, the few may not be representative of the many.

    Websites that are of a "social nature" are going to have a higher percentage of visitors on mobile devices whereas an informational site would have a trend more towards desktop or laptop users. Trying to follow a tutorial on say, C++ or studying a treatise on chemical engineering would be somewhat difficult on a 5" screen.
     
  9. Edge

    Edge Member

    Messages:
    461
    No - it would be somewhat difficult on any size screen :)
     
  10. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,639
    Naah!

    C & C++ just look dificult. :)
     
  11. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,639
    Not so sure about chemical engineering though.
     
  12. Hazey Coder

    Hazey Coder New Member

    Messages:
    20
    Just install Bootstrap and learn its grid system. You're good to go.
     
  13. Phreaddee

    Phreaddee Super Moderator Staff Member

    Messages:
    1,978
    or not. much better to learn responsive off your own bat, rather than using a bloated framework.
     
  14. Edge

    Edge Member

    Messages:
    461
    and you can do worse than reading 'Responsive Web Design' by Ethan Marcotte for starters..
     
  15. Hazey Coder

    Hazey Coder New Member

    Messages:
    20
    Learning responsive on your own just means learning @media queries, floats, margins, and percentages -- it's not a huge thing. I say to use bootstrap because you can learn by great example. As long as someone can use firebug well they can discover responsiveness very easily by exploring how bootstrap does it, and then be able to create their own systems based upon that.

    Just remember 4 rules: float elements left, give them a percentage width, apply margins except for the first or last element in a row, and use @media queries for granular CSS.
     
  16. Edge

    Edge Member

    Messages:
    461
    I'd add a 'few' things to the list:
    • Set max-width: 100% on images
    • Use ems or rems for font size values
    • provide support for older browsers (IE 8 and below) , which you probably have to do anyway if you are using HTML 5
    • make background images flexible using background-size property
    • set initial-scale=1.0 and width=device-width using meta element
     
  17. RDB

    RDB New Member

    Messages:
    82
  18. Handpickedhp

    Handpickedhp New Member

    Messages:
    8
    I like skeleton, more simple than bootstrap so for me it's more simple to build something more custom on it.

    But I would say yes, non-responsive website in 2013 ....
     

Share This Page