Small screen styles? (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

rubyaim -> Small screen styles? (1/30/2007 18:36:15)

Hi, just wondering if anyone here had played around with styles for small screens (mobiles etc)?

I used the 'Small Screen Rendering' thing on the FF web dev extension and to my surprise every page I looked at on one of my sites seemed just fine. Is this in anyway reliable or would I be in for a nasty shock if I actually viewed something on a small screen?

I once thought I'd never worry about it but have decided to move with the times (even though I'm hanging onto my old brick shaped mobile until it will no longer work [&:] ).



womble -> RE: Small screen styles? (1/30/2007 18:51:22)

Tail's probably the best one to advise - I know she's done some small screen stylesheets. You might want to check out her site - she's got two or three styles on there and one of them's a "small screen" one.



jaybee -> RE: Small screen styles? (1/30/2007 18:51:27)

Opera has a small screen renderer that simulates what it actually produces on a mobile. Take a look in that. If you've done a fluid site it'll probably be OK.



Tailslide -> RE: Small screen styles? (1/31/2007 2:37:34)

Thing is you have to remember that it'll only work currently with a certain % of small screen devices due to different standards adopted (sigh).

What I did was set up a stylesheet for media=handheld for the few smarter browsers that look for it (think it's just Opera) and on my own site I also have an alternate stylesheet which can be manually chosen if necessary.

The stylesheet itself basically un-floats floats, has a 100% width main div with a small margin either side, hides large images and usually shows a small logo in place of a full size one.

I now add this as standard to all my clients' sites although not usually with stylesheet switchers along with a print stylesheet.



jaybee -> RE: Small screen styles? (1/31/2007 6:04:56)

quote:

What I did was set up a stylesheet for media=handheld
Ditto although I noticed last night that I've gorn and stuck the full size logo in whilst making layout changes so I'll have to sort that out today. Ideally any graphics should be minimised or done away with altogether as the cost for handheld users is extortionate and they won't be too happy with your site if they get an enormous bill.

quote:

I now add this as standard to all my clients' sites
Not always possible especially with Joomla sites and some of the GD specials.



Tailslide -> RE: Small screen styles? (1/31/2007 6:23:06)

I have managed to do this on Wordpress sites as well as normal "static" sites so it should be possible with Joomla?



jaybee -> RE: Small screen styles? (1/31/2007 7:13:24)

Probably possible with 1.5 when it comes out but a heck of a lot of work with the current version. It uses tables for the dynamic stuff and there are hundreds of them. A lot of the templates are fixed width as well.



Tailslide -> RE: Small screen styles? (1/31/2007 8:57:03)

How easy is it to do your own templates?



jaybee -> RE: Small screen styles? (1/31/2007 9:08:38)

Not straightforward. It's not just a case of plugging in a header and footer, although you can f you want to stick with the default layout.

There are whole stacks of PHP files that you copy to from a Default folder and put them in a Template override which then gets picked up by Joomla when you specify in the admin panel that you want to use that template.



Tailslide -> RE: Small screen styles? (1/31/2007 9:16:15)

Sounds frustrating.



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.0625