Re: [WSG] Opera Mini fontsize settings

2011-10-14 Thread tee
Forgot to mention, it's Opera Mini 6.

On Oct 13, 2011, at 5:52 AM, tee wrote:

> Yes, it used to be there, but not anymore.
> 
> 
> http://bit.ly/qa9GmY
> 
> tee
> On Oct 13, 2011, at 5:13 AM, Patrick H. Lauke wrote:
> 
>> settings > font size (3rd option down)
>> 
>> or am i missing something?
>> 
>> --
>> Patrick H. Lauke
>> 
>> 
>> On 13 Oct 2011, at 13:55, tee  wrote:
>> 
>>> I clearly remember OM used to have this feature, but in my recent upgrade, 
>>> it's gone. Anybody knows about this? This list has Opera Inc employee(s), 
>>> and I wonder if you are aware of this.
>>> 
>>> Thanks!
>>> 
>>> 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] Opera Mini fontsize settings

2011-10-13 Thread tee
Yes, it used to be there, but not anymore.


http://bit.ly/qa9GmY

tee
On Oct 13, 2011, at 5:13 AM, Patrick H. Lauke wrote:

> settings > font size (3rd option down)
> 
> or am i missing something?
> 
> --
> Patrick H. Lauke
> 
> 
> On 13 Oct 2011, at 13:55, tee  wrote:
> 
>> I clearly remember OM used to have this feature, but in my recent upgrade, 
>> it's gone. Anybody knows about this? This list has Opera Inc employee(s), 
>> and I wonder if you are aware of this.
>> 
>> Thanks!
>> 
>> tee


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



Re: [WSG] Opera Mini fontsize settings

2011-10-13 Thread Patrick H. Lauke
settings > font size (3rd option down)

or am i missing something?

--
Patrick H. Lauke


On 13 Oct 2011, at 13:55, tee  wrote:

> I clearly remember OM used to have this feature, but in my recent upgrade, 
> it's gone. Anybody knows about this? This list has Opera Inc employee(s), and 
> I wonder if you are aware of this.
> 
> Thanks!
> 
> 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
***



[WSG] Opera Mini fontsize settings

2011-10-13 Thread tee
I clearly remember OM used to have this feature, but in my recent upgrade, it's 
gone. Anybody knows about this? This list has Opera Inc employee(s), and I 
wonder if you are aware of this.

Thanks!

tee

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



Re: [WSG] Opera Mini rendering issue with HTML5 doctype

2010-09-08 Thread tee
 
On Sep 5, 2010, at 5:30 AM, David Storey wrote:

> 
> On 5 Sep 2010, at 13:49, tee wrote:
> 
>> I have a mobile site (just using media queries) that initially used XHTML 
>> Basic 1.1, the site rendered fine except with a few glitches (bugs!!??) that 
>> I know existed in this browser. Decided to convert the site to HTML5 and all 
>> I did was change the HTML5 doctype, it has no validation error, it renders 
>> the same in Safari Mini and Andriod, yet in Opera Mini it results a very 
>> long horizontal scrolling bar in portrait view, in landscape view it's a bit 
>> shorter  (about 50px I think). I switched back to XHTML Basic 1.1, the 
>> horizontal scrolling bar gone!
> 
> Without seeing the site it is hard to tell, but it i probably due to the 
> rendering mode. 

I setup a test case:
http://bit.ly/aPlv1b 

If you can test from Opera Mini, please let me know what you see in 2 to 4 test 
pages. Do you see a horizontal scrolling bar and shrunken page? 

If you could help identify the behavior and result of #5 would be great.

tee

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



Re: [WSG] Opera Mini rendering issue with HTML5 doctype

2010-09-05 Thread David Storey


On 5 Sep 2010, at 23:53, tee wrote:

Sometimes next week I maybe able to setup a test site with pages  
that show different doctypes and widths.


Just a quick question, shouldn't Opera Mini obeys the rules even  
when a desktop doctype is used?


@media screen and (max-device-width: 480px)




Opera Mini doesn't support the viewport Meta element (yet). Opera  
Mobile does though. It is something Apple invented and isn't  
standardised (yet). We reverse engineered it for Opera Mobile, but  
there is some cases where it doesn't work exactly the same due to  
assumptions and the two step zoom. We are fixing those issues though  
and trying to standardise Viewport so it is consistent across browsers  
without having to make assumptions die to lack of a spec. We are  
looking to standardise it in CSS though, where it belongs (some people  
on the WG consider it to be like the font tag when used in HTML rather  
than CSS). For the initial proposal, look at http://people.opera.com/rune/TR/css-viewport/ 
 . I expect we’ll support some form of viewport (be it element or CSS  
properties) in Opera Mini eventually. I can't say how soon (yet).





Without them, I would take what I saw isn't a bug. I am pretty sure  
it's more a HTML5 doctype issue than desktop doctype because when  
this site was created,


There shouldn't be a difference between a regular desktop doctype and  
the HTML5 one. It was designed so that it just works in current  
browsers, rather than browsers doing something special when they  
detect it.



I adapted a base template that uses XHTML 1.0 strict, in the first  
round mobile browser check I didn't change it to XHTML Basic 1.1,  
and I didn't see the horizontal scrolling bar (will remember to add  
it to my test). Since that this browser is intended for mobile  
devices,  your reasoning is sound, but I guess developers won't be  
accepting it if we specifically tell the browser to follow the above  
rules.


Make me think maybe I should wait till 2022 to start using HTML5!

tee


Will the media='all' affects how Opera Mini renders Desktop Doctype  
that it ignores the @media screen and (max-device-width: 480px)  
rule?  Some sort of specificity that media='all' overrules other  
media types including media queries?


No, it shouldn’t.





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



David Storey

Chief Web Opener / Product Manager, Opera Dragonfly
W3C WG:  Mobile Web Best Practices / SVG Interest Group

Opera Software ASA, Oslo, Norway
Mobile: +47 94 22 02 32 / E-Mail/XMPP: dsto...@opera.com / Twitter:  
dstorey




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



Re: [WSG] Opera Mini rendering issue with HTML5 doctype

2010-09-05 Thread tee
 
> 
> 
> Ah, yes -- fun and games on the mobile device funny-farm...
> 
> Long-shot on html5, try ?:
> @media screen and (max-device-width: 480px), screen and (max-width: 480px) {
> } /*for high-end handsets*/
> 
> @media  (max-width: 240px) {
> } /*low-end handsets  running OperaMini */

Doesn't make a difference.

Before I put this issue at rest until I get a chance to setup the test site, 
I'm adding one more possible cause for anyone who is interested in this bug to 
ponder. 

Will the media='all' affects how Opera Mini renders Desktop Doctype that it 
ignores the @media screen and (max-device-width: 480px) rule?  Some sort of 
specificity that media='all' overrules other media types including media 
queries?

It's a WordPress site, I'd just noticed, the plugin stylesheet has a 
media='all' declared which is  taken from WordPress  function 
wp_enqueue_style(). The 

Though a quick test removing the plugin style sheet doesn't seemed to make a 
difference for me.


And a doctype question, will it be safe to use Mobile Doctype for desktop 
browsers too? Part of the reason I decided to switch to HTML5 from XHTML Basic 
1.1 was due to this question.


Quote myself: in the first round mobile browser check I didn't change it to 
XHTML Basic 1.1, and I didn't see the horizontal scrolling bar.

I was wrong; obviously I didn't check carefully in the first round. It resulted 
the same behavior. This new found bug of Opera Mini (and the Opera Mobile too) 
makes me think perhaps it's not a prime time and is a very BAD idea to use 
non-mobile doctype for mobile version of site as it added too much complication 
and unexpected possible bugs. Sort of strengthen my though on media queries 
alone cannot make a good usable mobile version of site. Alas!

tee

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



Re: [WSG] Opera Mini rendering issue with HTML5 doctype

2010-09-05 Thread tee
Sometimes next week I maybe able to setup a test site with pages that show 
different doctypes and widths.

Just a quick question, shouldn't Opera Mini obeys the rules even when a desktop 
doctype is used?

@media screen and (max-device-width: 480px)
 


Without them, I would take what I saw isn't a bug. I am pretty sure it's more a 
HTML5 doctype issue than desktop doctype because when this site was created, I 
adapted a base template that uses XHTML 1.0 strict, in the first round mobile 
browser check I didn't change it to XHTML Basic 1.1, and I didn't see the 
horizontal scrolling bar (will remember to add it to my test). Since that this 
browser is intended for mobile devices,  your reasoning is sound, but I guess 
developers won't be accepting it if we specifically tell the browser to follow 
the above rules. 

Make me think maybe I should wait till 2022 to start using HTML5!

tee




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



Re: [WSG] Opera Mini rendering issue with HTML5 doctype

2010-09-05 Thread David Laakso

 On 9/5/10 7:49 AM, tee wrote:

I have a mobile site (just using media queries) that initially used XHTML Basic 1.1, 
the site rendered fine except with a few glitches (bugs!!??) that I know existed in 
this browser. Decided to convert the site to HTML5...

tee






Ah, yes -- fun and games on the mobile device funny-farm...

Long-shot on html5, try ?:
@media screen and (max-device-width: 480px), screen and (max-width: 480px) {
} /*for high-end handsets*/

@media  (max-width: 240px) {
} /*low-end handsets  running OperaMini */

Best,
Dr Larka
Mexico City, Mexico
SanyoMirro on BoostMobile


--
:: desktop and mobile ::
http://chelseacreekstudio.com/



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



Re: [WSG] Opera Mini rendering issue with HTML5 doctype

2010-09-05 Thread David Storey


On 5 Sep 2010, at 13:49, tee wrote:

I have a mobile site (just using media queries) that initially used  
XHTML Basic 1.1, the site rendered fine except with a few glitches  
(bugs!!??) that I know existed in this browser. Decided to convert  
the site to HTML5 and all I did was change the HTML5 doctype, it has  
no validation error, it renders the same in Safari Mini and Andriod,  
yet in Opera Mini it results a very long horizontal scrolling bar in  
portrait view, in landscape view it's a bit shorter  (about 50px I  
think). I switched back to XHTML Basic 1.1, the horizontal scrolling  
bar gone!


Without seeing the site it is hard to tell, but it i probably due to  
the rendering mode. When using a mobile doctype (such as XHTML Basic),  
the site displays as the author intends (i.e. assumes the site is  
designed for small screens and the author knows what they are doing).  
For the HTML5 doctype, it is a regular (you could say desktop)  
doctype, so Opera Mini/Mobile use the overview rendering mode. This is  
when the browser has the zoom in/zoom out mode. The viewport becomes  
the width of the virtual viewport (around 8xx pixels, I forget  
offhand), so that the full page is laid out/rendered to this virtual  
width, rather than the device viewport (the width of the device  
screen).  It is probably taking 98% and 100% of this virtual viewport,  
but I'd have to see and understand the code to know exactly what is  
going on.


Like other mobile browsers, it does this to be able to render sites  
designed for desktop without breaking the layout. The user can then  
zoom in to sections to make the content readable.




The cause:

The #container width is 98% + 1% left/right margin. A plugin that  
the site used, has a style sheet that has a 100% width in the  
div.widget.


The 100% width from .widget should obey the #container width because  
it's wrapped inside the #container but it doesn't. There is an even  
scary bug, I brought the widget class to @media screen and (max- 
device-width: 480px), if the width stays between 95 to 100% the  
horizontal scrolling persist, if 94% or less, it disables the entire  
@media rules, the site shrinks to minimum view just like you see in  
NYTimes the none-mobile optimized site.


However I also used 100% width for a child class (forgot to get rid  
of it) that causes no issue when I display none the plugin. It  
appears that the bug is triggered by a combination of javascript -  
jquery-ui-accordion.min.js (other scripts are fine).


If the width is removed in the widget than the bug gone, so the bug  
is avoidable if one knows it.



tee













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



David Storey

Chief Web Opener / Product Manager, Opera Dragonfly
W3C WG:  Mobile Web Best Practices / SVG Interest Group

Opera Software ASA, Oslo, Norway
Mobile: +47 94 22 02 32 / E-Mail/XMPP: dsto...@opera.com / Twitter:  
dstorey




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



[WSG] Opera Mini rendering issue with HTML5 doctype

2010-09-05 Thread tee
I have a mobile site (just using media queries) that initially used XHTML Basic 
1.1, the site rendered fine except with a few glitches (bugs!!??) that I know 
existed in this browser. Decided to convert the site to HTML5 and all I did was 
change the HTML5 doctype, it has no validation error, it renders the same in 
Safari Mini and Andriod, yet in Opera Mini it results a very long horizontal 
scrolling bar in portrait view, in landscape view it's a bit shorter  (about 
50px I think). I switched back to XHTML Basic 1.1, the horizontal scrolling bar 
gone!

The cause: 

The #container width is 98% + 1% left/right margin. A plugin that the site 
used, has a style sheet that has a 100% width in the div.widget.

The 100% width from .widget should obey the #container width because it's 
wrapped inside the #container but it doesn't. There is an even scary bug, I 
brought the widget class to @media screen and (max-device-width: 480px), if the 
width stays between 95 to 100% the horizontal scrolling persist, if 94% or 
less, it disables the entire @media rules, the site shrinks to minimum view 
just like you see in NYTimes the none-mobile optimized site. 

However I also used 100% width for a child class (forgot to get rid of it) that 
causes no issue when I display none the plugin. It appears that the bug is 
triggered by a combination of javascript - jquery-ui-accordion.min.js (other 
scripts are fine).

If the width is removed in the widget than the bug gone, so the bug is 
avoidable if one knows it. 


tee













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



Re: [WSG] Opera Mini

2010-08-25 Thread tee
 
On Aug 24, 2010, at 1:51 PM, Patrick H. Lauke wrote:

> On 24/08/2010 21:33, tee wrote:
>> Despite what I have learned from David Story about Opera Mini, media
>> queries along cannot make a usable mobile version of site that is
>> truly targets mobile user. Content negotiation and adaption cannot be
>> forgone, there are more to it to make usable mobile version site than
>> displaying none to elements you don't want the mobile users see.
> 
> Of course that depends on the type of site and the content that's currently 
> there. A site that's very focussed on just the essential actions (say a very 
> specific web application or single-purpose site) will have the same content 
> on both desktop and mobile devices. What's often the case is that desktop 
> versions of sites (remembering my days as university web editor here) start 
> to bloat dramatically (with departments angling for a bit of space on the 
> homepage, then slapping on videos and "welcome from the Vice Chancellor" type 
> messages), when really both on mobile and desktop they should be pared down 
> to the absolute essentials of what visitors come there to do. It's just that 
> on desktop, with our large monitors and mice (leaving accessibility 
> considerations to the side for a minute) we've become adept at quickly moving 
> past the cruft to the actual bits we want. These are then the ones that 
> developers want to hide from mobile views.
> 
> This sort of approach has recently been expounded by Luke Wroblewski with his 
> "mobile first" philosophy. It's a good wake-up call (but of course this is 
> only applicable in certain situations). http://www.lukew.com/
> 

A laudable presentation. 

I have reached a state where everything heading towards subtraction, this state 
of mind helps problem solving and clarity, be it personal issue or web 
development. I was using the similar approach, not in the first mobile site 
though. The first time it was unclear, a bit uneasy what to expect, what to 
show due to un-familiarity of mobile devices and what can mobile browsers do 
and was very much in the "desktop mode". It got better each time, then the 
third, the fourth, before I begun I knew what elements not to include or 
include but using different approach than I would normally do. 

Even that, there are still situation this Mobile First approach may not work 
out quite well using only media queries. Two examples:

1. An element that you want display both in desktop and mobile version, it 
maybe a long list of menu items (this maybe easier to solve by using a dropdown 
list) or a block of content that you want it place above the main content 
structurally for desktop version (in the header perhaps), not through source 
ordered and CSS manipulation, then in the mobile version, you want it placed 
after the content [1] , I have not figured a smart and clean way to do this 
using media queries or CSS manipulation (absolution positions can do this but 
it requires precise calculation for height which I think is ugly and bad) than 
content adapation.

2. Using a blog site for example, a site may want to display 5 popular posts 
but in the mobile version to display only two, the same can be for homepage 
that a site may want to show a handful of recent articles for desktop version 
but 1 for mobile version.

Maybe displaying none using :nth-child could do that. Can Opera Mini handles it 
I have not tested; I wouldn't go this route though, and the moment you start 
thinking to solve this in the template, it's a content negotiation


[1] It may not be so important structurally long as visually it's placed after 
the content, but if google or any search engine service offers a mobile search 
than this might be something worth consider especially if SEO gurus buzz about 
it and then clients come to tell you they want it done this way or that way.

> As ever, your mileage may vary,

My mileage is good, though can always improved :-)

tee



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



Re: [WSG] Opera Mini

2010-08-24 Thread MichaelMD
On Tue, 2010-08-24 at 09:09 -0400, David Laakso wrote:

> However, it would be a grave mistake to advocate not using  CSS, media 
> queries, or Opera Mini for "low-end" handsets. Opera Mini has brought 

