foxfirefey: Fox stealing an egg. (Default)
foxfirefey ([personal profile] foxfirefey) wrote in [site community profile] dw_styles2011-04-10 12:11 pm

Choosing styles that work well on small screens

Hey, folks--lately we've had a couple of requests pop up about a need for styles that work well on small screens. This post will try and give a run down of how to choose a style that works well on a small screen.

First of all, you are going to want to choose a layout with a one column option. Here is a complete list of layouts that support one column arrangements. This is the complete list of layouts supporting one column arrangements, with above-entry navigation. Some good examples include:

ColorSide and Practicality: One column, with all modules below the entries.

Bases, Basic Boxes, Crossroads -- These also work well in one column modes and have above-entry navigation.

EasyRead -- This layout is made for people with specialized reading needs--that's why many of the colors themes are a little garish, since they're meant to help people with certain visual requirements (such as very high or low contrast). But, you can change all of the colors in the Customization Area ( to your liking, as well as the base font size. Additionally, EasyRead has a section above the entries where different modules can be places (

Another common request recently is adding a header image; most styles support header background images in the images section of the customization area

Remember that you can always ask questions to have people assist you with your style in [community profile] style_system or [community profile] getting_started.
ninetydegrees: Drawing: a girl's face, with a yellow and green stripe over one eye (Default)

[personal profile] ninetydegrees 2011-04-10 08:25 pm (UTC)(link)
It may be simpler to say that only three styles don't support one-column yet: Brittle, Drifting and Skittlish Dreams.
ninetydegrees: Drawing: a girl's face, with a yellow and green stripe over one eye (Default)

[personal profile] ninetydegrees 2011-04-10 08:33 pm (UTC)(link)
Oh sure I was just referring to your first point seeing as we do try to provide that option for all styles and have nearly succeeded.
ursamajor: people on the beach watching the ocean (Default)

[personal profile] ursamajor 2011-04-10 09:04 pm (UTC)(link)
This, combined with the panel I went to this morning on JQuery Mobile, makes me wonder how possible it would be to declare a "mobile style" as a secondary style, so that I can keep my happy three-column layout for my widescreen netbook, but then when I load my readpage on my phone, have it be a sensible single-column layout (that respects cuts, but isn't just titles-only, and that ideally kept cuts happy and ajaxy). (I mean, I know we have an existing mobile readpage, but the fact that I can't read entries on it specifically makes it completely useless to me - often, a title is not enough to tell me if it's worth waiting the 30 seconds for a clickthrough. But what I was thinking was that it might be nice for, say, a non-Dwenizen reading your journal on their phone to still be given a sensible-for-a-phone layout.)

I know that my being on an iPhone complexifies things, because lots of times it loads non-mobile pages (and I have done almost no mobile-specific development, so I'm not sure if the problem is that the site doesn't detect that I'm using an iPhone properly, or that the site utterly lacks a mobile-oriented version to begin with, or what.
Edited (I can has complete sentences and clarity, amirite?) 2011-04-10 21:11 (UTC)
delight: (Default)

[personal profile] delight 2011-04-11 02:47 pm (UTC)(link)
I would really, really, really love if this were an option.

[personal profile] scribblingage 2011-04-11 05:09 pm (UTC)(link)
This is just what I was looking for, thanks! I settled on something that isn't one-column, but does work nicely on my phone browser (Opera Mini or Mobile on HTC Wildfire). is so useful for easily browsing the base layouts, are there are any plans to incorporate/link it into the main DW site?