[WSG] CSS lists

2011-01-07 Thread Thierry Koblentz 
Hi all,

Besides the CSS-D list, which CSS lists would you recommend subscribing to?

Thanks,
--
Regards,
Thierry
@thierrykoblentz
www.tjkdesign.com | www.ez-css.org | www.css-101.org 






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

[WSG] Does SVG image the answer for mobile version of web?

2011-01-07 Thread tee 
Testing a mobile version of site (100% in width with width=device-width 
declared) from Samsung Galaxy Simulator, I find that all images are blurred due 
to the high resolutions of the device (1024 x 600). The quality for background 
image is worse than inline image (which has height and width attributes 
declared). iPad however doesn't have the same issue, so I am wondering if it's 
a bug of the Samsung Galaxy Simulator or correct rendering in actual device.

The simulator doesn't offer landscape view so I can even imagine how poor the 
quality would be when view at landscape.

Get a rather dreadful feeling thinking that I have to serve separate versions 
of images: one for desktop (since not all IE supporting it yet even if IE9 does 
it doesn't meant we can use it freely) and one for advanced touchscreens.

tee





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] Detecting Mobile user agent - what methods work best?

2011-01-07 Thread Sam Sherlock 
Also you can get opera mobile emu for pc or mac :)

http://my.opera.com/chooseopera/blog/2010/04/22/get-the-opera-mobile-emulator-on-your-mac-or-pc



and the info for the Samsung Emu is here (think this is the appropriate link
for what Tee mentioned)
http://innovator.samsungmobile.com/galaxyTab.do#02
 - S



On 7 January 2011 17:21, tee  wrote:

>
> > On mobile strategy:
> > Bruce Lawson
> > 
> > [Personally, I think media queries is the way to go.]
>
>
> Media Queries  for Mobile Web is nothing but kool-aid nevertheless :-)  I
> admit though, I drink it very often.
>
> http://tripleodeon.com/2010/10/not-a-mobile-web-merely-a-320px-wide-one/
> http://www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
>
>
>
> On Jan 6, 2011, at 8:10 PM, Mike Kear wrote:
>
> > [A]  a link at the top of the normal page, linking to a mobile version of
> the page.   (yuk)
> > [B] javascript detection (but there are thousands of mobile devices
> to detect.   YUK )
> > [C] Use CSS @media handheld  (but many mobile phones don't support the
> handheld media type )
> > [D] server side detection using CGI.User_Agent   (but there are so many
> user agents to detect)
> > [E] screen resolution detection  (but is that reliable?)
>
>
> IMHO, you should evaluate each option on case by case basic, for small
> brochure site or a weblog, Media Queries would be the answer; for sites that
> are heavy with many variations such as NYTimes, BBC, Amazon and other
> eCommerce sites, serve side detection with content negotiation/adaption is
> the way to go - and for this, Mobile First approach may not be the
> one-and-end-all answer.
>
> On a not so related note, I was following closely the touchscreen devices
> that manufacturers showcase at CES (2011 International Consumer Electronics
> Show) as I wanted to get a better idea what widths I should take into
> consideration for a mobile website I was building.
>
> Speaking of Mobile Web, do you consider iPad, Samsung Galaxy alike the
> mobile devices? Should you treat the site on these devices  desktop or
> mobile version? iPad could be easier long as the touchscreen issue are taken
> care of, but for devices that the widths are smaller than iPad wider than
> 320 x 480, do you give it mobile version or desktop version? Media Queries
> could be the best answer, yet one needs to be reminded that these devices
> are sold by wireless carriers that uses 3G or 4G network (I am curious if
> they are to be used as giant mobile phone as well), and therefore there is
> bandwidth and cost concerns too.
>
> By the way, for those who are unaware of, you can download Samsung Galaxy
> simulator as a Andriod 3rd party add-on. Not sure if it's the first version
> though (too many bugs!), it runs very slow on my machine.
>
> tee
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
> ***
>
>


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] Detecting Mobile user agent - what methods work best?

2011-01-07 Thread tee 
 
> On mobile strategy:
> Bruce Lawson
> 
> [Personally, I think media queries is the way to go.]


Media Queries  for Mobile Web is nothing but kool-aid nevertheless :-)  I admit 
though, I drink it very often.

http://tripleodeon.com/2010/10/not-a-mobile-web-merely-a-320px-wide-one/
http://www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/



On Jan 6, 2011, at 8:10 PM, Mike Kear wrote:

> [A]  a link at the top of the normal page, linking to a mobile version of the 
> page.   (yuk)
> [B] javascript detection (but there are thousands of mobile devices to 
> detect.   YUK )
> [C] Use CSS @media handheld  (but many mobile phones don't support the 
> handheld media type )
> [D] server side detection using CGI.User_Agent   (but there are so many user 
> agents to detect)
> [E] screen resolution detection  (but is that reliable?)


IMHO, you should evaluate each option on case by case basic, for small brochure 
site or a weblog, Media Queries would be the answer; for sites that are heavy 
with many variations such as NYTimes, BBC, Amazon and other eCommerce sites, 
serve side detection with content negotiation/adaption is the way to go - and 
for this, Mobile First approach may not be the one-and-end-all answer.

On a not so related note, I was following closely the touchscreen devices that 
manufacturers showcase at CES (2011 International Consumer Electronics Show) as 
I wanted to get a better idea what widths I should take into consideration for 
a mobile website I was building.