I wasn't saying not to use css ... just don't *rely* on it rendering as
you expect on all mobile devices. 

> the Web to these devices. And it is to the credit of Opera Software / 
> Opera Mini that in some parts of the world the privilege of experiencing 
> the Web is now possible for the first time...

I tried Opera Mini .. but only the most basic version can be installed
on my phone and (like every other java app I have ever tried on it) it
was very slow and clunky to use compared to the built-in browser. (this
is not Opera's fault. I guess the api available to java apps on some
such handsets is just too limited to do anything really useful with!) 

on such handsets, people *are* going to be stuck with the inbuilt
browser. 







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



Re: [WSG] Opera Mini

2010-08-24 Thread Patrick H. Lauke

On 24/08/2010 21:33, tee wrote:

Despite what I have learned from David Story about Opera Mini, media
queries along cannot make a usable mobile version of site that is
truly targets mobile user. Content negotiation and adaption cannot be
forgone, there are more to it to make usable mobile version site than
displaying none to elements you don't want the mobile users see.


Of course that depends on the type of site and the content that's 
currently there. A site that's very focussed on just the essential 
actions (say a very specific web application or single-purpose site) 
will have the same content on both desktop and mobile devices. What's 
often the case is that desktop versions of sites (remembering my days as 
university web editor here) start to bloat dramatically (with 
departments angling for a bit of space on the homepage, then slapping on 
videos and "welcome from the Vice Chancellor" type messages), when 
really both on mobile and desktop they should be pared down to the 
absolute essentials of what visitors come there to do. It's just that on 
desktop, with our large monitors and mice (leaving accessibility 
considerations to the side for a minute) we've become adept at quickly 
moving past the cruft to the actual bits we want. These are then the 
ones that developers want to hide from mobile views.


This sort of approach has recently been expounded by Luke Wroblewski 
with his "mobile first" philosophy. It's a good wake-up call (but of 
course this is only applicable in certain situations). http://www.lukew.com/


As ever, your mileage may vary,

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
***



Re: [WSG] Opera Mini

2010-08-24 Thread tee
 
On Aug 24, 2010, at 3:24 AM, Michael MD wrote:

> 
>> I am working on  a mobile version WordPress site that I have not done
> content negotiation yet, but display none the content >including inline
> images that I don't want them show up in mobile version. The homepage is a
> little heavy due to a large 
> 
> I wouldn't rely on css for mobile sites ... to many phones don't support it
> properly ... 
> Mine doesn't (it just ignores it)

On top of serving media queries for mobile version, a very basic phone style 
sheet will be served even though I am pretty sure my clients' targeted 
audiences won't be those who use low-end phones for web browsing - the way I 
look at this is, it's like food, if it isn't taste good, nobody will want to 
eat it unless one is starving at near death stage. There are just too many 
limitation, too costly , too unappealing reason for anyone willing to visit a 
site (even if it's mobile web optimized) in older phones. I don't built sites 
that can be used for surviving purpose so I can rest assure no starving people 
come to the sites I build for emergency and hope to be rescued.

Despite what I have learned from David Story about Opera Mini, media queries 
along cannot make a usable mobile version of site that is truly targets mobile 
user. Content negotiation and adaption cannot be forgone, there are more to it 
to make usable mobile version site than displaying none to elements you don't 
want the mobile users see.

tee

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



Re: [WSG] Opera Mini

2010-08-24 Thread David Laakso

Michael MD wrote:

I wouldn't rely on css for mobile sites ... to many phones don't support it
properly ... 
Mine doesn't (it just ignores it)
 

  




Mobile devices in the category such as yours [older less capable 
handsets] respond well to the method proposed by Luca Passani [1].


However, it would be a grave mistake to advocate not using  CSS, media 
queries, or Opera Mini for "low-end" handsets. Opera Mini has brought 
the Web to these devices. And it is to the credit of Opera Software / 
Opera Mini that in some parts of the world the privilege of experiencing 
the Web is now possible for the first time...


Best,
~d

[1]





--
http://chelseacreekstudio.com/



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



RE: [WSG] Opera Mini

2010-08-24 Thread Michael MD

>I am working on  a mobile version WordPress site that I have not done
content negotiation yet, but display none the content >including inline
images that I don't want them show up in mobile version. The homepage is a
little heavy due to a large 

I wouldn't rely on css for mobile sites ... to many phones don't support it
properly ... 
Mine doesn't (it just ignores it)
 
Opera mini (or ANYTHING that comes as a java app) works rather poorly my
phone 
So I end up just using the built in browser - even though can't do css or
javascript...

If you want to build a mobile site for the *general public* it will need to
be usable on devices WITHOUT css, javascript or flash.

Don't forget there are a lot of people like me out there who just won't
spent $1000 on a phone and are not willing to go into debt on some "plan"...
and ... how often does the average person buy a new phone?



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



Re: [WSG] Opera Mini

2010-08-23 Thread David Storey


On 23 Aug 2010, at 20:28, tee wrote:


Hi David from Opera,

Quote you:
I'm a member of that WG but honestly it is complete useless and out  
of date. It was commissioned when 12kb all together was a big deal.


From the Mobile Web Best Practices course class I got an impression  
the mobileOK Checker is an improved version (v1.4.1) but I have no  
prior experience to compare it.


Improved as in improved to test to the requirements to what MobileOK  
was set out to test when it was commissioned, yes. That was when  
things like Palm WebOS, Android, iOS etc didn't exist and browsers for  
low end devices which can handle heavy content like Opera Mini were in  
their infancy.




I am working on  a mobile version WordPress site that I have not  
done content negotiation yet, but display none the content including  
inline images that I don't want them show up in mobile version. The  
homepage is a little heavy due to a large image (display none  
already), both mobileOK Checker and mobiReady test showed the page  
is over 80K and picked up all inline images.


I'd forget .mobi. It is already dead. People like Cameron Moll which  
were early cheerleaders of .mobi are already not renewing their .mobi  
domains. I consider that a checker bug if they are counting resources  
that are not loaded. Of course there are some  devices that load them  
(which are also devices that are commonly pay per kb of content  
downloaded) so you have to decide if you are targeting your content at  
those browsers (if there are a significant number of your users using  
those browsers). If not then you can ignore it. If so then you have to  
care about it.


Is there a way to find out exactly how many kilobyte Opera Mini  
loaded the page since you said it doesn't load anything sets to  
display none.


for us (Opera) yes, but I'm not sure there is for developers We  
average 90% compression so you can look at what Opera desktop does and  
remove 90% (just a guestimate on the avg).



You mentioned Dragonfly, I do use this tool when I check site in  
Opera, but it will not be a tool that can be replaced by FF Web  
Developer tool for most developers who live and breath by FF and the  
extension I believe


Ok, your choice. I'm PM of DFL so I'll aim to remove that argument by  
improving our tool, but sure…
(the UI is more intuitive and easier to navigate for layout  
troubleshoot  or  to find what classes/ID are in a block etc. ), and  
I do not see Dragonfly for Opera Mini and Opera Mobile. I searched  
for it few months ago.


You don;t need to download DFL for a device. DFL is the first tool  
that supports remote debugging (WebKit is now coming out with this).  
Basically you can set it in the desktop browser to remote debug mode  
(in settings, but we'll make it more obvious soon) then you can go to  
opera:debug on the device and connect to the desktop Opera DFL. It  
currently works on Opera Mobile and opera for devices. It can't work  
on Mini as the client uses some binary content rather than HTML/CSS  
(as it transcodes). IT may be possible in the future to debug what the  
Opera Mini sever sees, but as the client isn't HTML, there isn't much  
point to expose that in any meaningful way.





Another thing, Opera Mini does not load the font family (along with  
many other elements) but the default Sans-serif, however it's able  
to pick up some CSS3 elements (one that I see is text-shadow). Is  
this a device restriction preventing Opera Mini from doing this? I  
have a doubt because iPod (I think iPhone too but I don't have one  
to check) is capable of loading both default Sans and Sans-serif.



Thanks!

tee

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



David Storey

Chief Web Opener / Product Manager, Opera Dragonfly
W3C WG:  Mobile Web Best Practices / SVG Interest Group

Opera Software ASA, Oslo, Norway
Mobile: +47 94 22 02 32 / E-Mail/XMPP: dsto...@opera.com / Twitter:  
dstorey




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



[WSG] Opera Mini

2010-08-23 Thread tee
Hi David from Opera,

Quote you:
I'm a member of that WG but honestly it is complete useless and out of date. It 
was commissioned when 12kb all together was a big deal.

>From the Mobile Web Best Practices course class I got an impression the 
>mobileOK Checker is an improved version (v1.4.1) but I have no prior 
>experience to compare it. 

I am working on  a mobile version WordPress site that I have not done content 
negotiation yet, but display none the content including inline images that I 
don't want them show up in mobile version. The homepage is a little heavy due 
to a large image (display none already), both mobileOK Checker and mobiReady 
test showed the page is over 80K and picked up all inline images. Is there a 
way to find out exactly how many kilobyte Opera Mini loaded the page since you 
said it doesn't load anything sets to display none.


You mentioned Dragonfly, I do use this tool when I check site in Opera, but it 
will not be a tool that can be replaced by FF Web Developer tool for most 
developers who live and breath by FF and the extension I believe (the UI is 
more intuitive and easier to navigate for layout troubleshoot  or  to find what 
classes/ID are in a block etc. ), and I do not see Dragonfly for Opera Mini and 
Opera Mobile. I searched for it few months ago.


Another thing, Opera Mini does not load the font family (along with many other 
elements) but the default Sans-serif, however it's able to pick up some CSS3 
elements (one that I see is text-shadow). Is this a device restriction 
preventing Opera Mini from doing this? I have a doubt because iPod (I think 
iPhone too but I don't have one to check) is capable of loading both default 
Sans and Sans-serif.


Thanks!

tee

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



Re: [WSG] :: opera mini 5.1 ::

2010-08-18 Thread tee
 
On Aug 6, 2010, at 6:59 PM, David Storey wrote:

> 
> On 7 Aug 2010, at 00:44, tee wrote:
> 
>> 
>> On Aug 5, 2010, at 4:23 PM, David Storey wrote:
>>> 
>>> Not strictly true. First of all Opera Mini compresses the content and 
>>> images (which is one of the reasons for the image quality setting - it will 
>>> compress it less on high setting) to optimise it for low bandwidth devices. 
>>> Opera (in general) also doesn't load resources that are set to display: 
>>> none; until they are set to show on the page.
>> 
>> Hi David,
>> 
>> This is interesting but I am not sure I fully understand it. Compression 
>> this I understand, but not loading the display none part. Are you saying 
>> that Opera Mini able to exclude inline elements in the markup that are 
>> declared display none in the style sheet.
> 
> Yes that is correct. If a resource is display: none, opera will not load it 
> until you set it as display: block or whatever. Providing I  understand your 
> english correctly.
> 
>> 

Hi David, 

Thanks for the answers! One last question.


I am still having a tiny bit of issue to fully understand it, for the reason 
that I view at a html page a non-abstract object, it's real solid. A header, a 
left column, a content block, they are real filled with content (images and 
texts). Taking off the style sheet, we see a un-styled page, look into the 
source code, we see the skeleton of the page (still with content in it except 
the inline object such as image).


After my previous message, I realized that using inline 
image for my question wasn't  a best example, because inline image requires an 
action, a "link" to call the image, so strictly speaking, the image is not 
exactly part of the content but a standby that gets call in if it's told so  
whereas the "link action" (img src="image.jpg") is part of the content 
(skeleton of the page ). In this sense I do understand fully that Opera Mini 
able to exclude an inline image that is set to display none. I assume if the 
link action has a wrong command (link path not correct) or the image is not 
presented in the server, then desktop browser will not load the image too thus 
no extra file size. 

But how about the content ? Whether a paragraph of texts is of static HTML 
or get pulled in dynamically, it's loaded into the page and is part of HTML 
structure.


.no-display {display:none}

Can Opera Mini not load the "no-display" paragraph?

p/s. If you have difficulty understand my English, I can write in Chinese or 
Malay, and you can use Google translation :-)

tee



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



Re: [WSG] :: opera mini 5.1 ::

2010-08-10 Thread David Laakso

Duncan Hill wrote:
On Fri, 06 Aug 2010 01:51:17 +0100, David Laakso 
 wrote:


Hmm. Doubt it is Opera Mini. SanyoMiro okay this end. N80 cache 
issue? AP from sidebar [digits] and/or header "metroedition" 
display:none; not holding? I will check it out. Thanks for the 
"heads-up."


Best,
~d


I've reset Opera Mini on the N80.
Default image quality appears to be 'Medium', which results in a small 
width image but with no side-scroll for the page.

Is max-width 35% correct for the image on the 480px screen ??

Duncan






re: 

Doing considerably better on a low-end Sanyo/Mirro on this end. Unable 
to test in N80.
No scrollbar portrait or landscape. Settings at "mobile view-off," 
text-size medium and large, everything else at default.
Now feeding a separate set of much smaller images only to the handset. 
This seems to be the answer?


Best,
~d


--
http://chelseacreekstudio.com/



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



Re: [WSG] :: opera mini 5.1 ::

2010-08-06 Thread David Storey


On 7 Aug 2010, at 00:44, tee wrote:



On Aug 5, 2010, at 4:23 PM, David Storey wrote:


Not strictly true. First of all Opera Mini compresses the content  
and images (which is one of the reasons for the image quality  
setting - it will compress it less on high setting) to optimise it  
for low bandwidth devices. Opera (in general) also doesn't load  
resources that are set to display: none; until they are set to show  
on the page.


Hi David,

This is interesting but I am not sure I fully understand it.  
Compression this I understand, but not loading the display none  
part. Are you saying that Opera Mini able to exclude inline elements  
in the markup that are declared display none in the style sheet.


Yes that is correct. If a resource is display: none, opera will not  
load it until you set it as display: block or whatever. Providing I   
understand your english correctly.


If so, I would like to learn more the technical aspect how Opera  
Mini does it.


Not much to learn (not that it really matters to you). Basically the  
browser reads the style sheet and doen't load the resource that are  
not displayed.




If David L display none his 170kb inline image, Opera Mini will not  
load that 170kb or whatever reduced size that is after the  
compression?


Not sure I understand but if it is what I think then no it will not  
display.




When I did my final assignment for the Mobile Web Best Practices  
course I mentioned, I needed to make a page  (a WordPress blog) stay  
within 10k file size


I'm a member of that WG but honestly it is complete useless and out of  
date. It was commissioned when 12kb all together was a big deal. Now  
it is trivial. On smart phone no one cares as it is often unlimited  
data. On regular devices it matters cause you often pay per kb, but  
devices like OM have compression  and 12 kb is too small for a  
realistic page. The limit is set brcause many on the WG are browser  
vendors or such from WAP browsers  who have poor quality products  
(only IMHO) , that can't cope with real web sites (unlike Opera Mini  
or webkit browsers_


, it was more than a challenge having to watch over every byte in a  
dynamic page. I first used the media queries, "display:none" side  
column items (e.g., tags, archives, recent comment and inline image  
etc...) that I wanted to exclude in mobile version. Visually I get  
the result I wanted, but as far as markup and file sizes are  
concerned, they were still there in the source code.


But not loaded unless the browser is very low quality.

I tested the page over MobileOK Checker, the validator picked them  
up too, and that is how I concluded without some sort of content  
negotiation


Don't trust automated systems. They will lead you up blind ally  
without a paddle.


(along with other more aggressive methods), media queries is just a  
very nice idea for mobile version of site without much practical use,


Bull terds.

unless, we don't care at all optimization.


unfounded and incorrect.



tee





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



David Storey

Chief Web Opener / Product Manager, Opera Dragonfly
W3C WG:  Mobile Web Best Practices / SVG Interest Group

Opera Software ASA, Oslo, Norway
Mobile: +47 94 22 02 32 / E-Mail/XMPP: dsto...@opera.com / Twitter:  
dstorey




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



Re: [WSG] :: opera mini 5.1 ::

2010-08-06 Thread tee
 
On Aug 5, 2010, at 4:23 PM, David Storey wrote:
> 
> Not strictly true. First of all Opera Mini compresses the content and images 
> (which is one of the reasons for the image quality setting - it will compress 
> it less on high setting) to optimise it for low bandwidth devices. Opera (in 
> general) also doesn't load resources that are set to display: none; until 
> they are set to show on the page.

Hi David,

This is interesting but I am not sure I fully understand it. Compression this I 
understand, but not loading the display none part. Are you saying that Opera 
Mini able to exclude inline elements in the markup that are declared display 
none in the style sheet. If so, I would like to learn more the technical aspect 
how Opera Mini does it. 

If David L display none his 170kb inline image, Opera Mini will not load that 
170kb or whatever reduced size that is after the compression?

When I did my final assignment for the Mobile Web Best Practices course I 
mentioned, I needed to make a page  (a WordPress blog) stay within 10k file 
size, it was more than a challenge having to watch over every byte in a dynamic 
page. I first used the media queries, "display:none" side column items (e.g., 
tags, archives, recent comment and inline image etc...) that I wanted to 
exclude in mobile version. Visually I get the result I wanted, but as far as 
markup and file sizes are concerned, they were still there in the source code. 
I tested the page over MobileOK Checker, the validator picked them up too, and 
that is how I concluded without some sort of content negotiation (along with 
other more aggressive methods), media queries is just a very nice idea for 
mobile version of site without much practical use, unless, we don't care at all 
optimization.

tee





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



Re: [WSG] :: opera mini 5.1 ::

2010-08-06 Thread Duncan Hill
On Fri, 06 Aug 2010 14:50:57 +0100, David Laakso  
 wrote:



I misunderstood, Duncan. Now I see what you mean...

On this end the scroll is only seen on the 7 portfolio pages. All the  
portfolio images are 10px left-aligned and approx 160px wide [35%] and  
fit within the window. However, I can scroll horizontally in which case  
there is white space and the double rule [border].  I have found that it  
is solely the image that causes this -- no image -- no horizontal  
scrollbar.


I will try Tee's suggestion but modify it so that a smaller set of  
portfolio images is used specifically and only for mobile.


Thanks to all for your diligence and persistence in helping me to  
resolve this little dilemma.


Best,
~d


No, maybe it's me getting confused.

As you have not set any width on the image in the html, I was seeing it as  
the image would be constrained to 35% of its parent container,   
which has no styling set and is itself constrained by #main with a  
max-width of 40em.


Corrections to my thinking are more than welcome from all.

 I'll just quietly watch developments.

Best wishes

Duncan


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



Re: [WSG] :: opera mini 5.1 ::

2010-08-06 Thread David Laakso

Duncan Hill wrote:


I've reset Opera Mini on the N80.
Default image quality appears to be 'Medium', which results in a small 
width image but with no side-scroll for the page.

Is max-width 35% correct for the image on the 480px screen ??

Duncan









I misunderstood, Duncan. Now I see what you mean...

On this end the scroll is only seen on the 7 portfolio pages. All the 
portfolio images are 10px left-aligned and approx 160px wide [35%] and 
fit within the window. However, I can scroll horizontally in which case 
there is white space and the double rule [border].  I have found that it 
is solely the image that causes this -- no image -- no horizontal scrollbar.


I will try Tee's suggestion but modify it so that a smaller set of 
portfolio images is used specifically and only for mobile.


Thanks to all for your diligence and persistence in helping me to 
resolve this little dilemma.


Best,
~d





--
http://chelseacreekstudio.com/



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



Re: [WSG] :: opera mini 5.1 ::

2010-08-06 Thread Duncan Hill
On Fri, 06 Aug 2010 01:51:17 +0100, David Laakso  
 wrote:


Hmm. Doubt it is Opera Mini. SanyoMiro okay this end. N80 cache issue?  
AP from sidebar [digits] and/or header "metroedition" display:none; not  
holding? I will check it out. Thanks for the "heads-up."


Best,
~d


I've reset Opera Mini on the N80.
Default image quality appears to be 'Medium', which results in a small  
width image but with no side-scroll for the page.

Is max-width 35% correct for the image on the 480px screen ??

Duncan


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



Re: [WSG] :: opera mini 5.1 ::

2010-08-05 Thread David Laakso

tee wrote:

Checked one of a mobile sites I did that has inline image larger than 480px 
...trimmed, thanks [I think  :-) ].







Oh, easy for Leonardo.
-- Dylan Thomas




--
http://chelseacreekstudio.com/



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



Re: [WSG] :: opera mini 5.1 ::

2010-08-05 Thread tee
I forgot to mention, when switching between  portrait and landscape, Opera Mini 
dosen't auto re-adjust and refresh the layout, you need to refresh it manually 
if you try to see the examples from the O browser. This bug gave  a false 
impression the first time I used Opera Mini, that the media rule doesn't get 
picked up, and took me days to realize the quirk (guess I am a slow learner :-) 
). 

