Need help? Check out our Support site, then


missing key modern features in hosted themes

  1. Hello,

    after a lot of searching in themes available in wordpress.com (even on general wordpress themes), I find there is few essential features which are missing
    * no mobile/smartphone support with a dedicated css (no mobile tag)
    * large screen support: most, if not all, themes seems to have the text column with a fixed sized which makes half of the screen empty on 24" or bigger display (no large display tag)

    Else, you do not provide tag to show html5 or xhtml validation even if some themes show it in footer.

    Any hints about an existing theme compatible with this ?

    Thanks

  2. * no mobile/smartphone support with a dedicated css (no mobile tag)

    Appearance > extras, select "Display a mobile theme when this blog is viewed with a mobile browser" and click save.

    * large screen support: most, if not all, themes seems to have the text column with a fixed sized which makes half of the screen empty on 24" or bigger display (no large display tag)

    20% of internet users are still on 1024 x 768 monitor resolution or lower, and from a graphic designer and page layout standpoint, you don't want the text area to be over about 700px wide or it makes it very difficult for people to read. I have a 30" monitor and I NEVER set my browser that wide, even on flexible width sites. It is just too difficult to read. Also in my experience, relying on the browser to pass on the monitor, and even the OS information only happens about 50% of the time (I watch those stats). 50% are identified as "unknown". (There are currently 15 flexible width themes here. Use the "feature filter" at appearance > themes and select "flexible width."

    Also, if you design for a variety of monitor widths (if the browser will even pass that information to you) What size do you make the header image if used? Do you make it for a 24" monitor and then if the people are on a 1024" wide monitor you just chop off the sides of the image? Or do you scale the image and squish it horizontally to something unrecognizable on a 1024px wide display? Navigation becomes a major issue as well since to accommodate a 1024px wide monitor, when displayed on a 24" monitor the tabs are either spaced out with huge amounts of space between them or they are all crowded over into the left or right corner. And what about those people on the 800 x 400 netbooks?

    Trying to design a site so that it works well from a 800px to 2560px width, and retain any sort of balance and continuity of design is a monumental task (massive understatement) as you have to scale not only the main page elements, but also all the text and the widths of the sidebars, heights of the navigation and footer elements and virtually everything else.

    Why do you need validation links at the bottom of your theme? I never include them in the footers of sites I design. If anything they will go on the about page. Virtually no one outside of techie geeks (such as myself) would even know what it means. If you mention W3C to 100 people 99 of them will think you are talking about professional wrestling.

    Just sayin'...

  3. If you happen to be thinking of a photographic site, that is even more of a challenge. There are three choices.

    1. Allow the browser to scale the image (bad idea as the image will loose massive amounts of quality)
    2. Use software within the underlying software to resize the image (bad idea as the image will loose massive amounts of quality)
    3. Upload images for every known monitor width between 800px and 2560px (better buy the one of the larger space upgrades as you will need it).

    First and foremost in web design you ALWAYS have to think of the visitor. That is who the site is for. You have to not only think of site widths and readability and balance, but also about download times (a good portion of internet users are still using connection speeds under 1.5mbps).

  4. Some global monitor statistics from http://www.w3counter.com/globalstats.php (9/10)

    1024x768 22.78%
    1280x800 18.09%
    1280x1024 9.90%
    1440x900 8.13%
    1366x768 7.79%
    1680x1050 5.14%
    1920x1080 2.69%
    800x600 2.20%
    1152x864 2.00%
    1024x10000 1.94% (not sure what this is, but it is really, really, really tall)

    You might also want to read this.

    http://www.webdevelopersnotes.com/design/web-page-width.php

  5. Thanks for the detailed feedback.

    * concerning mobile, ok for the extras options. two remarks: there is no extras menu in home-installed wordpress, and how can I test how it renders (is it a change of theme or reviewed theme, are you allow to switch between mobile and std mode)

    * about large resolution, it's a largely a personal choice.
    I agree most user are around 1024. I found there are some javascript code to switch css when higher resolution is detected like
    http://yaneshtyagi.wordpress.com/2008/12/02/dynamically-applying-css-based-on-browsers-resolution/
    For banner, I'm personally for small images which could be integrated with css color background so it could easily adapted to resolution and it's better for bandwidth.
    I don't want to support every resolution but some smartphone setup and maybe two or three desktop/tablet/netbook setup.

    * concerning html/xhtml validation, I only look to know when I select a theme if it validate or mostly.

  6. If you are using the software from wordpress.ORG, then you are in the wrong forum and need to be asking over at http://wordpress.ORG/support/ as that is where that software is supported. These forums are for blogs that are hosted here on the wordpress.com hosting service.

    http://en.support.wordpress.com/com-vs-org/

Topic Closed

This topic has been closed to new replies.

About this Topic