#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2001
    Location
    Michigan
    Posts
    19
    Rep Power
    0

    To rebuild or not? This is the question.


    I am such a dynasaur when it comes to my site. I still type HTML by hand. Any javascript was done for me (I can edit as needed easy enough.) I use a bit of SSI for easy navigation, and that's it. Hey, it works. And it works on anything so if it aint broke…..

    Well… the world is changing. And only this past Jan I got my very first "smart" phone. An iphone 5 (Why they are called smart is beyond me.)
    Anyway, finally I can really look at my own site with a device. Already I see my fancy, changes as you mouse over java script is a waste of space. Ok, plans for that to go. I may leave one on my graphics page just to show it off, but as for functionality, it's pointless. That will go.

    Meanwhile… why I'm here in the first place, I plan to divide my site in two. Right off the index page, I will put a link to my "store."
    Main site as it is, and store. But now I really do need to consider all the people surfing via small devices. Sigh.
    My daughter, who happens to be a geek, programer, geek geek geek…. HATES!!! (and yes, that's shouting) mobile sites.
    She would rather move around and actually have content. She does everything possible to block anything a site might use to detect what device she's on. And she isn't the only person I've heard this from.
    So after pondering this for some time now, I have decided to build my store basically the same way I have built my site all along.
    With only a few minor changes.
    Lose the java script, (all that did was cutsie, not needed. Plain clickable links will do fine.)
    Arrange things in more of a narrow column, keeping images small shouldn't be too much of an issue. I can always put up a small image that links to the full size version.

    Finally, what I THOUGHT would work, but once I looked, it's horrible, is simply to include a size parameter to my tables. 80%.
    Now in my nice big 27 inch monitor, I can shrink the text portion of my page down to only a few inches across and text is still plenty large enough to read. However, on my tiny phone, even though this trick shrinks the text area just like it should, my God the type is so tiny, forget it. Back to using two fingers to enlarge it, move it around and like that.
    Here, this is not spammy, just that this page isn't linked to anything yet. It's just text, but a lot of it. Needs to be readable. (I will also likely be moving it at some point.)
    Artmakers Worlds. Store policies
    Wondering if there isn't a simple bit of code to make this not only fit on a small device, but keep the text size to a set min so you can read it without a microscope.



    So I guess on one hand I'm kinda asking for opinions from people who actually surf the web on small devices. Would you rather keep the content? Even if you have to move around it like an ant?

    OR…. Developers here, is there a better way to make huge blocks of text readable without resorting to web design only a few words wide?

    Lastly, just more ramblings about this….
    When I visit Twitter for example, because I use an older OS, and like the version of Safari I use, THEY think it's too outdated and will feed me the "mobile version." So on my nice glorious wide screen, I get a little strip of tweets down the center. DUMB!

    On a site I once sold on (and I won't give them any free press here.) They suddenly went "mobile friendly" and our content was seriously cut. Again when I sit here on my nice wide screen, there are giant areas of blank space. Yea they look great on a cell phone. But when I shop, it's NOT on my phone. I want to see details. Based on their own forums before I left, I was not the only one.

    So…. thoughts? Opinions? Before I waste countless hours of site construction only to find out everyone hates it, I need to know.
  2. #2
  3. Lord of the Dance
    Devshed Specialist (4000 - 4499 posts)

    Join Date
    Oct 2003
    Posts
    4,118
    Rep Power
    2010
    For html layout, table is no longer used; instead div tag is being used.
    For design, you should look at css. For further introduction to the whole adaptive layout etc, you can try have a look at these page:
    https://en.wikipedia.org/wiki/Tableless_web_design
    https://css-tricks.com/the-differenc...aptive-design/

    But today, I think most people start by installing a Content Management System (CMS) which has an in-build design to be used and can give you less headache about the various screen size.
    If you want some CMS examples, you can take a look at this site: https://code.tutsplus.com/articles/t...tems--net-6493
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2001
    Location
    Michigan
    Posts
    19
    Rep Power
    0
    Originally Posted by MrFujin
    For html layout, table is no longer used; instead div tag is being used.
    For design, you should look at css. For further introduction to the whole adaptive layout etc, you can try have a look at these page:
    https://en.wikipedia.org/wiki/Tableless_web_design
    https://css-tricks.com/the-differenc...aptive-design/

    But today, I think most people start by installing a Content Management System (CMS) which has an in-build design to be used and can give you less headache about the various screen size.
    If you want some CMS examples, you can take a look at this site: https://code.tutsplus.com/articles/t...tems--net-6493
    Well… parts of this make some sense. I think I may have to start looking for tutorials on CSS.

    Now… in one of your links, one of their examples says "resize the browser and see what happens." Yea well the whole page goes blank. Swell. Then read the comments and I see things like this is way off the mark.

    Lastly, "I think most people start by installing a Content Management System (CMS)"
    Ok, I have not got one clue how to go about that. Let alone what it is.

    My main question is basically…. when viewing content on something as small as a cell phone, do "mobile friendly" sites meet your needs? Cause they sure don't for me. I want my content. I just need to find the best way to let people actually see it.
  6. #4
  7. Lord of the Dance
    Devshed Specialist (4000 - 4499 posts)

    Join Date
    Oct 2003
    Posts
    4,118
    Rep Power
    2010
    If a site really is made as mobile friendly, then yes, the site actually works fine. But I am not expecting to have the same full content on the phone displayed in the same way as I have on my PC screen.
    On mobile devices, you have to think about what is most important, and then put that on top of the page.

    If you want to learn about CSS and mobile devices, you will also have to look into what is called 'Media queries'. Maybe this page can get you started: CSS3 Media Queries

IMN logo majestic logo threadwatch logo seochat tools logo