tee
On Aug 5, 2010, at 7:55 PM, tee wrote:

> Checked one of a mobile sites I did that has inline image larger than 480px 
> and  no width/height attributes were declared in the CSS and markup, but 
> Opera Mini is able to resize the image fits in the screen.
> 
> I think I have a fine guess what has gone wrong with your inline image-it's 
> simply too long, and Opera Mini resizing the whole image to fit in the screen 
> propotionally using Height, though I suspect the way you have your img 
> declared  (auto height and max-width) might have attributed to it but I 
> didn't test it more thoroughly.
> 
> your vision - orignial image
> image sie: 620 x 2254px
> http://bit.ly/mwdd  
> 
> I thought maybe html5 be contributed too it too so I made a XHTML version to 
> compare just in case. 
> 
> image sie: 620 x 861px
> image trimmed - xhtml version
> http://bit.ly/mwddd2
> 
> trimmed image - html5 version
> http://bit.ly/mwddd3  
> 
> Screen shots taken from Opera Mini and Safari
> http://greensho.nexcess.net/mweb/s1.png  - landscape, note that it resized 
> the image to fit in 320 height thus making the image rendered smaller than 
> the portrait view below.
> 
> http://greensho.nexcess.net/mweb/s3.png  - portrait.
> 
> I guess David from Opera has a good explanation for it.
> 
> A note for Safari and Andriod, the trimmed image is still too wide and part 
> of it got cut off, but this can be compensated with reduced percentage in 
> both width and height.
> http://greensho.nexcess.net/mweb/d4.html
> 
> David, FYI re input padding bug
> http://greensho.nexcess.net/mweb/s2.png  
> http://greensho.nexcess.net/mweb/s3-safari.png
> 



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



Re: [WSG] :: opera mini 5.1 ::

2010-08-05 Thread tee
Checked one of a mobile sites I did that has inline image larger than 480px and 
 no width/height attributes were declared in the CSS and markup, but Opera Mini 
is able to resize the image fits in the screen.

I think I have a fine guess what has gone wrong with your inline image-it's 
simply too long, and Opera Mini resizing the whole image to fit in the screen 
propotionally using Height, though I suspect the way you have your img declared 
 (auto height and max-width) might have attributed to it but I didn't test it 
more thoroughly.

your vision - orignial image
image sie: 620 x 2254px
http://bit.ly/mwdd  

I thought maybe html5 be contributed too it too so I made a XHTML version to 
compare just in case. 

image sie: 620 x 861px
image trimmed - xhtml version
http://bit.ly/mwddd2

trimmed image - html5 version
http://bit.ly/mwddd3  

Screen shots taken from Opera Mini and Safari
http://greensho.nexcess.net/mweb/s1.png  - landscape, note that it resized the 
image to fit in 320 height thus making the image rendered smaller than the 
portrait view below.

http://greensho.nexcess.net/mweb/s3.png  - portrait.

I guess David from Opera has a good explanation for it.

A note for Safari and Andriod, the trimmed image is still too wide and part of 
it got cut off, but this can be compensated with reduced percentage in both 
width and height.
http://greensho.nexcess.net/mweb/d4.html

David, FYI re input padding bug
http://greensho.nexcess.net/mweb/s2.png  
http://greensho.nexcess.net/mweb/s3-safari.png

tee

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



Re: [WSG] :: opera mini 5.1 ::

2010-08-05 Thread David Laakso

tee wrote:



This site may give you a general idea how much it may cost your mobile user per 
page.
http://mobiready.com


tee




  






Granted all 7 images in the portfolio section are heavy, Nevertheless, 
the mobile device is SanyoMirro [ a "low-end" handset-- it is not a 
"smart-phone" ] for BoostMobile [ the carrier charge is a flat-fee of  
50 dollars per month for /unlimited/ phone and internet use -- there is 
no mobile user per page charge ]. Unlike my former iPhone I do not need 
to constantly re-charge the battery; I can make  audible phone calls to 
a friend who lives in the same apartment building as me; I can also make 
audible phone calls to downtown Boston [4 miles away]; I am able make 
frequent audible phone calls to California,
Tennessee, and Michigan. And it sure is a lot /easier and cheaper/ to 
read the New York Times on a daily basis on my SanyoMirro than it ever 
was on my iPhone...


Rock-on Opera Mini/BoostMobile.

End of AT&T/smart-phone rant :-) .

Best,
~d

--
http://chelseacreekstudio.com/



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



Re: [WSG] :: opera mini 5.1 ::

2010-08-05 Thread David Laakso

Duncan Hill wrote:
On Thu, 05 Aug 2010 21:41:33 +0100, David Laakso 
 wrote:




Having checked in Opera desktop, which does respond to the @media 
queries, and the N80, I have a suspicion that there may be something 
in your header that is maintaining a side scroll on the handheld.

Could that be an overflow failure in Mini or a minimum size setting.

Best wishes

Duncan






Hmm. Doubt it is Opera Mini. SanyoMiro okay this end. N80 cache issue? 
AP from sidebar [digits] and/or header "metroedition" display:none; not 
holding? I will check it out. Thanks for the "heads-up."


Best,
~d


--
desktop
http://chelseacreekstudio.com/



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



Re: [WSG] :: opera mini 5.1 ::

2010-08-05 Thread David Storey


On 5 Aug 2010, at 23:51, tee wrote:



On Aug 5, 2010, at 2:05 PM, David Storey wrote:



On 5 Aug 2010, at 21:12, tee wrote:


Hi David,

Having done 2 full sites+ many exercise mobile sites, I view at  
Opera Mini (including the Mobile 10) the Internet Explorer 6+7,  
it's a browser one will hate it, curse it more than praise it :-(


What are your issues with Opera Mobile (Opera Mini has known  
restrictions as it is designed for low-end devices which can't  
power a full browser; .





Are you mixing up Mini and Mobile,


Oops, I must be. Mini and Mobile sounded very much the same browser  
to me, and I got an impression that  Opera had consolidated the two  
name from Mini to Mobile 10 since the version 5.


No. Opera Mini is for JavaME enabled feature phones and restrictive  
devices (such as iOS), but does work on Smart Phones as it works  
anywhere (and there are special versions for a number of smart phone  
platforms to take advantage of features they offer such as being able  
to be set as the default browser, which Java often can't offer)


Opera Mobile is for Smartphone platforms: Symbian, Windows Mobile,  
Maemo and Android.





So the one I been using is Opera Mini 5 in my iPod (should this be  
called a smart phone equivalent?)


No, iOS doesn't allow Opera Mobile due to its licensing terms and  
conditions. It is capable of running  browser such as Opera Mobile  
technically, but not politically.



, but it does look to me like a full browser (and with many quirks).


We have a shared UI layer across our mobile (and a number of other  
devices such as TV) products. On the surface the UI is the same  
between Mini and Mobile, but the engine is different. Mobile is a full  
Opera Presto rendering engine under the hood. Mini is a thin client  
(you could almost think of it as something like a PDF viewer) which  
renders on a server and sends the transcoded content to the Opera Mini  
client. Mobile runs on more advanced platforms so it will allow for  
more things in the UI like higher DPI rendering and such. Mini can  
also cope with those things if running on smart phones.


I have experienced many issues in Opera Mini 5 which took quite a  
bit of time to get rid of, some were fixed, but these two are quite  
stubborn.


1. Pre tag - in portrait view if a line of content is longer than  
the device width, it doesn't wrap.


Pre is special in that it doesn't suppose to wrap.

2. padding issue (I think) in the input. If I add a background image  
like so and the image has a width of, say, 12px


input {
background: url(search-icon.png) no-repeat left top;
padding: 1px 2px 1px 16px
}

The input has  a value of "search site", the text should be pushed  
16px to the right. Andriod and Safari obeyed the rule, but Opera  
Mini ignores the padding rule which resulting the text and  
background image overlapped.


I'd need to see an example, but Mini makes a number of trade-offs to  
fit on basic devices, such as the transcoding I mentioned earlier.  
This does some reformatting to wrap content to a page width so no  
horizontal scrolling of text and such is needed when zooming in  
(horizontal scrolling is often difficult on feature phones, and  
generally isn't a good experience in general to have to scroll left  
and right to read text). This transcoding and line length wrapping  
could be causing issues, especially if it works on desktop. The engine  
on desktop and the engine run by the Opera Mini server is basically  
the same. Some advanced graphical features are not supported (eg.  
transforms, border-radius etc.) as they require our Vega graphics  
engine to render, which isn't available in the device as it is a thin  
client. We could transcode such things technically to images, but that  
would be too costly in terms of bandwidth.


I am sure I will find more issues in this browser as I get more  
opportunities to work on Mobile version of websites.


Sure. Remember to file bugs: bugs.opera.com/wizard/ . That way we will  
fix them if it is possible, as we can't fix issues we don't know  
about. Of course there is always trade offs in making a browser for  
such limited devices, so we can't promise we will be able to fix  
everything.


I often think Opera desktop has paddings/margins/line-height bug  
related to EM and % which seems never fixed, but then it might be  
Opera way of handling them, and they are carried over to Mini.


Opera has some rounding issues with large values of em's and % yes.  
They are on the roadmap to be fixed but it takes time as browsers are  
complex and there are always lots of things to fix, and lots of new  
HTML5 or CSS3 or SVG features to support which are used by many  
popular services and need to be supported. There are trade offs to be  
made to support the rounding correctly, but we will fix it sooner  
rather than later.


A browser that has only 5+% usage (based from many stats of the  
sites I did)


Depends which market you

Re: [WSG] :: opera mini 5.1 ::

2010-08-05 Thread David Storey


On 6 Aug 2010, at 00:48, tee wrote:



On Aug 5, 2010, at 1:41 PM, David Laakso wrote:



Whoops. Hit send too soon. Here's the rest of it...


Got the iPod screenshot, thanks -- will look into it.

The image issue has been resloved in the Opera Mini Simulator and  
in the Sany Mirro handset [a low-end device] with Duncan's  
suggestion of setting Image Quality High. This makes the image from  
too narrow to too wide.


I changed the CSS as follows to reduce the image width: /* was 96% */

@media handheld, screen and (max-width: 480px), screen and (max- 
device-width: 480px) {

body#p #main img {
max-width : 35% !important;
height : auto !important;
}
} /* for Opera Mini 5.1 on SanyoMirro 4 BoostMobile*/



If you add this in the above @media rule the horizontal scrolling  
will go away.


header, #page {
margin : 0 auto;
width: 100%;
}


I was not aware the Opera Mini image rendering differences in image  
quality setting with low, medium and high until Duncan pointed out.


From the mobile user point of view, changing image quality to high   
might not be a good approach though. In my iPod, the default quality  
is medium, and I  assume this is the majority will see in their  
Opera Mini.


Some thoughts, not related to the issue you are having, but I think  
they are valid points for your mobile users.


A side note, I have just completed the W3C Mobile Best Practice  
course taught by Phil, and have learned many practical, useful  
skills and knowledges. One of the strong emphasizes Phil taught us,  
is to "Specify the size of images in markup, if they have an  
intrinsic size."


To get a Mobile OK (optimized) site, a page cannot be more than 10K.  
That image you have, is 170kb and that you using one style sheet  
with media queries to target all devices, if I am a user on the go  
who needs to watch over bandwidth and monthly phone bill, I don't  
think I would be happy visiting your site.


I was very excited when I first learned how to use media queries  
just few months ago, but after the course, I found that just the   
media queries will not do if you need to optimized a mobile version  
site.


I completed the course with a conclusion that Content negotiation  
almost is a must just for one simple reason, using media queries to  
"display:none" only makes the content/element you do not want mobile  
user to see off the screen, it does not eliminate the sizes that  
slow the page load, eat up user's phone bill.


Not strictly true. First of all Opera Mini compresses the content and  
images (which is one of the reasons for the image quality setting - it  
will compress it less on high setting) to optimise it for low  
bandwidth devices. Opera (in general) also doesn't load resources that  
are set to display: none; until they are set to show on the page. Your  
mileage may vary with other browsers though. Opera Mini is designed  
for feature phones with slow networks that cost per kb. This is why it  
is hugely popular across Asia, Africa and South/Central America. It of  
course has some trade offs in what it can support using the client  
server approach, but those trade offs are worth it for the users, as  
the alternatives would be no internet at all or one that costs too much.


Ignoring the strengths of Opera Mini, you can easily use Media Queries  
without just using it to override screen styles to hide them for  
mobile. For example you can provide two stylesheets; one only  for  
screen and one only for small screen devices. you can set the media  
query to be mutually exclusive so the mobile browser never gets the  
stylesheet designed for desktop and thus doesn't have to override the  
styles. Or otherwise you can use the default stylesheet to style the  
mobile page, and use another stylesheet to override those styles for  
desktop. The mobile will then never download those styles.


