SitePoint Sponsor

User Tag List

Page 2 of 2 FirstFirst 12
Results 26 to 30 of 30
  1. #26
    Non-Member
    Join Date
    Feb 2012
    Posts
    892
    Mentioned
    10 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Huh_Web View Post
    Q2: I've read that if the site is browsed via a mobile phone, the phone will download a big picture and scale it down itself. This sounds like a huge waste of bandwidth/processor power. Is it possible to have an image in two or more sises so that the device can download the most appropriate one?
    Not all websites would fall in this category, patrons of big size pictures. But there are valid cases where you use them.

    In those valid cases, if you really worry more about the client, than, no matter mobile or desktop, consider this scenario: you always use smaller size pictures (not necessarily the smallest possible, but small enough in size to qualify as slim and still be good looking), that you scale up if necessary. And this would be your low bandwidth version of the site.

    When the user explicitly asks for the high bandwidth version, selecting the visible "High Bandwidth Version" link on your site, you use the bigger size pictures, which, hopefully, are not also bigger in size but are better looking too, in comparison.


    Quote Originally Posted by Huh_Web View Post
    I'm finding RWD very intriguing, but I worry a bit about how expensive it might get, especially with bigger sites, and also bandwidth on smaller devices.
    It's not correct to call RWD expensive. Your content is the one that may be expensive, and that's the thing you'd want to work on: slimming down the content.

    RWD can't help you with heavy content issues, it's not its job, it's not its purpose, it's not a content related technology, so stop asking that from it.

    RWD can only help when it comes to layout. The D in RWD.

  2. #27
    SitePoint Member
    Join Date
    Aug 2012
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    In order for your site to fit into any monitor screen, try to use table to organize your designing. This will allow you to centralized the first table and adjust the size as you like. All other tables will be inside the first table

    Another option is to use 720px for the width of the table.

  3. #28
    ♪♪ ♪ ♪ ♪ ♪♪ ♪ ♪♪ Markdidj's Avatar
    Join Date
    Sep 2002
    Location
    Bournemouth, South UK
    Posts
    1,551
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    You could let the user decide how they want to view your website, but it'll need either javascript or cookies (or a click every page change). You could then have a default view depending on the device.
    I have recently changed how I style my site. I now add a class to the body and rely on cascading to set the rest. eg (CSS)
    Code:
    body.app{}
    body.mobile{}
    body.regular{}
    body.wide{}
    
    .app #main{}
    .mobile #main{}
    .regular #main{}
    .wide #main{}
    As they are all in the same CSS sheet, or imported dynamically, I can change the whole site just by changing the className attached to the body. Most areas are the same size in all modes so the difference in the stylesheet is minimal and worth loading all styles in one file.

    This is quite good for accessibilty as well, as the mobile mode can be used in a browser and zoomed in really far so the text is very large.

    It can also do some quite interesting things. I have recently given up a bit of SEO to make way for aesthetics on my hobby site www.unitingrhythms.com. (being moved and updated from .co.uk) By using position:absolute on all areas I can add css transitions to change the layout in an animated way. Try changing mode in a CSS3 transition enabled browser. (only 2 modes in this site at the moment). Funky
    LiveScript: Putting the "Live" Back into JavaScript
    if live output_as_javascript else output_as_html end if

  4. #29
    ♪♪ ♪ ♪ ♪ ♪♪ ♪ ♪♪ Markdidj's Avatar
    Join Date
    Sep 2002
    Location
    Bournemouth, South UK
    Posts
    1,551
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Too late to edit again! Any number of the above modes can also be responsive (to fit in with topic)
    LiveScript: Putting the "Live" Back into JavaScript
    if live output_as_javascript else output_as_html end if

  5. #30
    SitePoint Member
    Join Date
    Jul 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Okaay.. Thanks for the help everyone. The on topic stuff was useful


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
  •