Speaking of Mobile Web, do you consider iPad, Samsung Galaxy alike the mobile 
devices? Should you treat the site on these devices  desktop or mobile version? 
iPad could be easier long as the touchscreen issue are taken care of, but for 
devices that the widths are smaller than iPad wider than 320 x 480, do you give 
it mobile version or desktop version? Media Queries could be the best answer, 
yet one needs to be reminded that these devices are sold by wireless carriers 
that uses 3G or 4G network (I am curious if they are to be used as giant mobile 
phone as well), and therefore there is bandwidth and cost concerns too. 

By the way, for those who are unaware of, you can download Samsung Galaxy 
simulator as a Andriod 3rd party add-on. Not sure if it's the first version 
though (too many bugs!), it runs very slow on my machine.

tee

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] Detecting Mobile user agent - what methods work best?

2011-01-07 Thread David Laakso 



On 07/01/2011 04:10, Mike Kear wrote:

I have to convert a client site to enable phone users to use the site
and I was wondering what is the best method to detect the mobile user
agent and switch the css sheet?




On mobile strategy:
Bruce Lawson

[Personally, I think media queries is the way to go.]

Best,
~d

--
http://chelseacreekstudio.com/
http://chelseacreekstudio.com/fa/



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

RE: [WSG] Detecting Mobile user agent - what methods work best?

2011-01-07 Thread Jody L. Meyer 
Good Morning.. I am a newbie and I love these types of post.. I have a
question to pose:

 

If all else fails, why not have an available "Mobile Friendly Version"
hyperlink that the user can select? That way. if their mobile device doesn't
display appropriately. they have an option to select from until a better
solution comes along.

 

Have a super day!

Jody Meyer

 

From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of Mike Kear
Sent: Thursday, January 06, 2011 11:10 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] Detecting Mobile user agent - what methods work best?

 

I have to convert a client site to enable phone users to use the site and I
was wondering what is the best method to detect the mobile user agent and
switch the css sheet?

 

As far as I have seen, there are  a few ways to do this - which is best?
(or maybe the way to put it is  'least bad')

 

[A]  a link at the top of the normal page, linking to a mobile version of
the page.   (yuk)

[B] javascript detection (but there are thousands of mobile devices to
detect.   YUK )

[C] Use CSS @media handheld  (but many mobile phones don't support the
handheld media type )

[D] server side detection using CGI.User_Agent   (but there are so many user
agents to detect)

[E] screen resolution detection  (but is that reliable?) 

 

Are there any other ways to do this?

 

How do the rest of you handle serving pages to both computer screens and
mobile device screens??

 

Cheers

Mike Kear

Windsor, NSW, Australia

Adobe Certified Advanced ColdFusion Developer 

AFP Webworks

http://afpwebworks.com 

ColdFusion 9 Enterprise, PHP, ASP, ASP.NET hosting from AUD$15/month

 


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*** 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] Detecting Mobile user agent - what methods work best?

2011-01-07 Thread designer 

I think you've answered your own question, Mike. It's a mess.
I am currently making (simple) fluid layouts and ensuring that floats 'drop' 
(exactly the opposite of what I've been doing in the last several years!). 
Also adding the meta tag :




seems to help.  After that, it's just 'hope for the best'.

This is not 'giving up', it's called 'waiting to see what happens' . . .

:-)

Bob
- Original Message - 
From: Mike Kear

To: wsg@webstandardsgroup.org
Sent: Friday, January 07, 2011 4:10 AM
Subject: [WSG] Detecting Mobile user agent - what methods work best?


I have to convert a client site to enable phone users to use the site and I 
was wondering what is the best method to detect the mobile user agent and 
switch the css sheet?


As far as I have seen, there are  a few ways to do this - which is best? 
(or maybe the way to put it is  'least bad')
[A]  a link at the top of the normal page, linking to a mobile version of 
the page.   (yuk)
[B] javascript detection (but there are thousands of mobile devices to 
detect.   YUK )
[C] Use CSS @media handheld  (but many mobile phones don't support the 
handheld media type )
[D] server side detection using CGI.User_Agent   (but there are so many user 
agents to detect)

[E] screen resolution detection  (but is that reliable?)

Are there any other ways to do this?

How do the rest of you handle serving pages to both computer screens and 
mobile device screens??


Cheers
Mike Kear
Windsor, NSW, Australia
Adobe Certified Advanced ColdFusion Developer
AFP Webworks
http://afpwebworks.com
ColdFusion 9 Enterprise, PHP, ASP, ASP.NET hosting from AUD$15/month


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*** 






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] Detecting Mobile user agent - what methods work best?

2011-01-07 Thread Patrick H. Lauke 

On 07/01/2011 04:10, Mike Kear wrote:

I have to convert a client site to enable phone users to use the site
and I was wondering what is the best method to detect the mobile user
agent and switch the css sheet?

As far as I have seen, there are a few ways to do this - which is best?
(or maybe the way to put it is 'least bad')

[A] a link at the top of the normal page, linking to a mobile version of
the page. (yuk)

[B] javascript detection (but there are thousands of mobile devices to
detect. YUK )

[C] Use CSS @media handheld (but many mobile phones don't support the
handheld media type )

[D] server side detection using CGI.User_Agent (but there are so many
user agents to detect)

[E] screen resolution detection (but is that reliable?)


[F] CSS3 Media Queries http://www.w3.org/TR/css3-mediaqueries/ - making 
your site adaptive 
http://www.slideshare.net/redux/making-your-site-mobilefriendly-thoughtworks-manchester-geeknights-17112010


P
--
Patrick H. Lauke
__
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]

www.splintered.co.uk | www.photographia.co.uk
http://redux.deviantart.com | http://flickr.com/photos/redux/
__
twitter: @patrick_h_lauke | skype: patrick_h_lauke
__


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***