Depending on the context, it is often best to try to keep the images  
linked from the style sheet, rather than in the HMTL (especially if  
presentational ) so you can specify an optimised one to the device  
based on the media query. This doesn't matter for Opera Mini as it  
will optimise it anyway (and not load it if display: none;, but will  
benefit less bandwidth-smart browsers and devices.






This site may give you a general idea how much it may cost your  
mobile user per page.

http://mobiready.com


tee





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



David Storey

Chief Web Opener / Product Manager, Opera Dragonfly
W3C WG:  Mobile Web Best Practices / SVG Interest Group

Opera Software ASA, Oslo, Norway
Mobile: +47 94 22 02 32 / E-Mail/XMPP: dsto...@opera.com / Twitter:  
dstorey




*

Re: [WSG] :: opera mini 5.1 ::

2010-08-05 Thread tee
 
On Aug 5, 2010, at 1:41 PM, David Laakso wrote:
> 
> 
> Whoops. Hit send too soon. Here's the rest of it...
> 
> 
> Got the iPod screenshot, thanks -- will look into it.
> 
> The image issue has been resloved in the Opera Mini Simulator and in the Sany 
> Mirro handset [a low-end device] with Duncan's suggestion of setting Image 
> Quality High. This makes the image from too narrow to too wide.
> 
> I changed the CSS as follows to reduce the image width: /* was 96% */
> 
> @media handheld, screen and (max-width: 480px), screen and (max-device-width: 
> 480px) {
> body#p #main img {
> max-width : 35% !important;
> height : auto !important;
> }
> } /* for Opera Mini 5.1 on SanyoMirro 4 BoostMobile*/
> 

If you add this in the above @media rule the horizontal scrolling will go away.

header, #page {
margin : 0 auto;
width: 100%;
}


I was not aware the Opera Mini image rendering differences in image quality 
setting with low, medium and high until Duncan pointed out. 

>From the mobile user point of view, changing image quality to high  might not 
>be a good approach though. In my iPod, the default quality is medium, and I  
>assume this is the majority will see in their Opera Mini.

Some thoughts, not related to the issue you are having, but I think they are 
valid points for your mobile users.

A side note, I have just completed the W3C Mobile Best Practice course taught 
by Phil, and have learned many practical, useful skills and knowledges. One of 
the strong emphasizes Phil taught us, is to "Specify the size of images in 
markup, if they have an intrinsic size."

To get a Mobile OK (optimized) site, a page cannot be more than 10K. That image 
you have, is 170kb and that you using one style sheet with media queries to 
target all devices, if I am a user on the go who needs to watch over bandwidth 
and monthly phone bill, I don't think I would be happy visiting your site.

I was very excited when I first learned how to use media queries just few 
months ago, but after the course, I found that just the  media queries will not 
do if you need to optimized a mobile version site. 

I completed the course with a conclusion that Content negotiation almost is a 
must just for one simple reason, using media queries to "display:none" only 
makes the content/element you do not want mobile user to see off the screen, it 
does not eliminate the sizes that slow the page load, eat up user's phone bill.

This site may give you a general idea how much it may cost your mobile user per 
page.
http://mobiready.com


tee





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



Re: [WSG] :: opera mini 5.1 ::

2010-08-05 Thread Duncan Hill
On Thu, 05 Aug 2010 21:41:33 +0100, David Laakso  
 wrote:



I changed the CSS as follows to reduce the image width: /* was 96% */

@media handheld, screen and (max-width: 480px), screen and  
(max-device-width: 480px) {

body#p #main img {
max-width : 35% !important;
height : auto !important;
}
} /* for Opera Mini 5.1 on SanyoMirro 4 BoostMobile*/



Best,
~d


The image rendering for ingo.png is very poor with the max-width: 96%;  
setting in all main browsers on Win XP.



Best wishes

Duncan


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



Re: [WSG] :: opera mini 5.1 ::

2010-08-05 Thread Duncan Hill
On Thu, 05 Aug 2010 21:41:33 +0100, David Laakso  
 wrote:



Whoops. Hit send too soon. Here's the rest of it...


Got the iPod screenshot, thanks -- will look into it.

The image issue has been resloved in the Opera Mini Simulator and in the  
Sany Mirro handset [a low-end device] with Duncan's suggestion of  
setting Image Quality High. This makes the image from too narrow to too  
wide.


I changed the CSS as follows to reduce the image width: /* was 96% */

@media handheld, screen and (max-width: 480px), screen and  
(max-device-width: 480px) {

body#p #main img {
max-width : 35% !important;
height : auto !important;
}
} /* for Opera Mini 5.1 on SanyoMirro 4 BoostMobile*/



Best,
~d

I've tried just about every combination of settings on the N80
screen size is 352x416
tried portrait and landscape, it lands in an awkward patch of your @media  
values.


Having checked in Opera desktop, which does respond to the @media queries,  
and the N80, I have a suspicion that there may be something in your header  
that is maintaining a side scroll on the handheld.

Could that be an overflow failure in Mini or a minimum size setting.
Best settings for Portrait or Landscape:
Images: On
Image Quality: High
Font: Medium
Mobile View: Off
Fullscreen: On or Off


Best wishes

Duncan


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



Re: [WSG] :: opera mini 5.1 ::

2010-08-05 Thread tee
> 
> 1. Pre tag - in portrait view if a line of content is longer than the device 
> width, it doesn't wrap.

Correction! Not that it doesn't wrap (can pre tag wrap? I thought not), I think 
it's the font size (even in % and EM) does not re-adjust like other two do when 
you switch from Landscape to Portrait and this creates issue with certain html 
tags.

tee



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



Re: [WSG] :: opera mini 5.1 ::

2010-08-05 Thread tee
 
On Aug 5, 2010, at 2:05 PM, David Storey wrote:

> 
> On 5 Aug 2010, at 21:12, tee wrote:
> 
>> Hi David,
>> 
>> Having done 2 full sites+ many exercise mobile sites, I view at Opera Mini 
>> (including the Mobile 10) the Internet Explorer 6+7, it's a browser one will 
>> hate it, curse it more than praise it :-(
> 
> What are your issues with Opera Mobile (Opera Mini has known restrictions as 
> it is designed for low-end devices which can't power a full browser; .


> 
> Are you mixing up Mini and Mobile, 

Oops, I must be. Mini and Mobile sounded very much the same browser to me, and 
I got an impression that  Opera had consolidated the two name from Mini to 
Mobile 10 since the version 5.

So the one I been using is Opera Mini 5 in my iPod (should this be called a 
smart phone equivalent?) , but it does look to me like a full browser (and with 
many quirks).

I have experienced many issues in Opera Mini 5 which took quite a bit of time 
to get rid of, some were fixed, but these two are quite stubborn.

1. Pre tag - in portrait view if a line of content is longer than the device 
width, it doesn't wrap.
2. padding issue (I think) in the input. If I add a background image like so 
and the image has a width of, say, 12px

input {
background: url(search-icon.png) no-repeat left top; 
padding: 1px 2px 1px 16px
}

The input has  a value of "search site", the text should be pushed 16px to the 
right. Andriod and Safari obeyed the rule, but Opera Mini ignores the padding 
rule which resulting the text and background image overlapped.

I am sure I will find more issues in this browser as I get more opportunities 
to work on Mobile version of websites.

I often think Opera desktop has paddings/margins/line-height bug related to EM 
and % which seems never fixed, but then it might be Opera way of handling them, 
and they are carried over to Mini. A browser that has only 5+% usage (based 
from many stats of the sites I did) and offers no browser specific option for 
developer to tackle a slight difference that maybe required at time, does make 
a web developer hard to love it and embrace it :-)

tee

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



Re: [WSG] :: opera mini 5.1 ::

2010-08-05 Thread David Storey


On 5 Aug 2010, at 21:12, tee wrote:


Hi David,

Having done 2 full sites+ many exercise mobile sites, I view at  
Opera Mini (including the Mobile 10) the Internet Explorer 6+7, it's  
a browser one will hate it, curse it more than praise it :-(


What are your issues with Opera Mobile (Opera Mini has known  
restrictions as it is designed for low-end devices which can't power a  
full browser; which are the majority of the worlds devices people use  
to access the web. Smart phones are only big in the West).


Are you mixing up Mini and Mobile, as you state "In my iPod Opera  
Mobile 10". Opera Mobile doesn't exist for iPod as Apple do not allow  
full browsers on iOS as JavaScript engines bar their own pre-installed  
one are banned.




I think the problem might be this:

body#p #main img {border: 3px solid red;display: block;
max-width : 96% !important;
height : auto !important;
margin : 20px 0 0 0;
}

Should it not be "body#p, #main img"?

Apart for this, I don't think it's a good idea to declare max-width  
for any mobile browsers, be it container or inline image. This rule  
you have should take care of the width for portrait and landscape  
view:
@media handheld, screen and (max-width: 480px), screen and (max- 
device-width: 480px)


In my iPod Opera Mobile 10, your site results horizontal  
scrolling,   you might want to overwrite all the EM declared in  
(max)widths to % in your @media.


A side note , next time you might want to post a tinyURL or bit.ly  
(I like this!) address if ask mobile browser check because typing on  
a tiny screen keypad on a tiny screen for a long url address is no  
fun :-) Some mobile emulators do not allow copy and paste either.


tee
On Aug 5, 2010, at 11:27 AM, David Laakso wrote:


markup

css
around line 669


The image does not fill the width of the window in
Sanyo Mirro scp3810 for BoostMobile running Opera Mini 5.1
nor in the Opera Mini Simulator.


What to do?


It does fill the window in Mac OS X 10.4 at 600, 480, and 400.
And it fills the window in the iPhoney Simulator...


Best,




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



David Storey

Chief Web Opener / Product Manager, Opera Dragonfly
W3C WG:  Mobile Web Best Practices / SVG Interest Group

Opera Software ASA, Oslo, Norway
Mobile: +47 94 22 02 32 / E-Mail/XMPP: dsto...@opera.com / Twitter:  
dstorey




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



Re: [WSG] :: opera mini 5.1 ::

2010-08-05 Thread David Laakso

David Laakso wrote:

tee wrote:
I sent you a screenshot taken from Opera Mini directly from iPod 
using landscape view
It might go into your junk box.  I am quite certain the image is the 
result of the max-width declaration in your img and the horizontal 
scrolling is the product of EM width with the combination of max-width.


Opera mobile 10 emulator doesn't has the same issue though, but then 
I have learned to never trust the emulator from day one.


tee
  









Whoops. Hit send too soon. Here's the rest of it...


Got the iPod screenshot, thanks -- will look into it.

The image issue has been resloved in the Opera Mini Simulator and in the 
Sany Mirro handset [a low-end device] with Duncan's suggestion of 
setting Image Quality High. This makes the image from too narrow to too 
wide.


I changed the CSS as follows to reduce the image width: /* was 96% */

@media handheld, screen and (max-width: 480px), screen and 
(max-device-width: 480px) {

body#p #main img {
max-width : 35% !important;
height : auto !important;
}
} /* for Opera Mini 5.1 on SanyoMirro 4 BoostMobile*/



Best,
~d














http://chelseacreekstudio.com/



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





--
desktop
http://chelseacreekstudio.com/



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



Re: [WSG] :: opera mini 5.1 ::

2010-08-05 Thread David Laakso

tee wrote:

I sent you a screenshot taken from Opera Mini directly from iPod using 
landscape view
It might go into your junk box.  I am quite certain the image is the result of 
the max-width declaration in your img and the horizontal scrolling is the 
product of EM width with the combination of max-width.

Opera mobile 10 emulator doesn't has the same issue though, but then I have 
learned to never trust the emulator from day one.

tee
  




Got the iPod screenshot, thanks -- will look into it.

The image issue has been resloved in the Opera Mini Simulator and in the Sany 
Mirro handset [a low-end device] with Duncan's suggestion of setting Image 
Quality High. This makes the image from too narrow to too wide.

I changed the CSS as follows to reduce the image width: 
/* was 96% */






http://chelseacreekstudio.com/



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



Re: [WSG] :: opera mini 5.1 ::

2010-08-05 Thread tee
I sent you a screenshot taken from Opera Mini directly from iPod using 
landscape view
It might go into your junk box.  I am quite certain the image is the result of 
the max-width declaration in your img and the horizontal scrolling is the 
product of EM width with the combination of max-width.

Opera mobile 10 emulator doesn't has the same issue though, but then I have 
learned to never trust the emulator from day one.

tee
>> 
> 
> A friend checked it on an iPod prior to the inclusion of the @media 
> declarations and reported no issues at that time. I will ask her to check it 
> again.
> 
> Thanks.
> 
> Best,
> ~d



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



Re: [WSG] :: opera mini 5.1 ::

2010-08-05 Thread David Laakso

Duncan Hill wrote:
On Thu, 05 Aug 2010 19:27:24 +0100, David Laakso 
 wrote:



markup



Best,
~d


Only an old Nokia N80 to test on.
Messed with Opera Mini settings and the only way to get the image to 
display at larger than mini size was to set Image Quality to High, but 
then it did not respect the screen width.

Doesn't seem to provide any clues I'm afraid.

Best wishes

Duncan








Bingo, I bet!!!

Image Quality High with max-width re-set to 40% or a little less ought 
to do it.

If you do not hear back from me in an hour or so it is resolved.

Thanks!

Best,
~d



--
http://chelseacreekstudio.com/



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



Re: [WSG] :: opera mini 5.1 ::

2010-08-05 Thread David Laakso

tee wrote:

Hi David,

I think the problem might be this:

body#p #main img {border: 3px solid red;display: block;
max-width : 96% !important;
height : auto !important;
margin : 20px 0 0 0;
}

Should it not be "body#p, #main img"?


tee

  




#p is the id for the styles specific to the portfolio pages, so I don't 
think your suggestion would work as you've written it -- and, just

#main img {...}
does not work, either.

I have had no difficulty with Opera Mini 5.1 on Sanyo Mirro [ a low-end 
device ] whatsoever, other than the problem I wrote about.


A friend checked it on an iPod prior to the inclusion of the @media 
declarations and reported no issues at that time. I will ask her to 
check it again.


Thanks.

Best,
~d


--
desktop
http://chelseacreekstudio.com/



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



Re: [WSG] :: opera mini 5.1 ::

2010-08-05 Thread Duncan Hill
On Thu, 05 Aug 2010 19:27:24 +0100, David Laakso  
 wrote:



markup

css
around line 669


The image does not fill the width of the window in
Sanyo Mirro scp3810 for BoostMobile running Opera Mini 5.1
nor in the Opera Mini Simulator.


What to do?


It does fill the window in Mac OS X 10.4 at 600, 480, and 400.
And it fills the window in the iPhoney Simulator...


Best,
~d


Only an old Nokia N80 to test on.
Messed with Opera Mini settings and the only way to get the image to  
display at larger than mini size was to set Image Quality to High, but  
then it did not respect the screen width.

Doesn't seem to provide any clues I'm afraid.

Best wishes

Duncan


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



Re: [WSG] :: opera mini 5.1 ::

2010-08-05 Thread tee
Hi David,

Having done 2 full sites+ many exercise mobile sites, I view at Opera Mini 
(including the Mobile 10) the Internet Explorer 6+7, it's a browser one will 
hate it, curse it more than praise it :-(

I think the problem might be this:

body#p #main img {border: 3px solid red;display: block;
max-width : 96% !important;
height : auto !important;
margin : 20px 0 0 0;
}

Should it not be "body#p, #main img"?

Apart for this, I don't think it's a good idea to declare max-width for any 
mobile browsers, be it container or inline image. This rule you have should 
take care of the width for portrait and landscape view:
@media handheld, screen and (max-width: 480px), screen and (max-device-width: 
480px) 

In my iPod Opera Mobile 10, your site results horizontal scrolling,   you might 
want to overwrite all the EM declared in (max)widths to % in your @media.

A side note , next time you might want to post a tinyURL or bit.ly (I like 
this!) address if ask mobile browser check because typing on a tiny screen 
keypad on a tiny screen for a long url address is no fun :-) Some mobile 
emulators do not allow copy and paste either.

tee
On Aug 5, 2010, at 11:27 AM, David Laakso wrote:

> markup
> 
> css
> around line 669
> 
> 
> The image does not fill the width of the window in
> Sanyo Mirro scp3810 for BoostMobile running Opera Mini 5.1
> nor in the Opera Mini Simulator.
> 
> 
> What to do?
> 
> 
> It does fill the window in Mac OS X 10.4 at 600, 480, and 400.
> And it fills the window in the iPhoney Simulator...
> 
> 
> Best,



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



[WSG] :: opera mini 5.1 ::

2010-08-05 Thread David Laakso

markup

css
around line 669


The image does not fill the width of the window in
Sanyo Mirro scp3810 for BoostMobile running Opera Mini 5.1
nor in the Opera Mini Simulator.


What to do?


It does fill the window in Mac OS X 10.4 at 600, 480, and 400.
And it fills the window in the iPhoney Simulator...


Best,
~d

--
http://chelseacreekstudio.com/



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



[WSG] Opera Dragonfly survey

2010-06-01 Thread David Storey

Hi,

The Opera Dragonfly team is conducting a survey to gather feedback on  
how we can improve and tailor  our developer tools to meet the needs  
of developers and designers, such as yourselves. This is your chance  
to have a say in the future direction and road map for Opera Dragonfly.


We'd very much appreciate it if people on this list can take a short  
amount of their time to fill in this survey and let us know how we can  
surve your needs better.


The link is http://bit.ly/b8sAbJ

Thanks for your time,

David Storey

Chief Web Opener / Product Manager, Opera Dragonfly
W3C WG:  Mobile Web Best Practices / SVG Interest Group

Opera Software ASA, Oslo, Norway
Mobile: +47 94 22 02 32



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



Re: [WSG] opera mini and table

2010-05-15 Thread tee
Forgot one important note.

Even if max/min widths are removed, OM still show the same rendering for table 
whether a width is declared in table.


tee


On May 15, 2010, at 7:45 AM, tee wrote:

> I'd just discovered that Apple approved Opera Mini browser for iPhone/iPod 
> (maybe only available for US Apple Store as of now). 
> 
> This is the first time I ever have a firsthand experience browsing web via 
> OM, so I am not sure if some of the behaviors I saw only apply to Apple 
> mobile devices.
> 
> A brief explanation on the page that I tested.
> 
> (a) a style sheet for all media 
> 
> #container {max-width: 40em;min-width: 240px;margin: 10px;}
> 
> (b) A style sheet for media queries targeting iPhone, Andriod and I thought 
> OM too
> - Special treatment for floated columns to prevent the same classes in the 
> handheld file taking over.
> 
> (c) A handheld style sheet for older devices
> #container {80%}  <-- my thought is  iPhone, Andriod picked up this and 
> ignored max/min-widths in (a), I thought OM should do that too, but it 
> doesn't and this is the reason  I was seeing below behaviors.
> 
> 
> Max-width/min-width declared but not width in (a):
> 
> OM doesn't treat Table elements well, at first I thought it was because the 
> online emulator doesn't accurately reflect the actual rendering (this is 
> before I found out OM for iPhone), but browsing from iPod, I am seeing the 
> same behavior.  If width is declared in (a), it will take the width based on 
> the total given width (width + paddings + margins) of the #container, and 
> ignores the second div (intend to serve as a wrapper for table just for 
> testing purpose), so if a layout is 2 columns floated, the table overlaps the 
> right column, and from a rough estimation, I believe it inherits the 
> #container {80%} in (c) + 10px margin right in (a).
> 
> Whether a second div is given or not, OM ignores the width declared if the 
> table's width is smaller than the given width of outer div, but if the width 
> is wider than the given width of #container, it doesn't ignore. This behavior 
> however does not applied to horizontal view though, my guess is  it takes the 
> max-width instead.
> 
> 
> 
> Max-width/min-width (in (a)), width declared (in (b)):
> 
> The same behavior existed if pixel is used in Width (never mind if it's 
> larger or smaller than the width declared in #container). With em unit, the 
> behavior is gone if the width value is same as max-width, if the width 
> smaller even just 0.5em, the same rendering comes back.
> 
> I see that max/min widths are the supported properties in CSS Mobile Profile 
> 2.0 so is table elements for XHTML Basic 1.1, it's rather bizarre for OM to 
> behavior like that.
> 
> http://www.w3.org/TR/css-mobile/
> http://www.w3.org/2007/07/xhtml-basic-ref.html#elem_table
> 
> 
> Also, If pixel value is used for width, OM loses zooming capability, is it 
> because in other mobile devices, they don't have zooming feature?
> 
> 
> Devices that is 220px or wider from Adobe Device Central all rendered the 
> table correctly, but then I have no knowledge if I can even trust what I see 
> from those emulators. I have CS3, so the  devices rendered in ADC CS3 may not 
> be as up to date as the CS4 or CS5.
> 
> 
> In regard to the poor support of table for mobile devices in general, what do 
> you think about the tabular data?  I would love to hear what you guys think. 
> My thought is that there are data that are best served in tabular format and 
> from semantical point of view  we should never treat tabular data differently 
> just for the sake of supporting mobile devices.  
> 
> 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
***



[WSG] opera mini and table

2010-05-15 Thread tee
I'd just discovered that Apple approved Opera Mini browser for iPhone/iPod 
(maybe only available for US Apple Store as of now). 

This is the first time I ever have a firsthand experience browsing web via OM, 
so I am not sure if some of the behaviors I saw only apply to Apple mobile 
devices.

A brief explanation on the page that I tested.

(a) a style sheet for all media 

#container {max-width: 40em;min-width: 240px;margin: 10px;}

(b) A style sheet for media queries targeting iPhone, Andriod and I thought OM 
too
- Special treatment for floated columns to prevent the same classes in the 
handheld file taking over.

(c) A handheld style sheet for older devices
#container {80%}  <-- my thought is  iPhone, Andriod picked up this and ignored 
max/min-widths in (a), I thought OM should do that too, but it doesn't and this 
is the reason  I was seeing below behaviors.


Max-width/min-width declared but not width in (a):

OM doesn't treat Table elements well, at first I thought it was because the 
online emulator doesn't accurately reflect the actual rendering (this is before 
I found out OM for iPhone), but browsing from iPod, I am seeing the same 
behavior.  If width is declared in (a), it will take the width based on the 
total given width (width + paddings + margins) of the #container, and ignores 
the second div (intend to serve as a wrapper for table just for testing 
purpose), so if a layout is 2 columns floated, the table overlaps the right 
column, and from a rough estimation, I believe it inherits the #container {80%} 
in (c) + 10px margin right in (a).

Whether a second div is given or not, OM ignores the width declared if the 
table's width is smaller than the given width of outer div, but if the width is 
wider than the given width of #container, it doesn't ignore. This behavior 
however does not applied to horizontal view though, my guess is  it takes the 
max-width instead.



Max-width/min-width (in (a)), width declared (in (b)):

The same behavior existed if pixel is used in Width (never mind if it's larger 
or smaller than the width declared in #container). With em unit, the behavior 
is gone if the width value is same as max-width, if the width smaller even just 
0.5em, the same rendering comes back.

I see that max/min widths are the supported properties in CSS Mobile Profile 
2.0 so is table elements for XHTML Basic 1.1, it's rather bizarre for OM to 
behavior like that.

http://www.w3.org/TR/css-mobile/
http://www.w3.org/2007/07/xhtml-basic-ref.html#elem_table


Also, If pixel value is used for width, OM loses zooming capability, is it 
because in other mobile devices, they don't have zooming feature?


Devices that is 220px or wider from Adobe Device Central all rendered the table 
correctly, but then I have no knowledge if I can even trust what I see from 
those emulators. I have CS3, so the  devices rendered in ADC CS3 may not be as 
up to date as the CS4 or CS5.


In regard to the poor support of table for mobile devices in general, what do 
you think about the tabular data?  I would love to hear what you guys think. My 
thought is that there are data that are best served in tabular format and from 
semantical point of view  we should never treat tabular data differently just 
for the sake of supporting mobile devices.  

tee

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



Re: [WSG] opera 10 and access keys

2009-10-06 Thread Luc
 Good evening Patrick,

It was foretold that
on 06/10/2009 @ 23:43:05 GMT+0100 (which was 19:43:05 where I live)
Patrick H. Lauke would write:



PHL> Works fine for me in Opera 10 final - Shift+Esc brings up the list of 
PHL> 2,3,4,5 and 6

Hmm, that's strange on my opera 10 final it doesn't. I get the pop
up and when hovering over it, the text is shown as a tooltip but the
actual list is white


-- 
Regards,
Luc
_

 http://www.dzinelabs.com

Using the best e-mail client: The Bat! version 4.2.6 with
Windows XP (build 2600), version
5.1 Service Pack 3 and
using the best browser: Opera. 



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



Re: [WSG] opera 10 and access keys

2009-10-06 Thread Patrick H. Lauke

Luc wrote:


Does anybody know if Opera 10 has problems with access keys? The list
pops up but just shows a blank window.



http://www.dzinelabs.com/sandbox/New_site_layout/maxtest.html


Works fine for me in Opera 10 final - Shift+Esc brings up the list of 
2,3,4,5 and 6

http://www.opera.com/browser/tutorials/nomouse/#access

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/
__
Co-lead, Web Standards Project (WaSP) Accessibility Task Force
http://webstandards.org/
__


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



[WSG] opera 10 and access keys

2009-10-06 Thread Luc
Good evening list,

Does anybody know if Opera 10 has problems with access keys? The list
pops up but just shows a blank window.

test:

http://www.dzinelabs.com/sandbox/New_site_layout/maxtest.html
  
-- 
Regards,
 Luc
_

http://www.dzinelabs.com

Using the best e-mail client: The Bat! version 4.2.6 with
Windows XP (build 2600), version
5.1 Service Pack 3 and
using the best browser: Opera.

"Diplomacy - the art of letting someone have your way." - attributed
to Daniele Vare. 



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



Re: [WSG] 「Opera」 Percent with css

2009-08-05 Thread David Storey


On 5 Aug 2009, at 06:31, Bruno Fassino wrote:


ピエール・アンリ・ラヴィン wrote:


I don't understand the following issue with Opera:

Let's set a container to 4000px, and children elements to 12.5%
4000px / 12.5 = 320px.
But for Opera,
* 12.5px => 12px : I can understand
* 12.5% => 12% : I don't understand



I can only say that this is an old issue with Opera, still present in
beta versions of Opera 10: it simply ignores the fractional part in
percentages used as width.
In the past Opera had even worse "approximation" problems, see [1].
Now most of these are fixed, but percentage widths are still "stepped"
[2], and borders expressed in em still have a crazy behavior [3].


Yes, we have had and do have a number of rounding issues in Presto.   
The worst issues that were causing the biggest problems have been  
fixed but there are some left.  They are something we are looking into  
fixing but they need to be put into priority with other bug fixes and  
new capabilities.


I'd be careful with pixel perfect layouts in general as it is  
difficult getting them consistent across browsers, and especially  
platforms.  Just the different anti-aliasing can change things, or is  
often the case in our bug reports, developers line things up pixel  
perfect and don't take into account platforms like Linux have  
different fonts with different x heights and the whole layout falls  
down like a stack of cards as the linux font takes up more space.





Best regards,
Bruno


[1] http://brunildo.org/test/emarg.pl
[2] http://brunildo.org/test/percwidth2.pl
[3] http://brunildo.org/test/embord.pl

--
Bruno Fassino http://www.brunildo.org/test


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


David Storey

Chief Web Opener / Product Manager, Opera Dragonfly
W3C WG:  Mobile Web Best Practices / SVG Interest Group

Opera Software ASA, Oslo, Norway
Mobile: +47 94 22 02 32



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



Re: [WSG] 「Opera」 Percent with css

2009-08-04 Thread Bruno Fassino
ピエール・アンリ・ラヴィン wrote:
>
> I don't understand the following issue with Opera:
>
> Let's set a container to 4000px, and children elements to 12.5%
> 4000px / 12.5 = 320px.
> But for Opera,
>  * 12.5px => 12px : I can understand
>  * 12.5% => 12% : I don't understand


I can only say that this is an old issue with Opera, still present in
beta versions of Opera 10: it simply ignores the fractional part in
percentages used as width.
In the past Opera had even worse "approximation" problems, see [1].
Now most of these are fixed, but percentage widths are still "stepped"
[2], and borders expressed in em still have a crazy behavior [3].

Best regards,
Bruno


[1] http://brunildo.org/test/emarg.pl
[2] http://brunildo.org/test/percwidth2.pl
[3] http://brunildo.org/test/embord.pl

-- 
Bruno Fassino http://www.brunildo.org/test


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



[Spam] :Re: [WSG] 「Opera」 Perce nt with css

2009-08-04 Thread Luke Hoggett
Hi,
I'm not sure why Opera rounds like this, personally I've never seen the
issue,

Just wanted to point out that 12.5% of 4000 == 500 not 320.
e.g. 4000 * 12.5 /100 not 4000 / 12.5

cheers
Luke

2009/8/5 ピエール・アンリ・ラヴィン 

>
> Good day,
>
> I don't understand the following issue with Opera:
>
> Let's set a container to 4000px, and children elements to 12.5%
> 4000px / 12.5 = 320px.
> But for Opera,
>  * 12.5px => 12px : I can understand
>  * 12.5% => 12% : I don't understand
>
> It works well with recent browsers but Opera is still rounding the
> result ( % or px or em or whatever ) even if the ratio is pixel right. I
> understand we could argue for a whole life about how managing '320.5px'
> for example, but why default Opera is rounded the number before
> computing the styles ?
>
> Thanks for your answers and your feedbacks
>
> ピエールランリ
> --
> Power up the Internet with Yahoo! Toolbar.
> http://pr.mail.yahoo.co.jp/toolbar/
>
>
> ***
> 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] 「Opera」 Percent with css

2009-08-04 Thread greg
This is an automated message from g...@siworks.co.za.

Good day,
I am on currently on leave and will be back in the office on monday the 17th August 2009
Please contact my office on 011 466 3872 and speak to Daniel, alternativly at last resort send me an SMS and I will contact you.
Thanks // Dankie // Siyabonga // Ndiyabulela // Gracias // Merci etc etc,
Greg ShiersChief fulfiller of needsTel: +27 11 466 3872Cell: +27 83 640 2660Mail: g...@siworks.co.zaWeb: www.siworks.co.za

-
The information transmitted is intended only for the person or entity
to which it is addressed and may contain confidential and/or
privileged material. Any review, retransmission, dissemination or
other use of, or taking of any action in reliance upon, this
information by persons or entities other than the intended recipient
is prohibited. If you received this in error, please contact the
sender and delete the material from any computer
-
SI Works Internet may monitor outgoing and incoming
e-mails and other telecommunications on its e-mail and telecommunications systems.
-




***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: memberh...@webstandardsgroup.org***



[WSG] 「Opera」 Percent with css

2009-08-04 Thread ピエール・アンリ・ラヴィン

Good day,

I don't understand the following issue with Opera:

Let's set a container to 4000px, and children elements to 12.5%
4000px / 12.5 = 320px.
But for Opera,
  * 12.5px => 12px : I can understand
  * 12.5% => 12% : I don't understand

It works well with recent browsers but Opera is still rounding the
result ( % or px or em or whatever ) even if the ratio is pixel right. I
understand we could argue for a whole life about how managing '320.5px'
for example, but why default Opera is rounded the number before
computing the styles ?

Thanks for your answers and your feedbacks

ピエールランリ
--
Power up the Internet with Yahoo! Toolbar.
http://pr.mail.yahoo.co.jp/toolbar/


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



Re: [WSG] Opera Targeting?!

2009-02-04 Thread David Hucklesby
On Wed, 4 Feb 2009 03:37:19 -0800, tee wrote:
>
>
> IS 200% one time font size increasement or two?

While FF 3 does not tell you, Firebug will show you the calculated
font-size in pixels after re-sizing. In the CSS panel, choose Options >
Show computed style.

Hope this helps.

Cordially,
David
--



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



Re: [WSG] Opera Targeting?!

2009-02-04 Thread David Hucklesby
On Wed, 4 Feb 2009 03:37:19 -0800, tee wrote:
>
>
> IS 200% one time font size increasement or two?

While FF 3 does not tell you, Firebug will show you the calculated
font-size in pixels after re-sizing. In the CSS panel, choose Options >
Show computed style.

Hope this helps.

Cordially,
David
--



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



Re: [WSG] Opera Targeting?!

2009-02-04 Thread Gunlaug Sørtun

Gunlaug Sørtun wrote:


Maybe someone can do a control check, measure the actual sizes on
screen for zoom values and mouse-wheel resizing steps for 'text
resizing' vs 'full page zoom' set at shown values, and let us know
the results.


Just to make sure we're resizing the same way: notice that I refer to
"mouse-wheel steps" everywhere, and not 'view drop-down options' or
keyboard 'ctrl + +'.

These non-mouse resizing options have 6 steps from 100% to 200% in
Firefox - as Patrick Lauke presented it, for both 'full page zoom' and
'text only zoom'.

Guess that accounts for my error :-)

regards
Georg
--
http://www.gunlaug.no


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



Re: [WSG] Opera Targeting?!

2009-02-04 Thread Gunlaug Sørtun

David Dixon wrote:
Not quite right im afraid. Patrick Lauke sent an email about this in 
December that highlighted the Firefox zoom config as shown below:


-- Quote --


toolkit.zoomManager.zoomValues, and this will show the various zoom 
factors at each step. In my case (which should be the default) these

 are:

.3, .5, .67, .8, .9, 1, 1.1, 1.2, 1.33, 1.5, 1.7, 2, 2.4, 3

So, nominally 200% (which, according to the "Understanding..." bit 
for that SC, means "200%, that is, up to twice the width and height" 
- so really a 400% increase in total area) is actually 6 steps, if 
you want to go purely by numbers.



-- End Quote --



David


Ok, but then 200% 'whole page zoom' in Opera and IE8rc1 is _much more_
than 200%, because when I overlay Firefox (3.0.5 & 3.1b2) with 'text
only zoom' on any of these two (Opera and IE) at that 200% 'whole page
zoom', I need 10 mouse-wheel steps up from default (100%) to reach the
text-size and line-height they're at (at 200%), as shown below.


Gunlaug Sørtun wrote:


Side-by-side comparison and measuring on various OSes (96dpi res. 
all to avoid any misunderstandings) reveals the following:


- Firefox (3.0.5 & 3.1b2) seems to increment in 10% mouse-wheel 
steps for both 'text zoom' and 'whole page zoom'. That means 10 
steps (or clicks) from "default" to "200% of default" for both zoom

 variants.


Both Opera and IE8rc1 have 'whole page zoom' selectors showing 200% as a
value - seen in the lower-right corner of their chrome, and I can't
imagine that these two (competing) browsers agree that 200% means
exactly the same and that this "same value" is then *not* really 200%.

I also cross-checked using the same screens (96dpi res.), OSes (win2K,
XP, Vista, Ubuntu) and mouse/keyboard (connected via Synergy), and can't
find the cause for my errors.

Rounding-errors caused by trying to hit the same number of screen pixels
at the same resizing levels via different calculation algorithms, become
insignificantly small at 200% resizing level.

Maybe someone can do a control check, measure the actual sizes on screen
for zoom values and mouse-wheel resizing steps for 'text resizing' vs
'full page zoom' set at shown values, and let us know the results.

regards
Georg
--
http://www.gunlaug.no


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



Re: [WSG] Opera Targeting?!

2009-02-04 Thread David Dixon
Not quite right im afraid. Patrick Lauke sent an email about this in 
December that highlighted the Firefox zoom config as shown below:


-- Quote --
toolkit.zoomManager.zoomValues, and this will show the various zoom 
factors at each step. In my case (which should be the default) these are:


.3, .5, .67, .8, .9, 1, 1.1, 1.2, 1.33, 1.5, 1.7, 2, 2.4, 3

So, nominally 200% (which, according to the "Understanding..." bit for 
that SC, means "200%, that is, up to twice the width and height" - so 
really a 400% increase in total area) is actually 6 steps, if you want 
to go purely by numbers.

-- End Quote --

David

Gunlaug Sørtun wrote:


Side-by-side comparison and measuring on various OSes (96dpi res. all to
avoid any misunderstandings) reveals the following:

- Firefox (3.0.5 & 3.1b2) seems to increment in 10% mouse-wheel steps
for both 'text zoom' and 'whole page zoom'. That means 10 steps (or
clicks) from "default" to "200% of default" for both zoom variants.




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



Re: [WSG] Opera Targeting?!

2009-02-04 Thread Gunlaug Sørtun

Brett Patterson wrote:

Okay, one quick question. You say 200% is twice the default size, but
 in browsers like Firefox 3, there is only the (shortcut) Ctrl++ to 
zoom in, and I cannot find the percentage of that zoom, so is 200% 
font size increasement one or two clicks?


Much more than that, I'm afraid.

Side-by-side comparison and measuring on various OSes (96dpi res. all to
avoid any misunderstandings) reveals the following:

- Firefox (3.0.5 & 3.1b2) seems to increment in 10% mouse-wheel steps
for both 'text zoom' and 'whole page zoom'. That means 10 steps (or
clicks) from "default" to "200% of default" for both zoom variants.

- IE8rc1 increments its 'whole page zoom' in 5% mouse-wheel steps, with
the usual +/- 2steps a' 25% for 'font resizing'. The latter only allows
for "150% of default".

- Opera (all versions) increments its 'whole page zoom' in 10%
mouse-wheel steps.

- Konqueror seems to increment in 10% mouse-wheel steps for both 'text
zoom' and 'whole page zoom'.

--

Note that 200% resizing means each letter take up 4 times the space
compared to on default size, regardless of zoom variant. Simple square
calculation.

So, calculating in a one or two clicks range while designing, doesn't
count for much.

regards
Georg
--
http://www.gunlaug.no


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



Re: [WSG] Opera Targeting?!

2009-02-04 Thread Felix Miata
On 2009/02/04 09:19 (GMT-0500) Brett Patterson composed:

> Okay, one quick question. You say 200% is twice the default size, but in
> browsers like Firefox 3, there is only the (shortcut) Ctrl++ to zoom in, and
> I cannot find the percentage of that zoom, so is 200% font size increasement
> one or two clicks?

Firefox is a Gecko browser with a minimalistic feature set. Another Gecko 
browser, SeaMonkey, with
a more extensive native feature set, lets you choose directly the % you want. 
It has selectable
presets in its view menu. Among them, the third is 200%, which might lead one 
to believe it would
take 3 successive shortcuts to reach 200% in FF. However,
http://hg.mozilla.org/releases/mozilla-1.9.1/rev/1d6410485164 shows that's what 
it used to be, and
what it was changed to (6). A quick look shows current FF3 appears to take 6 
steps to reach 200%.
Try FF2 or SM release if you wish fewer steps to get there.
-- 
"Do not let any unwholesome talk come out of your
mouths, but only what is helpful for building
others up." Ephesians 4:29 NIV

 Team OS/2 ** Reg. Linux User #211409

Felix Miata  ***  http://fm.no-ip.com/


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



Re: [WSG] Opera Targeting?!

2009-02-04 Thread Brett Patterson
Okay, one quick question. You say 200% is twice the default size, but in
browsers like Firefox 3, there is only the (shortcut) Ctrl++ to zoom in, and
I cannot find the percentage of that zoom, so is 200% font size increasement
one or two clicks?

--
Brett P.


On Wed, Feb 4, 2009 at 7:47 AM, Gunlaug Sørtun  wrote:

> tee wrote:
>
>  IS 200% one time font size increasement or two?
>>
>
> 200% is twice the default size, and the number of steps to get there
> varies from browser to browsers.
>
> Again: _default_ isn't whatever size you have declared in/for your
> document, but the browsers' own defaults. This default font size is what
> you see on your screen(s) when you do not declare font-size at all in
> your documents.
> Then, make the letters in the text twice as tall in the browser itself,
> without zooming the page as a whole. That is 200% font resizing - the
> kind that actually works for end-users.
>
>  My practise for a good layout is two times increasement, and I try to
>>  accommodate one decrement, but sometimes with certain design layout,
>>  especially with floated elements that either one or both have background
>> image(s) that the underneath div block has different background color, it's
>> just too much work to take good care and I let
>>  it goes without guilt :)
>>
>
> Guilt would be misplaced no matter what, and shouldn't be an issue. No
> matter what you do you're in good (or "good") company :-)
>
> It is however your creation that gets broken if it can't take a
> reasonable amount of the stress it risks getting exposed to when
> end-users use their browsers as designed, so you can't complain about it
> being broken either.
>
>
> That foreground and background get somewhat "detached" here and there is
> quite normal, and in some cases unavoidable with today's browsers and
> standards when background-images are used. Resizing of background-images
> to go with containers is only implemented on an experimental level in
> one or maybe two browsers - have only seen/tested it in Opera.
>
> We have only the tool-set that is available in browsers at any given
> time to play with, and when that tool-set isn't sufficient we either
> have to scale back our, or our clients', ambitions and use somewhat
> safe solutions, or we have to accept that our designs break.
>
> Minimizing the problems caused by breakage at the user-end is an
> important part of web design IMO, and "trying now" certainly makes it
> easier to pick up and make use of new design tools as they become
> available to us.
>
> regards
>Georg
> --
> http://www.gunlaug.no
>
>
> ***
> 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] Opera Targeting?!

2009-02-04 Thread Gunlaug Sørtun

tee wrote:


IS 200% one time font size increasement or two?


200% is twice the default size, and the number of steps to get there
varies from browser to browsers.

Again: _default_ isn't whatever size you have declared in/for your
document, but the browsers' own defaults. This default font size is what
you see on your screen(s) when you do not declare font-size at all in
your documents.
Then, make the letters in the text twice as tall in the browser itself,
without zooming the page as a whole. That is 200% font resizing - the
kind that actually works for end-users.


My practise for a good layout is two times increasement, and I try to
 accommodate one decrement, but sometimes with certain design layout,
 especially with floated elements that either one or both have 
background image(s) that the underneath div block has different 
background color, it's just too much work to take good care and I let

 it goes without guilt :)


Guilt would be misplaced no matter what, and shouldn't be an issue. No
matter what you do you're in good (or "good") company :-)

It is however your creation that gets broken if it can't take a
reasonable amount of the stress it risks getting exposed to when
end-users use their browsers as designed, so you can't complain about it
being broken either.


That foreground and background get somewhat "detached" here and there is
quite normal, and in some cases unavoidable with today's browsers and
standards when background-images are used. Resizing of background-images
to go with containers is only implemented on an experimental level in
one or maybe two browsers - have only seen/tested it in Opera.

We have only the tool-set that is available in browsers at any given
time to play with, and when that tool-set isn't sufficient we either
have to scale back our, or our clients', ambitions and use somewhat
safe solutions, or we have to accept that our designs break.

Minimizing the problems caused by breakage at the user-end is an
important part of web design IMO, and "trying now" certainly makes it
easier to pick up and make use of new design tools as they become
available to us.

regards
Georg
--
http://www.gunlaug.no


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



Re: [WSG] Opera Targeting?!

2009-02-04 Thread tee


On Feb 4, 2009, at 3:02 AM, Gunlaug Sørtun wrote:


Brett Patterson wrote:


[...] Now I realize where most of my problems have stemmed from.


Note that nearly all such "designer bugs" will be caught if you follow
WCAG2 recommendations and resize text in a browser to at least 200% of
browser default. (Default is 16px on 96dpi screen resolution in nearly
all browsers, so 200% will be 32px on that resolution.


IS 200% one time font size increasement or two?
My practise for a good layout is two times increasement, and I try to  
accommodate one decrement, but sometimes with certain design layout,  
especially with floated elements that either one or both have  
background image(s) that the underneath div block has different  
background color,  it's just too much work to take good care and I let  
it goes without guilt :)


tee

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



Re: [WSG] Opera Targeting?!

2009-02-04 Thread Gunlaug Sørtun

Brett Patterson wrote:


[...] Now I realize where most of my problems have stemmed from.


Note that nearly all such "designer bugs" will be caught if you follow
WCAG2 recommendations and resize text in a browser to at least 200% of
browser default. (Default is 16px on 96dpi screen resolution in nearly
all browsers, so 200% will be 32px on that resolution. Numbers grow with
higher screen resolutions, but browser do not yet agree on how to deal
with / adjust for rising screen resolution.)

- If you can't resize text in the browser, then it's probably IE and the
font-size unit is the wrong choice. Time to re-think design.

- If design/layout breaks in unacceptable ways when subjected to font
resizing stress, then the design/layout is at fault. Time to re-think
design.

Nothing you can do to prevent end-users from stress-testing your
creations - because they want to or because they have to, so it is
always best to test beyond breaking-point across browser-land before
release.
In the end you as designer/developer, consciously or unconsciously,
decide how much your creation(s) should be able to take before it
becomes "unacceptable".

FWIW: I didn't stress you layout on first load in any browser, but it
showed serious shortcomings anyway.
Later when I did put it under stress by applying regular browser-options
to it...

...it revealed its weaknesses.

regards
Georg
--
http://www.gunlaug.no


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



Re: [WSG] Opera Targeting?!

2009-02-03 Thread Brett Patterson
Oh! I get it. Finally!!! :) It has always been my understanding, from some
books that I have read (like CIW's books, ciwcertified.com, which go into
some detail just not a lot) and a few others, that a pixel (in relation to
size, meaning if you looked at your screen closely the little squares on
your screen are "natural" pixels but the computer/browser/other settings can
change the default size) was only "enlarged" meaning that 1px would be one
pixel, but take up so many of the screen's "natural" pixels if the user
enlarged the screen.

But what you said makes more sense than that. Now I realize where most of my
problems have stemmed from.

--
Brett P.


On Tue, Feb 3, 2009 at 6:27 PM, Benjamin Hawkes-Lewis <
bhawkesle...@googlemail.com> wrote:

> On 3/2/09 20:13, Brett Patterson wrote:
>
>> I really don't understand what you mean, when you say:
>>
>>It's a designer-bug. Vertical position of the navigation relies
>> entirely
>>on font size, which means it is all over the place in my browsers on
>>first load.
>>
>>No two browsers calculate font size exactly the same before rendering,
>>so relying on "pixel-perfect" font size across browser-land is not a
>>good idea. Add in font resizing and other regular options in browsers,
>>and it gets a lot worse - for the whole layout.
>>
>>
>> The problem should not rely on font size, but rather the margin from the
>> top of the item that margin-top is being applied to, to the bottom of
>> the item that is directly above the item that margin-top is being
>> applied to, correct?
>>
>
> I think Gunlaug is referring to this (simplified):
>
> 
>
>
>Title here
>
>Tabs here
>
>
> 
>
> #hdr {
>border-bottom: 1px solid #CC9966;
>height: 90px;
> }
>
> #pageheader {
>float: left;
> }
>
> You've floated #pageheader out of the normal flow that determines the
> height of #hdr, and there's nothing in place to force #hdr to contain the
> lowest floated descendant. The logo image is in normal flow but it is 85px
> tall, so what determines the height of #hdr is the "height: 90px;" setting.
>
> Consequently, the alignment of the bottom of #tabs with the bottom border
> #hdr depends on #pageheader actually being 90px tall. Since it's got text
> inside it, and you can suggest but cannot expect a font height (and
> therefore cannot even make a reliable prediction about how many lines a
> given string will need), that dependency is brittle in the extreme. In
> Firefox 3's Zoom submenu (under the View menu) try ticking "Zoom Text Only"
> and then zooming in twice to watch it break horribly, with the title text
> wrapping to the next line forcing the tabs entirely below the border.
>
> For further reading see:
>
> * http://www.w3.org/TR/CSS21/visudet.html#the-height-property
>
> * http://www.w3.org/TR/CSS21/visudet.html#Computing_heights_and_margins
>
> * http://www.ejeliot.com/blog/59
>
>  I mean I do know that font size across browsers does not render the
>> same, but if using pixels for a font size, should the pixels (in
>> relation to size) render the same?
>>
>
> I'm not entirely sure I understand the question ("in relation to size" -
> size of what?).
>
> The size of a CSS pixel is intended to be relative to the resolution of the
> viewport, and is ultimately up to the user agent:
>
> "Pixel units are relative to the resolution of the viewing device, i.e.,
> most often a computer display. If the pixel density of the output device is
> very different from that of a typical computer display, the user agent
> should rescale pixel values. It is recommended that the reference pixel be
> the visual angle of one pixel on a device with a pixel density of 96dpi and
> a distance from the reader of an arm's length. For a nominal arm's length of
> 28 inches, the visual angle is therefore about 0.0213 degrees."
>
> http://www.w3.org/TR/CSS21/syndata.html#length-units
>
> Most desktop browsers make a CSS pixel a monitor pixel, however most
> desktop browsers (Opera, IE7, IE8, Firefox 3) also include a zoom function
> that changes the effective pixel size up or down. Note that some zoom
> functions (Opera, IE8) include fit-to-width reflowing capabilities that mean
> that there's no guarantee that a box width in px will remain proportional to
> a font height specified in px.
>
> Most desktop browsers (IE, Firefox, Safari) allow users to adjust the font
> size up or down in steps. In IE's case, these adjustments do not affect font
> sizes specified in pixels.
>
> In addition, most desktop browsers (IE, Opera, Firefox, Safari) enforce
> minimum font sizes in real pixels and allow users to change them, and allow
> users to disregard publisher suggestions about font size and set enforce
> their own preferences.
>
> --
> Benjamin Hawkes-Lewis
>
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgr

Re: [WSG] Opera Targeting?!

2009-02-03 Thread Benjamin Hawkes-Lewis

On 3/2/09 20:13, Brett Patterson wrote:

I really don't understand what you mean, when you say:

It's a designer-bug. Vertical position of the navigation relies entirely
on font size, which means it is all over the place in my browsers on
first load.

No two browsers calculate font size exactly the same before rendering,
so relying on "pixel-perfect" font size across browser-land is not a
good idea. Add in font resizing and other regular options in browsers,
and it gets a lot worse - for the whole layout.


The problem should not rely on font size, but rather the margin from the
top of the item that margin-top is being applied to, to the bottom of
the item that is directly above the item that margin-top is being
applied to, correct?


I think Gunlaug is referring to this (simplified):




Title here

Tabs here




#hdr {
border-bottom: 1px solid #CC9966;
height: 90px;
}

#pageheader {
float: left;
}

You've floated #pageheader out of the normal flow that determines the 
height of #hdr, and there's nothing in place to force #hdr to contain 
the lowest floated descendant. The logo image is in normal flow but it 
is 85px tall, so what determines the height of #hdr is the "height: 
90px;" setting.


Consequently, the alignment of the bottom of #tabs with the bottom 
border #hdr depends on #pageheader actually being 90px tall. Since it's 
got text inside it, and you can suggest but cannot expect a font height 
(and therefore cannot even make a reliable prediction about how many 
lines a given string will need), that dependency is brittle in the 
extreme. In Firefox 3's Zoom submenu (under the View menu) try ticking 
"Zoom Text Only" and then zooming in twice to watch it break horribly, 
with the title text wrapping to the next line forcing the tabs entirely 
below the border.


For further reading see:

* http://www.w3.org/TR/CSS21/visudet.html#the-height-property

* http://www.w3.org/TR/CSS21/visudet.html#Computing_heights_and_margins

* http://www.ejeliot.com/blog/59


I mean I do know that font size across browsers does not render the
same, but if using pixels for a font size, should the pixels (in
relation to size) render the same?


I'm not entirely sure I understand the question ("in relation to size" - 
size of what?).


The size of a CSS pixel is intended to be relative to the resolution of 
the viewport, and is ultimately up to the user agent:


"Pixel units are relative to the resolution of the viewing device, i.e., 
most often a computer display. If the pixel density of the output device 
is very different from that of a typical computer display, the user 
agent should rescale pixel values. It is recommended that the reference 
pixel be the visual angle of one pixel on a device with a pixel density 
of 96dpi and a distance from the reader of an arm's length. For a 
nominal arm's length of 28 inches, the visual angle is therefore about 
0.0213 degrees."


http://www.w3.org/TR/CSS21/syndata.html#length-units

Most desktop browsers make a CSS pixel a monitor pixel, however most 
desktop browsers (Opera, IE7, IE8, Firefox 3) also include a zoom 
function that changes the effective pixel size up or down. Note that 
some zoom functions (Opera, IE8) include fit-to-width reflowing 
capabilities that mean that there's no guarantee that a box width in px 
will remain proportional to a font height specified in px.


Most desktop browsers (IE, Firefox, Safari) allow users to adjust the 
font size up or down in steps. In IE's case, these adjustments do not 
affect font sizes specified in pixels.


In addition, most desktop browsers (IE, Opera, Firefox, Safari) enforce 
minimum font sizes in real pixels and allow users to change them, and 
allow users to disregard publisher suggestions about font size and set 
enforce their own preferences.


--
Benjamin Hawkes-Lewis


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



Re: [WSG] Opera Targeting?!

2009-02-03 Thread Felix Miata
On 2009/02/03 15:13 (GMT-0500) Brett Patterson composed:

> On 2009/02/03 19:54 (GMT+0100) Gunlaug Sørtun composed:

> I really don't understand what you mean, when you say:

>> It's a designer-bug. Vertical position of the navigation relies entirely
>> on font size, which means it is all over the place in my browsers on
>> first load.

Users' browser defaults, and minimum text sizes, and zoom levels, vary,
mostly upward from the sizes designers prefer. As a consequence, positioning
with font size as the base reference usually means unpredictability of
results in the wild.

> ...using pixels for a font size...

Px for sizing text is your affirmative design choice that whatever text sizes
are acceptable to or preferred by your design's visitors are utterly
irrelevant, and not a matter of design consideration.
-- 
"Do not let any unwholesome talk come out of your
mouths, but only what is helpful for building
others up." Ephesians 4:29 NIV

 Team OS/2 ** Reg. Linux User #211409

Felix Miata  ***  http://fm.no-ip.com/


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



Re: [WSG] Opera Targeting?!

2009-02-03 Thread Felix Miata
On 2009/02/03 15:18 (GMT-0500) Brett Patterson composed:

> There are patches for Internet Explorer, though Microsoft calls them several
> different things, it could be a Security Update for Internet Explorer, a
> Cumulative Security Update for Internet Explorer, or even a Security Update
> for Windows (maybe worded differently on the last one). They just update IE
> differently then all the other browsers update their own. Microsoft does not
> really use v3.0.8 like Firefox would, 9.26 like Opera would, etc.

Fixes to stable released versions of web browsers are virtually always fixes
to security flaws. Fixes to rendering engines are nearly always reserved for
development versions and applied prior to new/significant a new version
release intended to be a replacement for a prior stable release.
-- 
"Do not let any unwholesome talk come out of your
mouths, but only what is helpful for building
others up." Ephesians 4:29 NIV

 Team OS/2 ** Reg. Linux User #211409

Felix Miata  ***  http://fm.no-ip.com/


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



Re: [WSG] Opera Targeting?!

2009-02-03 Thread Gunlaug Sørtun

Brett Patterson wrote:

You should rethink the positioning method, and forget about 
deviations

between browsers until you have stabilized it in one.



I do not understand this either, unless you are talking about using 
margin as the positioning method. I have stabilized it one browser. 
This is why I am worried about the deviations in all the others.


Apply font resizing in any browser, and you'll get larger
"positioning-errors" for the menu in _that_ browser than you get between
browsers when leaving all at their font size defaults.

Same version of same browser (Firefox 3.0.5) with similar settings on
different OSes already position the menu with much more that 1px
deviation - more like 20px, so I had to check across my entire
browser/OS range to see where you really wanted that menu to stay on the
page. Sorry, but that doesn't look "stabilized" to me.

My point is that elements are not styled to work well together under
even the slightest amount of stress in any browser, which means it is
much too early to correct 1px deviations in any of them.

regards
Georg
--
http://www.gunlaug.no


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



Re: [WSG] Opera Targeting?!

2009-02-03 Thread Gunlaug Sørtun

Christian Montoya wrote:

On Tue, Feb 3, 2009 at 2:41 PM, Gunlaug Sørtun 



IE7 is "dead" - meaning: "stable",


Ah, well, most people would consider "dead" and "stable" to be two 
entirely different things. Dead is more akin to "abandoned" or 
"unsupported."


OK, guess my choice of word can easily be misunderstood.

I consider software to be dead and stable the moment a real successor is
on its way, and the old piece isn't upgraded any more and can be safely
separated from all others. IE7 is there now, IMO.
I place FF2 in the same category btw, although is is slightly harder to
separate it safely from its successor - FF3.

And it's still entirely possible that while Microsoft is supporting 
IE 7, they could release a patch for it, if they ever decide they 
need to.


IE7 is supported in the sense that it gets security patches and alike
when there's a need for it.
Its rendering engine won't see any major upgrades, simply because of Ms
fear of "breaking the web". That fear has been sufficiently documented
and demonstrated by now.

IE8 is the major upgrade of/from IE7, and the only potential problem
here is that IE8 will not be able to emulate IE7' rendering perfectly
down to the minutest details and combinations - there are simply too
many details and combinations to test and tune.

regards
Georg
--
http://www.gunlaug.no


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



Re: [WSG] Opera Targeting?!

2009-02-03 Thread Brett Patterson
There are patches for Internet Explorer, though Microsoft calls them several
different things, it could be a Security Update for Internet Explorer, a
Cumulative Security Update for Internet Explorer, or even a Security Update
for Windows (maybe worded differently on the last one). They just update IE
differently then all the other browsers update their own. Microsoft does not
really use v3.0.8 like Firefox would, 9.26 like Opera would, etc.

--
Brett P.


On Tue, Feb 3, 2009 at 3:13 PM, Brett Patterson <
inspiron.patters...@gmail.com> wrote:

> I really don't understand what you mean, when you say:
>
>> It's a designer-bug. Vertical position of the navigation relies entirely
>> on font size, which means it is all over the place in my browsers on
>> first load.
>>
>> No two browsers calculate font size exactly the same before rendering,
>> so relying on "pixel-perfect" font size across browser-land is not a
>> good idea. Add in font resizing and other regular options in browsers,
>> and it gets a lot worse - for the whole layout.
>>
>
> The problem should not rely on font size, but rather the margin from the
> top of the item that margin-top is being applied to, to the bottom of the
> item that is directly above the item that margin-top is being applied to,
> correct? I mean I do know that font size across browsers does not render the
> same, but if using pixels for a font size, should the pixels (in relation to
> size) render the same? I would think they would, but maybe I am wrong.
>
>
> You should rethink the positioning method, and forget about deviations
>> between browsers until you have stabilized it in one.
>>
>
> I do not understand this either, unless you are talking about using margin
> as the positioning method. I have stabilized it one browser. This is why I
> am worried about the deviations in all the others.
>
>
> FWIW: there are no reliable ways to target Opera anymore. You can't even
>> know for sure if Opera is Opera.
>>
>
> I do understand this. But I was hoping there was a way, like using
> JavaScript. I can understand if there is not one though.
>
>
> Besides: one should only target/hack dead browsers, like IE7 and older.
>> Targeting/hacking live browsers like Opera, Firefox, Safari etc. for
>> real, will only create maintenance-problems as new versions arrive.
>
>
> This is the most confusing part. IE7 is a live browser, if it is not then
> how can Opera, Firefox, Safari, etc., be? Every new version is then a stable
> version (dead version, though dead almost sounds as though you would mean
> like IE3 or Netscape 3). Or, are you saying that there will never be updates
> for IE7, though upon saying that, it would be incorrectly "considered"
> stable?
>
> --
> Brett P.
>
>
> On Tue, Feb 3, 2009 at 2:41 PM, Gunlaug Sørtun  wrote:
>
>> David Dixon wrote:
>>
>>> Chomping at the bit to dismiss IE7 a little early aren't we Georg? :)
>>>
>>
>> :-)
>>
>> Look at IE7 from a designer/developer's point of view...
>>
>> IE7 is "dead" - meaning: "stable", so if it acts up and there isn't a
>> suitable solution that all browsers can see, there's no harm whatsoever
>> in hacking its dead body to pieces. IE7 can't come back to haunt us, no
>> matter how many users it has.
>>
>> No other browser/version will ever see what we feed IE7 only - with the
>> right targeting method, apart from maybe IE8 (and probably its
>> successors if it gets any) when it mimics IE7 in "(backwards)
>> compatibility view".
>>
>>  Gunlaug Sørtun wrote:
>>>
 Besides: one should only target/hack dead browsers, like IE7 and older.
 Targeting/hacking live browsers like Opera, Firefox, Safari etc. for real,
 will only create maintenance-problems as new versions arrive.

>>>
>> regards
>>Georg
>> --
>> http://www.gunlaug.no
>>
>>
>> ***
>> 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] Opera Targeting?!

2009-02-03 Thread Brett Patterson
I really don't understand what you mean, when you say:

> It's a designer-bug. Vertical position of the navigation relies entirely
> on font size, which means it is all over the place in my browsers on
> first load.
>
> No two browsers calculate font size exactly the same before rendering,
> so relying on "pixel-perfect" font size across browser-land is not a
> good idea. Add in font resizing and other regular options in browsers,
> and it gets a lot worse - for the whole layout.
>

The problem should not rely on font size, but rather the margin from the top
of the item that margin-top is being applied to, to the bottom of the item
that is directly above the item that margin-top is being applied to,
correct? I mean I do know that font size across browsers does not render the
same, but if using pixels for a font size, should the pixels (in relation to
size) render the same? I would think they would, but maybe I am wrong.


You should rethink the positioning method, and forget about deviations
> between browsers until you have stabilized it in one.
>

I do not understand this either, unless you are talking about using margin
as the positioning method. I have stabilized it one browser. This is why I
am worried about the deviations in all the others.


FWIW: there are no reliable ways to target Opera anymore. You can't even
> know for sure if Opera is Opera.
>

I do understand this. But I was hoping there was a way, like using
JavaScript. I can understand if there is not one though.


Besides: one should only target/hack dead browsers, like IE7 and older.
> Targeting/hacking live browsers like Opera, Firefox, Safari etc. for
> real, will only create maintenance-problems as new versions arrive.


This is the most confusing part. IE7 is a live browser, if it is not then
how can Opera, Firefox, Safari, etc., be? Every new version is then a stable
version (dead version, though dead almost sounds as though you would mean
like IE3 or Netscape 3). Or, are you saying that there will never be updates
for IE7, though upon saying that, it would be incorrectly "considered"
stable?

--
Brett P.


On Tue, Feb 3, 2009 at 2:41 PM, Gunlaug Sørtun  wrote:

> David Dixon wrote:
>
>> Chomping at the bit to dismiss IE7 a little early aren't we Georg? :)
>>
>
> :-)
>
> Look at IE7 from a designer/developer's point of view...
>
> IE7 is "dead" - meaning: "stable", so if it acts up and there isn't a
> suitable solution that all browsers can see, there's no harm whatsoever
> in hacking its dead body to pieces. IE7 can't come back to haunt us, no
> matter how many users it has.
>
> No other browser/version will ever see what we feed IE7 only - with the
> right targeting method, apart from maybe IE8 (and probably its
> successors if it gets any) when it mimics IE7 in "(backwards)
> compatibility view".
>
>  Gunlaug Sørtun wrote:
>>
>>> Besides: one should only target/hack dead browsers, like IE7 and older.
>>> Targeting/hacking live browsers like Opera, Firefox, Safari etc. for real,
>>> will only create maintenance-problems as new versions arrive.
>>>
>>
> regards
>Georg
> --
> http://www.gunlaug.no
>
>
> ***
> 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] Opera Targeting?!

2009-02-03 Thread Christian Montoya
On Tue, Feb 3, 2009 at 2:41 PM, Gunlaug Sørtun  wrote:
> David Dixon wrote:
>>
>> Chomping at the bit to dismiss IE7 a little early aren't we Georg? :)
>
> :-)
>
> Look at IE7 from a designer/developer's point of view...
>
> IE7 is "dead" - meaning: "stable",

Ah, well, most people would consider "dead" and "stable" to be two
entirely different things. Dead is more akin to "abandoned" or
"unsupported." And it's still entirely possible that while Microsoft
is supporting IE 7, they could release a patch for it, if they ever
decide they need to.

-- 
--
Christian Montoya
mappdev.com :: christianmontoya.net


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



Re: [WSG] Opera Targeting?!

2009-02-03 Thread Gunlaug Sørtun

David Dixon wrote:

Chomping at the bit to dismiss IE7 a little early aren't we Georg? :)


:-)

Look at IE7 from a designer/developer's point of view...

IE7 is "dead" - meaning: "stable", so if it acts up and there isn't a
suitable solution that all browsers can see, there's no harm whatsoever
in hacking its dead body to pieces. IE7 can't come back to haunt us, no
matter how many users it has.

No other browser/version will ever see what we feed IE7 only - with the
right targeting method, apart from maybe IE8 (and probably its
successors if it gets any) when it mimics IE7 in "(backwards)
compatibility view".


Gunlaug Sørtun wrote:
Besides: one should only target/hack dead browsers, like IE7 and 
older. Targeting/hacking live browsers like Opera, Firefox, Safari 
etc. for real, will only create maintenance-problems as new 
versions arrive.


regards
Georg
--
http://www.gunlaug.no


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



Re: [WSG] Opera Targeting?!

2009-02-03 Thread David Dixon

Chomping at the bit to dismiss IE7 a little early aren't we Georg? :)

David

Gunlaug Sørtun wrote:

Besides: one should only target/hack dead browsers, like IE7 and older.
Targeting/hacking live browsers like Opera, Firefox, Safari etc. for
real, will only create maintenance-problems as new versions arrive.



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



Re: [WSG] Opera Targeting?!

2009-02-03 Thread Gunlaug Sørtun

Brett Patterson wrote:
If my site is visited in Firefox or Internet Explorer first, you can 
see that everything aligns perfectly.


Not if that browser is called "IE8", I'm afraid. IE8 agrees with
Opera10alpha.


http://ttcharriman.edu/TTCH07/iftprojects/brettpatterson/index.html


It's a designer-bug. Vertical position of the navigation relies entirely
on font size, which means it is all over the place in my browsers on
first load.

No two browsers calculate font size exactly the same before rendering,
so relying on "pixel-perfect" font size across browser-land is not a
good idea. Add in font resizing and other regular options in browsers,
and it gets a lot worse - for the whole layout.

You should rethink the positioning method, and forget about deviations
between browsers until you have stabilized it in one.


FWIW: there are no reliable ways to target Opera anymore. You can't even
know for sure if Opera is Opera.

Besides: one should only target/hack dead browsers, like IE7 and older.
Targeting/hacking live browsers like Opera, Firefox, Safari etc. for
real, will only create maintenance-problems as new versions arrive.

regards
Georg
--
http://www.gunlaug.no


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



Re: [WSG] Opera Targeting?!

2009-02-03 Thread Adam Martin
I do not use conditional comments myself as I have coded a css parser to 
handle all these differences... but anyhow.. you could try and get Opera 
looking correct and then use conditional comments as needed for the 
other browsers. Just a suggestion, I am sure others here will know how 
to target using conditional comments.


For those that are interested, my parser works like the following:

/* Firefox
h1 {
   color: red;
}
*/
/* Opera
h1 {
   color: blue
}
*/

So it will render as it detects and finds matches, it can match any 
combination of OS, browser and version, for example:


/* Safari p {color: blue;} */
/* Firefox 2 p {color: red;} */
/* Opera 9.10 Win p {color: pink; }*/

No more hacks or conditional statements for me. And no more problems 
like Brett is having :)




Brett Patterson wrote:

Hello All,

I am in the process of working on my portfolio. It is not complete 
yet, but one problem with my navigation menu on the top exists. 
Although it is a minor pixel alignment in Opera, I cannot, for the 
life of me, figure out why only Opera is aligning my tabs (which are 
the top part of my navigation) 1px above the bottom border. If my site 
is visited in Firefox or Internet Explorer first, you can see that 
everything aligns perfectly. Is there a way to target Opera 
specifically? I have used conditional comments, including  to .


My site can be seen at 
http://ttcharriman.edu/TTCH07/iftprojects/brettpatterson/index.html


Can anyone help, please?

--
Brett P.

***
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
***



[WSG] Opera Targeting?!

2009-02-03 Thread Brett Patterson
Hello All,

I am in the process of working on my portfolio. It is not complete yet, but
one problem with my navigation menu on the top exists. Although it is a
minor pixel alignment in Opera, I cannot, for the life of me, figure out why
only Opera is aligning my tabs (which are the top part of my navigation) 1px
above the bottom border. If my site is visited in Firefox or Internet
Explorer first, you can see that everything aligns perfectly. Is there a way
to target Opera specifically? I have used conditional comments,
including  to .

My site can be seen at
http://ttcharriman.edu/TTCH07/iftprojects/brettpatterson/index.html

Can anyone help, please?

--
Brett P.


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

Re: [WSG] Opera not playing nice with checkbox

2008-09-12 Thread tee

Thanks Rachel, Rimantas and Ben,
Well given that radio buttons *are* inputs, that's what should  
happen. Granted it is annoying but it's per spec. Anyway, given that  
your beef is only with Opera, you can solve it easily with this:


input[type="radio"] { border: 0; }

You might need to make the selector a bit more specific to avoid the  
need for !important, of course; but you get the idea :)




Yes, I do practice specificity :) But not attribute selector yet, this  
thread makes me think I might as well start doing that.


The thing is, I already used the specificity to try making border:none  
for checkbox


.someclass .another-class .a-new-class-to-make-borders-go-away
{border:none}



Shouldn't this be enough to make the borders gone entirely? But Opera  
left out the border-bottom.  This must be a bug.


I have actually encountered a few other strange behaviors in Opera  
that I think might be bugs, I have been slowly documented them in one  
test page. I will post the test page in a new thread when it is  
completed.


tee


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Opera not playing nice with checkbox

2008-09-12 Thread Ben Buchanan
By the way, the radio buttons on the above page, is exactly what I wrote
> about annoying thing about Opera that it inherits the borders from input
> element. In my case, adding a class with border none only gotten rid of
>  top, left, right borders. I actually needed to use !important to get right
> of border-bottom.

Well given that radio buttons *are* inputs, that's what should happen.
Granted it is annoying but it's per spec. Anyway, given that your beef is
only with Opera, you can solve it easily with this:

input[type="radio"] { border: 0; }

You might need to make the selector a bit more specific to avoid the need
for !important, of course; but you get the idea :)

cheers,

Ben

-- 
--- 
--- The future has arrived; it's just not
--- evenly distributed. - William Gibson


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Opera not playing nice with checkbox

2008-09-12 Thread Rimantas Liubertas
> By the way, the radio buttons on the above page, is exactly what I wrote
> about annoying thing about Opera that it inherits the borders from input
> element.

Checkbox _is_ an input element. Just like radio – they are all INPUTs only
with different type. If you want to target some type specifically you can
use attribute selector in CSS - but that won't work for older IEs.


Regards,
Rimantas
--
http://rimantas.com/

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Opera not playing nice with checkbox

2008-09-11 Thread tee


On Sep 11, 2008, at 4:43 PM, David Hucklesby wrote:




Yes. A potential client just asked me to add some (more) scripting
to a page. I noticed the same thing - no check mark - in Opera 9.52
on Win XP Pro. Okay on Mac OS X though. This is the page:




Hi David, in my Mac, I can only see a tiny bit of check mark.

By the way, the radio buttons on the above page, is exactly what I  
wrote about annoying thing about Opera that it inherits the borders  
from input element. In my case, adding a class with border none only  
gotten rid of  top, left, right borders. I actually needed to use ! 
important to get right of border-bottom.


In my Opera, your submit request, reset buttons are overlapping with  
the last paragraph of text in that form. You need to give overflow  
hidden (this doesn't seem to work well in opera in cases like this) or  
clear both (guaranteed!)



tee



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Opera not playing nice with checkbox

2008-09-11 Thread David Hucklesby
On Wed, 10 Sep 2008 01:09:38 -0700, tee wrote:
> Anybody encounters this?
>
> The checkbox inherits the input declaration, and though I added a class to 
> overwrite
> it, with height and width, still I can't see the 'tick'.
> Another annoying thing with Opera, is that if I have background or border 
> declared for
> input tag, it inherits it to checkbox and radio button just like IE does.
>
>
> I found a seemingly workaround here but it doesn't work for my page.
> http://getsatisfaction.com/pingfm/topics/check_box_opera_9_5_osx
>

Yes. A potential client just asked me to add some (more) scripting
to a page. I noticed the same thing - no check mark - in Opera 9.52
on Win XP Pro. Okay on Mac OS X though. This is the page:

 

Cordially,
David
--




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



RE: [WSG] Opera not playing nice with checkbox

2008-09-11 Thread Rachel Radford
Hi Tee,

Radio buttons and checkboxes are used in different situations - a radio
button is when only one option in the list is able to be chosen such as
in your Poll, and checkboxes are for when more than one option can be
chosen, check all that apply type questions.  Some survey programmes
make radio buttons look like checkboxes, I guess to make them prettier
as you suggest, but I tend to err towards convention to avoid confusion
for the person filling it in.

In your case it may be easiest to just return the
checkboxes/radiobuttons for your poll to their default rendering (which
looks nice in Opera anyway, but not so hot in IE!) by styling the text
inputs specifically, rather than all inputs.  Non-text inputs do get
tricky to style cross browser without using javascript, etc. 

Rach

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of tee
Sent: 11 September 2008 01:39
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Opera not playing nice with checkbox


On Sep 10, 2008, at 4:26 PM, [EMAIL PROTECTED] wrote:
>
> I'm not familiar with the issue.  Could you send a reduced test case  
> (will be quicker for us to find the issue), or failing that ,a link  
> to the page where it happens.

James and David,

Thanks for your attention.

Here is the page:
http://teesworks.com/index.php/
On the right column, community poll, the checkboxes are not selectable  
(it's radio button there but I changed it to checkbox so that you can  
take a quick look without adding product to cart). In other pages  
where I have the a:focus declared with background color in input, I  
could see the background color when a checkbox is selectable.

Only tested in Mac Opera 9.50, Build 4870  on system 10.5.4

On Sep 10, 2008, at 4:09 PM, James Ellis wrote:

> Tee:
> I haven't seen your code but is it possible this is occurring  
> because both checkboxes and radios are, in fact, input elements ?
> e.g
> input {
> border : #000;
> background-color : #f00;
> }

yes, I have input element declared for borders and background color  
because input text field is used in every page, so it's easier to  
declare them directly to the element instead of adding a new class.

I thought we can have

checkbox, radio {border:none}

But they don't work for IE an Opera ?!

This reminds me to ask another question, does it matter whether one  
chooses to use Radio button or Checkbox. I like checkbox better  
because radio button is uglier in IE :)

tee




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Opera not playing nice with checkbox

2008-09-10 Thread tee


On Sep 10, 2008, at 4:26 PM, [EMAIL PROTECTED] wrote:


I'm not familiar with the issue.  Could you send a reduced test case  
(will be quicker for us to find the issue), or failing that ,a link  
to the page where it happens.


James and David,

Thanks for your attention.

Here is the page:
http://teesworks.com/index.php/
On the right column, community poll, the checkboxes are not selectable  
(it's radio button there but I changed it to checkbox so that you can  
take a quick look without adding product to cart). In other pages  
where I have the a:focus declared with background color in input, I  
could see the background color when a checkbox is selectable.


Only tested in Mac Opera 9.50, Build 4870  on system 10.5.4

On Sep 10, 2008, at 4:09 PM, James Ellis wrote:


Tee:
I haven't seen your code but is it possible this is occurring  
because both checkboxes and radios are, in fact, input elements ?

e.g
input {
border : #000;
background-color : #f00;
}


yes, I have input element declared for borders and background color  
because input text field is used in every page, so it's easier to  
declare them directly to the element instead of adding a new class.


I thought we can have

checkbox, radio {border:none}

But they don't work for IE an Opera ?!

This reminds me to ask another question, does it matter whether one  
chooses to use Radio button or Checkbox. I like checkbox better  
because radio button is uglier in IE :)


tee




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Opera not playing nice with checkbox

2008-09-10 Thread dstorey



On Wednesday 10 September 2008 18:09:38 tee wrote:

Anybody encounters this?

Another annoying thing with Opera, is that if I have background or
border declared for input tag, it inherits it to checkbox and radio
button just like IE does.


I'm not familiar with the issue.  Could you send a reduced test case  
(will be quicker for us to find the issue), or failing that ,a link to  
the page where it happens.






I found a seemingly workaround here but it doesn't work for my page.
http://getsatisfaction.com/pingfm/topics/check_box_opera_9_5_osx






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Opera not playing nice with checkbox

2008-09-10 Thread James Ellis
Tee:

I haven't seen your code but is it possible this is occurring because both 
checkboxes and radios are, in fact, input elements ?

e.g 

input {
border  : #000;
background-color : #f00;
}

I'd suggest just adding a rule to text fields if that is what you want.

HTH
J


On Wednesday 10 September 2008 18:09:38 tee wrote:
> Anybody encounters this?
>
> Another annoying thing with Opera, is that if I have background or
> border declared for input tag, it inherits it to checkbox and radio
> button just like IE does.
>
>
>
> I found a seemingly workaround here but it doesn't work for my page.
> http://getsatisfaction.com/pingfm/topics/check_box_opera_9_5_osx
>




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

[WSG] Opera not playing nice with checkbox

2008-09-10 Thread tee

Anybody encounters this?

The checkbox inherits the input declaration, and though I added a  
class to overwrite it, with height and width, still I can't see the  
'tick'.
Another annoying thing with Opera, is that if I have background or  
border declared for input tag, it inherits it to checkbox and radio  
button just like IE does.




I found a seemingly workaround here but it doesn't work for my page.
http://getsatisfaction.com/pingfm/topics/check_box_opera_9_5_osx

tee


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Opera opacity bug

2008-07-16 Thread tee




On Jul 15, 2008, at 9:58 PM, Frank Palinkas wrote:


Hi Tee,

As James mentioned, what is the Bug Report number (#) you were  
issued with? I'll follow up here for you.


Kind regards,


Frank and James, thanks for the response.

I haven't a clue what the Bug Report number is, and I don't remember  
if I ever gotten one. It was a web form system, I simply filled up the  
form, gave the symptom, detail, and link for the example. I must have  
prompted a 'Thank you for filing a bug report' message after it was  
sent. Sorry, that's all I could remember.


Here is the page with opacity declared in CSS
http://www.lotusfromthemud.com/about1 (bottom section)

and here is the recent encounter
http://marinersq.com/

It's a mootools slideshow, using ken burns effect, when the image pans  
out, you can clearly see the opacity is lost. I informed the author of  
the script, he said he will look into it and see if it can be fixed  
from his ends, however I really think this is caused by Opera opacity  
bug.


I also think this bug must be quite random and unpredictable. As you  
can see, the background for the caption also has opacity, and it does  
work. When I googled 'opera opacity bug', I landed a few sites that  
reported it was fixed, I checked the examples, it seems it was. But  
it's not for my case.


is there -opera-opacity rule?

tee



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Opera opacity bug

2008-07-15 Thread Frank Palinkas
Hi Tee,

As James mentioned, what is the Bug Report number (#) you were issued with?
I'll follow up here for you.

Kind regards,
Frank

On Tue, Jul 15, 2008 at 11:58 PM, tee <[EMAIL PROTECTED]> wrote:

> I posted a message about Opera bug last december and filed a bug report.
> Recently I discovered the bug also affecting js slideshow that I used for a
> client's site. So I tracked back the site I did last year, sure enough, the
> bug was not fixed in Opera 9.5
>
> Have any of you encountered this bug in with your web projects?
>
> I googled the Opera Opacity bug, saw a few articles about it and some
> reported it was fixed. It never! I remember there is an Opera developer in
> this list, so I am positing this message here as I don't want to create an
> Opera account in their forum.
>
> tee
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
>


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Opera opacity bug

2008-07-15 Thread James Ellis

Hi

I guess the first questions are - where is the bug report, do you have an 
example url and what is the opacity issue you mention ?

If I remember rightly (and I stand corrected) opera uses Qt 3 as it's 
widgeting engine and I think the Konquerer/KHTML developers were running into 
similar issues with Qt3 and opacity (i.e difficult to get it working). I 
think their decision was "wait until Qt4" to avoid hacks - in any case 
Konquerer 4 is now using webkit + Qt4 so it would be interesting 
if -webkit-opacity rules are applied or  even plain old "opacity : N"


Thanks
James

On Wednesday 16 July 2008 07:58:02 tee wrote:
> I posted a message about Opera bug last december and filed a bug
> report. Recently I discovered the bug also affecting js slideshow that
> I used for a client's site. So I tracked back the site I did last
> year, sure enough, the bug was not fixed in Opera 9.5
>
> Have any of you encountered this bug in with your web projects?
>
> I googled the Opera Opacity bug, saw a few articles about it and some
> reported it was fixed. It never! I remember there is an Opera
> developer in this list, so I am positing this message here as I don't
> want to create an Opera account in their forum.
>
> tee
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



[WSG] Opera opacity bug

2008-07-15 Thread tee
I posted a message about Opera bug last december and filed a bug  
report. Recently I discovered the bug also affecting js slideshow that  
I used for a client's site. So I tracked back the site I did last  
year, sure enough, the bug was not fixed in Opera 9.5


Have any of you encountered this bug in with your web projects?

I googled the Opera Opacity bug, saw a few articles about it and some  
reported it was fixed. It never! I remember there is an Opera  
developer in this list, so I am positing this message here as I don't  
want to create an Opera account in their forum.


tee


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



[WSG] Opera Dragonfly released

2008-05-06 Thread David Storey

Hi,

I hope this isn't too off topic, but I thought you'd be interested to  
know that Opera launched Opera Dragonfly today - our new developer  
tools.


This release is an early alpha to show the direction we are moving  
with our developer tools.  This initial version will include a  
JavaScript Debugger, a DOM Inspector, CSS Inspector, Error Console and  
a Command Line.


An upcoming version will also support editing of CSS/DOM/JavaScript, a  
single window mode and XHR/HTTP Headers inspection. The first of these  
updates should come in alpha 2 in a few weeks.


Opera Dragonfly is built using Web technologies (XML, CSS and  
JavaScript) and will auto-update when a new version is released.  We  
hope these will come out at a fairly rapid pace to begin with.  The  
application will run in a persistent cache, so that it is accessible  
when offline, and so that it doesn't have to communicate with the  
Opera server, except when it updates.


Opera Dragonfly will support all browsers that include the Core-2.1  
rendering engine (except Opera Mini). This currently includes Opera  
9.5 beta 2 and the forthcoming Opera Mobile 9.5 release.  A proxy  
exists that allows Opera Dragonfly on the desktop to communicate with  
Opera on supported mobiles and devices.  This makes debugging on  
devices easier as you can use a regular keyboard, mouse and monitor.


To start Opera Dragonfly in Opera 9.5 beta 2 you can select Tools >  
Advanced > Developer Tools.   On Mac we've found a bug whereby OS X's  
video memory gets corrupted, causing a crash.  To avoid this you  
should use the new build available at http://snapshot.opera.com/mac/o950s_4808.dmg 
, which works around this problem.


We'd very much appreciate your feedback on Opera Dragonfly, to make  
sure it fits the needs of the developer community.  If you find time  
to test and use Opera Dragonfly, feel free to contact me with your  
suggestions, feature requests and bug reports.  We really hope that it  
helps you when debugging issues in Opera, even at this early stage.


Thanks,

David Storey
Chief Web Opener | Product Manager Web Standards | Product Manager  
Opera Dragonfly


[EMAIL PROTECTED]





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] Opera files antitrust ... ADMIN

2008-04-04 Thread Erickson, Kevin (DOE)
What is the address to the WSG forum? What is your email off-list? Could
you please give us detailed information that you refer to in future
distributions so that I do not have to bother you? ;)

Thank you very much,

Kevin Erickson

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of russ - maxdesign
Sent: Monday, December 17, 2007 8:24 AM
To: Web Standards Group
Subject: Re: [WSG] Opera files antitrust ... ADMIN

ADMIN:

THREAD CLOSED

This has long ceased to be a discussion on standards and has become a
political debate. Feel free to move it the the WSG forum or off list if
you wish to continue, but no longer on list.

Please do not reply to or continue this thread. If you have an issue
with the closing of this thread, email me off-list.

Thank you
Russ
WSG Core




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Opera 9.26 Problem

2008-03-13 Thread Gunlaug Sørtun

Web Dandy Design wrote:


Can you advise what would need to be done to the site to 'make it
work' in Opera?


Add...
#left-col {clear: left;}
...and the problem is solved in all browsers and on all resolutions.
The problem was that the left-col got hung up on the horizontal nav's
right edge when that nav grew in height when subjected to font-resizing.

Opera has a 'minimum font size' default value around 9 - 14px depending
on OS and resolution, while Firefox has 'minimum font size' default of
"none".

regards
Georg
--
http://www.gunlaug.no


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



  1   2   3   >