Re: [WSG] Accessible Slideshow

2011-12-06 Thread David Laakso

On 12/6/11 12:44 PM, Ted Drake wrote:



trimmed
These are just some of the features I would look for in an accessible 
slideshow.



--
Ted Drake



Does such a slideshow exist; and, if so, can you please point to one 
that uses those features... and, includes any other features that are 
important to an accessible slideshow?


~d

--
Desktop. Laptop. Tablet. Mobile!
http://chelseacreekstudio.com/



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

[WSG] Desktop. Tablet. Mobile.

2011-12-05 Thread David Laakso

Comments and suggestions welcome.

This end OS X 10.4: Parallels IE 6/7/8 on IETester.
Android/2.2.2 with Opera Mobile and OperaMini.

http://chelseacreekstudio.com/z/z.php

Best,
Jimi Hendrix

--
Desktop. Laptop. Tablet. 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] Using ellipsis to indicate truncated overflow content

2011-11-15 Thread David Laakso

On 11/15/11 12:49 AM, Grant Bailey wrote:


Is anyone able to offer suggestions as to how demonstrate to the user 
that overflow content has been truncated, like this (see attachment).




Grant Bailey





I guess the question for me is whether I understand the question???

Set width in %, min-width in pixels, and max-width in em on the 
outermost page wrapper. Avoid use of position absolute and position 
fixed. Set the page blocks in  percent. Set p with margin left/right in 
percent and margin top/bottom in em or pixels. That will give you 
desktop. high d pi laptop, and both tablets [ horiz 1024 and vertical 768].


For mobile handsets you need to add a device width meta-tag. Kick the 
first media query in at around 560 and then another at 480 -- this will 
give you vertical and horizontal iPhone as well as low through high end 
Android. If you need to hit IE/6 then it needs to be hacked for doubling 
the margins and doing weird stuff to the height such as with vertical lists.


A rough layout using these principles: 
http://chelseacreekstudio.com/me.html


Best,
~d

--
Desktop. Laptop. Tablet. 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] media queries can't understand body tag

2011-09-29 Thread David Laakso




I did figure it after my post, from xcode's web inspector, a feature I never 
used before until today.


Tee





Care to share what you found out?
Thanks.

~d



--
Desktop. Laptop. Tablet. 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] media queries can't understand body tag

2011-09-29 Thread David Laakso

On 9/29/11 5:28 PM, tee wrote:

Trying to figure all these another question has arisen. Take iPad for example 
which supports portrait and landscape, so if I have two separate images target 
for the two, doesn't it load two images? Say, I first view a page from 
landscape and this loads the image from it media query, then I switch to 
portrait, it loads the image from its media query, when it does, the one from 
landscape has already been loaded so it won't just magically gone when I am 
still at the portrait right?


tee




Keep it simple. Granted, this is far easier said than done, and god 
knows I am not good at it, either. But when push comes to shove, any 
site that requires anything beyond basic readability and functionality 
for its success [such as a decorative background image] -- regardless of 
whether it is viewed on desktop, laptop, tablet, or mobile  -- is in 
deep trouble.


Best,
~d


--
Desktop. Laptop. Tablet. 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] media queries can't understand body tag

2011-09-28 Thread David Laakso

On 9/28/11 8:27 PM, Hassan Schroeder wrote:



Maybe the third time's the charm --





Oh, easy for Leonardo!

-- Dylan Thomas


--
Desktop. Laptop. Tablet. 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] RE: WSG Digest

2011-09-27 Thread David Laakso

On 9/27/11 5:04 AM, Dave Smith wrote:

Hi Tee

When trying the max/min width approach, was the Meta Viewport Tag used?
::trim::

all the best, Dave @davesmiths





Try also, simply:
metaname=viewport content=width=device-width
~d

--
Desktop. Laptop. Tablet. 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] media queries can't understand body tag

2011-09-27 Thread David Laakso

On 9/27/11 10:29 PM, tee wrote:

Hi Tom,

Thank you. I don't know how to check it either, I have iPad and iPod, so would 
like to learn how to check too.



tee





Not terribly scientific but simply clear the cache on the iPad and the 
iPhone and view the page. You'll know whether it is loading in either or 
both devices.


~d





--
Desktop. Laptop. Tablet. 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] media queries can't understand body tag

2011-09-27 Thread David Laakso

On 9/27/11 11:44 PM, Tom Livingston wrote:

David, with nothing but mobile Safari, if I hit a page with multiple queries or 
an element specced as display:none but has a bg image, how to you *verify* that 
an unwanted image loads anyway or not? There's no inspector that I'm aware of 
like desktop version.

Sent from my iPhone




With Android/2.2.2 [low-end touch screen] there is a horizontal yellow 
loading bar above the address bar-- it begins at the left rail and moves 
to the right rail. Opera Mobile and OperaMini on Android both have a 
circular whirling gizzmo loading button [same on a low-end SanyoMirro]. 
I had an iPhone several years ago but have forgotten what it used to 
display downloading. I am sure there  is a more scientific method than 
watching[timing] the loading gizzmo-- just don't know what it is. And 
either way, I did not memorize Tee's page address, and don't have time 
to look it up, or I'd check that page on my handset...


~d

--
Desktop. Laptop. Tablet. 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] media queries: device-width vs max/min width

2011-09-25 Thread David Laakso

On 9/25/11 5:38 PM, tee wrote:

I would love to hear what other think about the approach for device-width vs 
max/min width.

tee




The approach to responsive web design is not particularly difficult.  
Your castle in the air needs a simple and solid foundation. That's  
the key. The one-size fits all concept is an exercise in futility. 
What works for layout A will not necessarily work for layout B. And 
either way, putting up a page or test page will buy you a lot more than 
writing about it...


Best,
~d

--
Desktop. Laptop. Tablet. 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] media queries can't understand body tag

2011-09-18 Thread David Laakso

On 9/18/11 5:43 PM, Benjamin Hawkes-Lewis wrote:

On Sun, Sep 18, 2011 at 4:34 PM, teeweblis...@gmail.com  wrote:

Hmmm, media queries can't understand body tag; a id or class for the tag is 
needed. Spec on W3C site doesn't indicate though as I see example like so:

@media all { body { background:lime } }

A browser bug?

Works for me in Chrome:

http://pastehtml.com/view/b7qe04of6.html

Do you have a testcase you can point to that fails in a named browser?

--
Benjamin Hawkes-Lewis





No issue  [the background is lime] in 
http://pastehtml.com/view/b7qe04of6.html  in Mac OS X 10.4.11:

Safari/4.1.3
Opera/11.11
FF/3.6.22
WebKit/4.1.3 (4533.19.4, r63031)
Camino/2.1b1 (1.9.2.20pre 20110725195938)

~d


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



Re: [WSG] How do you cater to users with disabilities?

2011-08-23 Thread David Laakso

On 8/23/11 3:53 AM, Mike Kear wrote:

Mike Kear
http://afpwebworks.com




Setting the fonts at user default and ditching Verdana is the first 
place to start...




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



Re: [WSG] How do you cater to users with disabilities?

2011-08-23 Thread David Laakso

On 8/23/11 2:07 PM, Chris F.A. Johnson wrote:

On Tue, 23 Aug 2011, David Laakso wrote:


On 8/23/11 3:53 AM, Mike Kear wrote:

Mike Kear
http://afpwebworks.com




Setting the fonts at user default


   Absolutely!


and ditching Verdana is the first place to start...


   Totally irrelevant. There is nothing wrong with Verdana; it is only
   very slightly larger than Helvetica or Arial. Problems only
   occur when its font size is reduced to compensate.




It is relevant only if you are one of the few on the planet who are 
concerned with typography and see Verdana for what it is at default: 
pug-ugly.






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



Re: [WSG] How do you cater to users with disabilities?

2011-08-23 Thread David Laakso

On 8/23/11 7:32 PM, Tom Ditmars wrote:

On 2011-08-23 19:12, David Laakso wrote:

It is relevant only if you are one of the few on the planet who are
concerned with typography and see Verdana for what it is at default:
pug-ugly.


While that might be your opinion, it's not necessarily relevant to the
topic of this discussion: Usability and Web Standards.



Then this will do...
body { font-family: sans-serif; }


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



Re: [WSG] How do you cater to users with disabilities?

2011-08-23 Thread David Laakso

On 8/23/11 10:32 PM, tee wrote:


Then this will do...
body { font-family: sans-serif; }



If you ever do this, I strongly suggest you test it on older Windows System.

tee




Each and everyone of you win. I give-up. I have taken a coil of rope to 
the woods. Farewell.



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



Re: [WSG] iOS Safaro issue (?): Fixed and Absolute position

2011-08-10 Thread David Laakso

On 8/10/11 10:30 PM, tee wrote:

iOS Safari has rendering issue with fixed position, that is, the element will 
stay at the middle of the page when the hight of content is longer than the 
device height.


Anyway to get around this?


tee



I think position:fixed works on iOS5...
http://davidbcalhoun.com/2011/new-mobile-safari-stuff-in-ios5-position-fixed-overflow-scroll-new-input-type-support-web-workers-ecmascript-5

[1]
http://www.lazycoder.com/weblog/2010/05/27/quick-jquery-hack-to-fix-positionfixed-toolbars-in-iphoneipadipod-touch/
[2}
http://www.8164.org/designing-for-the-ipad/



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] html5 quest: figure

2011-07-18 Thread David Laakso

On 7/18/11 7:47 PM, tee wrote:

Or maybe the question should be , can a single figure contains many figcaption? 
And use it for slidershow's markup.

Thanks!

tee





Not really sure whether this answers your question from an article in 
html5 doctor but either way you may want to check it for yourself [1].


The |figcaption| element is optional and can appear before /or/ after 
the content within the |figure. Only one |figcaption| element may be 
nested within a |figure, although the |figure element itself may 
contain multiple other child elements (e.g., |img| or |code|).|||

[1]
http://html5doctor.com/the-figure-figcaption-elements/

~d



--
http://chelseacreekstudio.com/




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

[WSG] OperaMini

2011-07-16 Thread David Laakso
What will stop this test-case [1] from jumping from default to a larger 
font-size in OperaMini in /landscape/ view  (resumes default with reload)?
It is fine in OperaMini portrait view. And on the same device there is 
no problem in portrait /or/ landscape view in Android/2.2.2 and Opera 
Mobile.


[1]
http://chelseacreekstudio.com/tc.html

Thanks.
~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] mobile

2011-06-10 Thread David Laakso



Greetings from San Juan, Puerto Rico.

re: http://chelseacreekstudio.com/






Thanks all.

Best,
Milagros Sanchez



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

[WSG] mobile

2011-06-09 Thread David Laakso

Greetings from San Juan, Puerto Rico.

re: http://chelseacreekstudio.com/

Constructive comments are always welcome. Specifically we are interested 
to know if the images within the portfolio section fill the window 
horizontally in both portrait and landscape view in handsets smaller 
than 320 by 480.


This end:
mobile-- Samsung Galaxy Prevail for BoostMobile with Android/2.2.2.
desktop--Mac 0S X 10.4.11.

Thanks for your assistance.

Best,
Milagros Sanchez,
Creative Director,
Chelsea Creek Studio



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

Re: [WSG] Site test?

2011-05-22 Thread David Laakso

On 5/21/11 5:22 PM, Telford Computer Doctor wrote:


Just in the process of designing a website for a client, just 
wondering whether iPad, iPhone, mobile users could give me some 
feedback as to the jQuery used - whether it works basically.


http://www.telfordcomputerdoctor.co.uk/lt

Only the homepage is complete at the moment, as it is still in design 
stages.


Thanks in advance,
Mike @ Telford Computer Doctor





Mobile:
Samsung Galaxy Prevail [Android/2.2.2] for BoostMobile [low-end smart 
phone with touch screen].


The page is not mobile-friendly on this end.
Full width header footer. Content two column.
Content in left column and 3 column footer unreadable on landing 
portrait or landscape.
+3 or +4 font-scaling necessary to make content readable but this draws 
a horizontal scroll bar.


You may find this article by Bruce Lawson helpful in determining  the 
mobile strategy you and your client wish to employ...

http://dev.opera.com/articles/view/the-mobile-web-optimization-guide/

Desktop [if of concern]:
Landing on primary content tiny-type at 116.5dpi on a MacBook Pro may be 
as difficult for some of your users as it is for me.
Minimum font-size 16 set in the prefs in Mac Firefox/3.6.17 causes the 
contact info to break out the right-side of the outermost container.
Minimum font-size 32 set in the prefs in Mac Opera/11.11 [same as above] 
and the 3col footer content breaks out the bottom of the outermost 
container.


Best wishes and good luck,
~d

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



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

Re: [WSG] Can I have a Safari check?

2011-05-09 Thread David Laakso

On 5/9/11 4:02 PM, tee wrote:

http://208.43.169.106/m151/index.php/patterns.html

Add the product to cart. What do you see after that?


tee






Mac OS X 10.4.11
Safari 4.1.3(4533.19.4)
test was added to your shopping cart.
http://208.43.169.106/m151/index.php/checkout/cart/
Best,
~d


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



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



Re: [WSG] Desktop. Tablet. Mobile.

2011-05-06 Thread David Laakso

On 5/6/11 11:42 AM, Chris F.A. Johnson wrote:

On Fri, 6 May 2011, David Laakso wrote:



This end...
Desktop: OS X 10.4
Tablet: No got.
Mobile: OperaMini os SanyoMirro 4 BoostMobile.

uri: http://chelseacreekstudio.com/m/


 Text is cut off: http://t.cfaj.ca/mentor.jpg



In what OS, in what browser, in what size window, at what plus 
font-scaling, or minimum font size?


~d



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



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



Re: [WSG] Desktop. Tablet. Mobile.

2011-05-06 Thread David Laakso




uri: http://chelseacreekstudio.com/m/
~d





Thanks to all of you who took time to view the site and share your 
thoughts and opinions...


Best,
~d





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



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

[WSG] Desktop. Tablet. Mobile.

2011-05-05 Thread David Laakso

First-pass. Comments and suggestions appreciated.

This end...
Desktop: OS X 10.4
Tablet: No got.
Mobile: OperaMini os SanyoMirro 4 BoostMobile.

uri: http://chelseacreekstudio.com/m/

Thanks.
Best,
~d

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



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

Re: [WSG] Mobile detection using CSS media queries

2011-05-03 Thread David Laakso

On 5/3/11 3:16 AM, Caleb Wong wrote:

Hi,

Is it safe to use just css media to target mobile devices such as 
iphone, blackberry, android phones?
And assume if I'm only embedding 1 stylesheet with various media 
queries in it, would there be any lag in the page style load?


Has anyone got some good examples/articles for targeting mobile platforms?

Cheers
Caleb




Generally, and for new small sites, that approach works well.
But one size does not necessarily fit all...
Depending on your particular situation and need this article on mobile 
optimization and strategy may be helpful.

http://dev.opera.com/articles/view/the-mobile-web-optimization-guide/
Best,
~d



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



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



Re: [WSG] what could be the cause that Safari can't load a page?

2011-03-31 Thread David Laakso

On 3/31/11 6:09 PM, tee wrote:

http://bit.ly/eKE1He  (safe to click - I made the shorten url myself, but if 
you rather not clicking it, that's ok. The link goes to a blogger's site).



tee







The load is continuous.
OS X 10.4
Safari/4.1.3
Had to force quit on video error.
Check markup:
http://html5.validator.nu/

~d






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



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

Re: [WSG] what could be the cause that Safari can't load a page?

2011-03-31 Thread David Laakso

On 3/31/11 10:52 PM, tee wrote:




The load is continuous.
OS X 10.4
Safari/4.1.3
Had to force quit on video error.
Check markup:
http://html5.validator.nu/

~d


Thanks.

The first video link on the right column?

tee





Yes, I thi/m/k so.
As ever,
~quasimodo


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



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



Re: [WSG] Aside and section

2011-01-24 Thread David Laakso

On 1/24/11 2:41 PM, Tom Livingston wrote:

Is it ok to nestsection  elements inside theaside  element? Can't
come up with anything about this scenario on Google...


I'll have a first real attempt at an HTML5 page for critique soon...




Yes.
http://gsnedders.html5.org/outliner/
http://html5.validator.nu/

Best,
~d

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



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

Re: [WSG] Aside and section

2011-01-24 Thread David Laakso

On 1/24/11 4:37 PM, David Laakso wrote:

On 1/24/11 2:41 PM, Tom Livingston wrote:

Is it ok to nestsection  elements inside theaside  element? Can't
come up with anything about this scenario on Google...


I'll have a first real attempt at an HTML5 page for critique soon...




Yes.

Best,
~d


Whoops.
I was thinking section inside article !
Dunno about section inside aside.
Try it and check it on the html5 outliner sent earlier.
~d


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



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

Re: [WSG] Lightbox++ and mobiles etc

2011-01-18 Thread David Laakso

On 1/18/11 6:49 AM, designer wrote:
I making an html5 site with a few galleries, each one being a grid of 
images 4 rows of three thumbnails.  Clicking the thumbnails provides a 
600px wide image via lightbox++. The images are all 600px wide, but 
the heights are different.
When it comes to making the galleries visible on a mobile phone I do 
not have a problem since I've made the structure elastic and the grid 
shrinks to 6 rows of 2 images. Fine.   BUT : clearly, the lightbox 
images simply do not fit on the small screen and I wondered if anyone 
has solved the problem of how to stop the lightbox working on small 
screens? Media queries?

All suggestions welcome.
Many thanks,
Bob






Try it the other way around: lay it out in mobile first?
@media only screen and (max-width:480px),only screen and 
(max-device-width:480px) {...}


Best,
~d




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



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

Re: [WSG] nav or menu?

2011-01-09 Thread David Laakso

On 1/9/11 7:44 AM, designer wrote:

Hi LG,

I am making a site (html5) which has a nav section at the top of 
each page. Some pages will also have a 'menu' which will be a short 
list of links to other pages in the site, and these will appear lower 
down in the content of the page.


Instinct tells me that it is sensible to make this subset as follows:

menu
dl
ddblah/dd
ddblah/dd
ddblah/dd
/dl
/menu   (where blah is a link to a page)

But lots of folk seem to say that menu is only to be used for lists 
of commands. It's not clear to me, anyway!  Is the above 'wrong'?


All advice gratefully recd.

Bob




I do not think the above is necessarily wrong.
Another approach might be:

Top menu
nav
ul
li/li
ul
/nav

Subset menu
nav
ul id=s
li/li
ul
/nav

Best,
~d


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



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



Re: [WSG] CSS lists

2011-01-08 Thread David Laakso

On 1/7/11 8:10 PM, Thierry Koblentz wrote:

Hi all,

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

Thanks,
--
Thierry




These come to mind???
The appropriate w3c list, and...
http://www.sitepoint.com/forums/
http://csscreator.com/
http://bytes.com/

Best,
~d

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



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



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

2011-01-07 Thread David Laakso



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

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




On mobile strategy:
Bruce Lawson
http://dev.opera.com/articles/view/the-mobile-web-optimization-guide/
[Personally, I think media queries is the way to go.]

Best,
~d

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



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



Re: [WSG] mobile

2010-12-30 Thread David Laakso

On 12/30/10 9:10 AM, Rick Faircloth wrote:


Two comments...

1)I recommend a Home link on all pages.

I tried to get back Home and couldn't find a

way to get there, until I just happened to click

on your name at the top.

2)Just a minor thing, but I think the Show / Hide Details

would look better centered under each image.

Looks great on my Samsung Fascinate.

Rick


http://chelseacreekstudio.com/fa/

Best,
~d






Thanks. I will experiment with ways of making both of your thoughts 
happen 


Best,
~d


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

Re: [WSG] mobile

2010-12-30 Thread David Laakso




http://chelseacreekstudio.com/fa/




No doubt about it. You folks inspire an empire state of mind both on 
and off-list.


Thanks!
http://www.youtube.com/watch?v=0UjsXo9l6I8
Best,
Jay-Z and Alicia Keys
PS Have one!



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



[WSG] mobile

2010-12-29 Thread David Laakso
If anyone has time to check this site [portrait/landscape] in their 
mobile device it is greatly appreciated.

http://chelseacreekstudio.com/fa/

Best,
~d



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



[WSG] Re: [WD]: mobile [+1]

2010-12-29 Thread David Laakso

On 12/29/10 10:59 PM, David Laakso wrote:

On 12/29/10 9:34 PM, Philippe Wittenbergh wrote:

On Dec 30, 2010, at 7:57 AM, David Laakso wrote:


- the box for a link on an active page is a pixel or two wider than
the other links


I am aware of this and have not been able to determine if it my 
error or

browser bug. On desktop WebKit/Safari/FF/Opera get it right, whereas
Chrome gets it wrong. Or, the other way around depending on how it 
is set.
nav ul li strong, body#p nav ul li strong, body.about nav ul li 
strong, body.contact nav ul li strong {

display: block;
margin: auto;
padding: 10px 0 14px; /* change */
overflow: hidden; /*-- really needed ???   */
width: 93%!important; /*--- remove */
text-align:center; /*--- add */
}

Philippe
---
http://l-c-n.com/






You'll find your off-list suggestion on my server on re-load.
Thank you so much, Philippe!

Best,
~d
PS Bows and scrapes...



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



Re: [WSG] mobile [+1]

2010-12-29 Thread David Laakso



- the box for a link on an active page is a pixel or two wider than
the other links


I am aware of this and have not been able to determine if it my 
error or

browser bug. On desktop WebKit/Safari/FF/Opera get it right, whereas
Chrome gets it wrong. Or, the other way around depending on how 
it is set.
nav ul li strong, body#p nav ul li strong, body.about nav ul li 
strong, body.contact nav ul li strong {

display: block;
margin: auto;
padding: 10px 0 14px; /* change */
overflow: hidden; /*-- really needed ???   */
width: 93%!important; /*--- remove */
text-align:center; /*--- add */
}

Philippe
---
http://l-c-n.com/






You'll find your off-list suggestion on my server on re-load.
Thank you so much, Philippe!

Best,
~d
PS Bows and scrapes...


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



Re: [WSG] disallow IE6 to load the main style sheet

2010-12-18 Thread David Laakso

On 12/18/10 6:20 AM, tee wrote:

I am finally to begin to stop supporting IE6 starts from 2011 as the usage has 
fallen below 5%. I don't want the IE6 users to see a broken page due to no 
special treatment made for the browser, rather, I would like them to see an 
un-styled page as if the style sheet has switch off.

Can this be done?

Thanks!

tee





aside
A somewhat less dramatic alternative is to feed IE/6.0 styles in much 
the same manner as one might handle mobile. Somewhat crude at the 
moment, but fwiw see my signature link in IE/6.

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] Site for Vision Impaired

2010-11-26 Thread David Laakso

On 11/26/10 6:25 PM, Daniel Anderson wrote:


What are the considerations I need to take into account with a project 
like this? eg ability to change contrast, text size etc? Are there any 
good resources or advice you could share with me?





With regard, to typography the consideration is the same as it is for 
any user. Set the fonts throughout at user default. And ensure the site 
will hold when scaled at twice user default.


Best,
~d



--
:: 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] Fixed-position menus?

2010-11-24 Thread David Laakso

On 11/24/10 7:06 PM, Thierry wrote:

Thanks, Thierry; Could you expound a bit on what evil these CSS expressions
might bring on?

Are we talkin' red guys with horns, tails and pitchforks?

Worse than that!
Check this:
http://developer.yahoo.com/blogs/ydn/posts/2007/07/high_performanc_6/

--
Regards,




What say we lighten-up just a bit?

Best,
~d
PS
Happy Thanksgiving!


--

http://chelseacreekstudio.com/



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



Re: [WSG] disable user scale for iPhone only, not iPad

2010-11-18 Thread David Laakso

On 11/18/10 8:55 PM, tee wrote:

meta content=width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0; 
name=viewport



With the size of iPad, having zoom feature seems a more sensible approach 
however the meta tag disables the zooming in iPad too.


I'd been searching the web and trying different combinations  but couldn't find 
anything that would work.

tee





Dunno. No iPad hereabout. Longshot. Try ?

meta  name=viewportcontent=width=device-width; initial-scale=1.0; 
maximum-scale=1.0;

Best,
~d


--
:: 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] Mobile Phone Emulators

2010-10-04 Thread David Laakso

 On 10/4/10 10:12 PM, Cole Kuryakin wrote:

If anyone else would like to weigh-in on standards issues (and/or mobile
standard tutorials, gotcha's, etc.) surrounding site development for mobile
devices, please do... Should be a great help to many of us.

Cole






It makes coping with IE 6/7 look like a game played by children...

[some links.. in no particular order, rhyme, or reason]
http://www.w3.org/TR/mobile-bp/
http://www.maxdesign.com.au/articles/css3-media-queries/
http://dev.opera.com/articles/view/opera-mini-5-beta-developers/
http://www.w3.org/TR/css3-mediaqueries/
http://dev.opera.com/articles/view/the-mobile-web-optimization-guide/
http://trac.webkit.org/wiki/Mobile
http://my.opera.com/ODIN/blog/screencast-mobile-web-development-techniques#comments
http://www.alistapart.com/articles/responsive-web-design/
http://www.perfectomobile.com/portal/cms/opera.xhtml?key=OP631R89YL2
http://developer.apple.com/devcenter/ios/index.action

Best,
~d



--
:: 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] An accessible HTML5 WordPress theme

2010-10-03 Thread David Laakso

 On 10/3/10 1:24 AM, tee wrote:

Thanks to all who answered my HTML5 questions in the past week. Here is the 
first result of my learning and I am releasing the theme under GPL license.

http://lotusseedsdesign.com/temple-gate/
Find the download link in the first sticky post if you want to use the theme or 
study the theme files.

I would love to gather some feedback on the use of HTML5 elements in the theme.

These are the HTML5 tags used in the theme:

• header
• nav
• footer
• aside
• section
• article
• time
• form attributes:
• search
• email
• url
• placeholder
• required

In the HTML markup example page (please ignore the content as it was copied 
from XHTML markup example I wrote), scroll to the bottom, you can see that the 
table got cut off-it's declared with 450px width right now. My guess is there 
isn't enough space to accommodate seven columns and that the word in TH can not 
be wrapped. Is there a way to fix this?

The next step I would like to learn to do is to draw the “kasagi” sharp using 
Canvas.
http://en.wikipedia.org/wiki/File:Torii_nomenclature.svg


tee

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





--
:: 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] HELP WITH SETTING UP A CMS PROJECT

2010-09-15 Thread David Laakso

 On 9/15/10 8:42 AM, Marvin Hunkin wrote:


THINKING ABOUT REWRITING MY STAR TREK SITE AND THINKING ABOUT USING A CMS.

MARVIN.





That's a big order, Marvin. I am a designer rather than a developer but 
would think you may want to keep things very simple.

This is an open-source XML based lite CMS.
http://get-simple.info/start/
It may more than meet your need and will probably be a lot less 
frustrating in the long run...


Best,
~d




--
:: 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 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...trimmed

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] HTML5 with Chrome

2010-09-02 Thread David Laakso

 On 9/2/10 10:25 PM, Mick Doherty wrote:


There seems to be more sites being created in HTML5 ... any other 
recommended examples of HTML5 sites?







http://html5gallery.com/
~d



--
:: 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] Current thinking on fixed width/liquid design ?

2010-08-18 Thread David Laakso

Lyn Smith wrote:
 

Was wondering what the latest opinions are on using  fixed width or 
liquid design in light of the ever increasing size of  monitor screens.








Media Quires [1] [2] seems to open some doors [if not windows]...

[1] http://www.w3.org/TR/css3-mediaqueries/
[2] http://www.slideshare.net/maxdesign/css3-media-queries

Best,
~d


--
:: 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 5.1 ::

2010-08-10 Thread David Laakso

Duncan Hill wrote:
On Fri, 06 Aug 2010 01:51:17 +0100, David Laakso 
da...@chelseacreekstudio.com 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: http://chelseacreekstudio.com/site/portfolio/01.php

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



[WSG] :: opera mini 5.1 ::

2010-08-05 Thread David Laakso

markup
http://chelseacreekstudio.com/site/portfolio/01.php
css
around line 669
http://chelseacreekstudio.com/site/css/sisu.css

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.
http://www.opera.com/mobile/demo/

What to do?

aside
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...
/aside

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 David Laakso

Duncan Hill wrote:
On Thu, 05 Aug 2010 19:27:24 +0100, David Laakso 
da...@chelseacreekstudio.com wrote:



markup
http://chelseacreekstudio.com/site/portfolio/01.php


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:

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

Duncan Hill wrote:
On Thu, 05 Aug 2010 21:41:33 +0100, David Laakso 
da...@chelseacreekstudio.com 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 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 ATT/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

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] EM bug in Safari 5?

2010-07-29 Thread David Laakso

tee wrote:

In these two examples, the width is 62em which is around 992px according to 
pxtoem dot com, but in Safari 5 it's around 871px in actual size. First I 
thought maybe it's because I mixed the EM and % (for left/content columns), so 
I did another test page using EM only, still getting the same result.


http://greensho.nexcess.net/em-vs-px/em-width.html



My monitor is 27 2560x1440 resolution, but I don't think this is the reason.

Can you confirm if you see the same?

Thanks!

tee

  








Mac OS X 10.4.11 [116.5dpi]

Safari, WebKit, Camino, FF approx 993 to 995px

Mac OS X 10.4.11 [116.5dpi] Parallels XP

Safari, FF, IE 6/7/8 approx 993 to 995px

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] ems versus pixels

2010-07-20 Thread David Laakso

Foskett, Mike wrote:

Has anyone on the list considered using keywords?



Mike Foskett


  









Has anyone conceived of a layout for the page using percent, em, /and/ 
pixel width, with the fonts specified in percent [ or em ]  :-) ?


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] ems versus pixels

2010-07-20 Thread David Laakso

David Hucklesby wrote:

On 7/20/10 8:25 AM, David Laakso wrote:

Foskett, Mike wrote:

Has anyone on the list considered using keywords?

Mike Foskett


Has anyone conceived of a layout for the page using percent, em,
/and/ pixel width, with the fonts specified in percent [ or em ] :-)
?

Best, ~d


Eric seems to have done so:
http://meyerweb.com/eric/thoughts/2005/11/09/multi-unit-any-order-columns/ 



Cordially,
David






Yes, Eric -- among others ...
http://www.gunlaug.no/tos/moa_12a.html

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] UI development for blackberry.

2010-07-19 Thread David Laakso

Naveen Bhaskar - live wrote:
I want to develop a site for blackberry and iphone is a good to have 
support.
can anyone tell me what are the things I need to keep in mind while 
developing pages for a blackberry.

does it support png-24 images?

Naveen Bhaskar









Speed optimization is very important for the mobile web. It is to your 
advantage to stick with optimized [1] png-8. Additionally, some handsets 
offer the user the ability to pick low, medium, or high image-quality 
in their device settings.


Best,
~d

[1] http://www.smushit.com/ysmush.it/
[2] Blackberry development
http://na.blackberry.com/eng/developers/resources/developer_labs.jsp
[3] iPhone development
http://developer.apple.com/iphone/index.action


--
http://chelseacreekstudio.com/



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



Re: [WSG] possible to exclude handheld stylesheet for specific devices?

2010-05-14 Thread David Laakso

tee wrote:
I want to serve a style sheet for mobile devices and the idea is to support as many devices as possible, however iphone and Andriod are pickup up the style sheet.  Hopefully iPad isn't. 


Is possible to exclude these two devices as I wanted to offer better user 
experience for the two devices' users?

Thanks!

tee
  







This /may/ be what you are after?
http://detectmobilebrowsers.mobi/
http://mobiforge.com/starting/story/dotmobi-mobile-web-developers-guide

Luca Passani,  otoh, approaches mobile device support/detection 
differently than the w3c:

http://www.passani.it/gap/

also
Google subject line [something like]: mobile device detection.



Best,
~d





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



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



Re: [WSG] two Safari issues

2010-04-28 Thread David Laakso

tee wrote:






In this site, if you click on Accordion menu, in the second (last) menu, Safari 
shows a rectangular outlined block; hover to the Links' menu, you can see the 
extra outlined block. Seems to be related to hover but I can't anything in my 
code that is causing it.
http://simplissimo.com.br/blog/


  

Nobody knows?






The accordion menu uses a tabbed widget jQuery plugin which has a span style=display:none/span to hide the default WordPress' widget title, the span tag is in the plugin's code so it's not viable to  change or remove it as it's not upgradeable-proof for end-user. 


Safari apparently treating it a block element and outlined it despite that it 
has declared display:none. Question remains: Is this a bug?

Overwrite the inline style with this does the trick.

.tw-accordion  span {display: inline!important;visibility: hidden;}

tee
  





I am not sure but think you may have squelched the focus ring in Mac 
Safari/4.0.5.

Prior to your fix the outine did not appear in the current WebKit nightly.
And it still appears in Camino/2.0.2, Mac SeaMonket/2.0.4, and Mac 
Firefox/3.6.3.

I did not check the page in a PC.

Best,
~d


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



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



Re: [WSG] help

2010-04-02 Thread David Laakso

Marvin Hunkin wrote:

hi.
well lost all my project a couple of months ago.

marvin.





When one door of happiness closes, another opens; but often we look so 
long at the closed door that we do not see the one which has been opened 
for us.


-- Helen Keller



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



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



Re: [WSG] IE7 overflow

2010-02-10 Thread David Laakso

Lucien Stals wrote:

Hi everyone.

I have a paragraph with a width set on it (500px). The text inside the 
p includes one very long URL. IE7 and Safari (both mac a win) are 
wrapping the URL in the wrong place and part of it extends out beyond 
the edge of the p. Curiously IE6 displays correctly, as do FF3.6 and 
Opera.


Any suggestions?




Put it on a public server and provide a clickable link to it in your post.


Best,
~d


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



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



Re: [WSG] FINAL VERSION OF MY SITE

2010-02-03 Thread David Laakso

Marvin Hunkin wrote:

HI.
CAN SOME ONE TAKE A FINAL LOOK AT THIS SITE.
AND GOT 2 FONTS.
ONE VERDANA AND ONE Arial black.
do i need any other fonts.
and does it look really good?
and also any other improvements.
let me know.
and if i need to make any changes.
tell me how to do this.
marvin.

http://www.raulferrer.com/joe/html/ 




  






It is fine, Marvin. Not to worry. You are doing well. The pages I 
checked show valid html/css.  The fonts are good to go. Nice job.


Best,
~d




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



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



Re: [WSG] FINAL VERSION OF MY SITE

2010-02-03 Thread David Laakso

Thierry Koblentz wrote:


http://www.raulferrer.com/joe/html/



Marvin,

As I mentioned in a previous post, font-family names that contain a space
need to be between quotes, so you should use:

h1 {
font-family: Arial Black;
text-align: center;
} 


instead of:

h1 {
font-family: Arial Black;
text-align: center;
}


--
Regards,
Thierry | www.tjkdesign.com



  




Granted. But how about we give Marvin the benefit of doubt?
http://jigsaw.w3.org/css-validator/validator?profile=css21warning=0uri=http%3A%2F%2Fwww.raulferrer.com%2Fjoe%2Fhtml%2F

Best,

Helen

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



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



Re: [WSG] FINAL VERSION OF MY SITE

2010-02-03 Thread David Laakso

Marvin Hunkin wrote:


http://www.raulferrer.com/joe/html/ 




  





Marvin,

Your site is fine. Take what you will. Ignore the rest. Remember, not to 
forget,  you are an An Officer and a Gentleman.


Best,
Helen



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



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



Re: [WSG] Div misbehaving in Safari

2010-01-31 Thread David Laakso

Jermayn Parker wrote:

Hi,
I have inherited a website (http://www.koomaldreaming.com.au) with my
new job and in Safari and Chrome 3.x I have the content div floating
away from where it should be outside of the container div to the
right.

Any suggestions or help?
  





Corrections on the CSS file. You may, or may not, need all of them.
markup
http://chelseacreekstudio.com/ca/cssd/after.htm
css
http://chelseacreekstudio.com/ca/cssd/after_files/main.css
You are feeding Mac OS X Arial.
Opera and IE prefer line-height set as a raw number.
Validate the markup.

~d



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



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



Re: [WSG] Assistance with flash example sites

2010-01-31 Thread David Laakso

Russ Weakley wrote:

Hi people,

A colleague has just asked me for some examples of Flash sites:

1.
2.
3.


Russ





4. Mousetype.
http://www.universalsprout.com/
~d




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



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



Re: [WSG] I need a professional eye.

2010-01-29 Thread David Laakso

PurencoolGmail wrote:

Hi everyone,

I need a professional eye.

I have been developing this site for two weeks
(with help from this email group) and now that
I think I have finished. All I want to know is there
too much css?


The site is www.purencool.com

Any feed back would be great and you don't have to
be nice.







No pro-here here about.

She's nice.

Mind the-stack [1]: watch the footer (Mac OS 10.4).

body
{  /* font: 93%/1.5em Arial,Helvetica,Sans-Serif !important;
line-height:1.5em;*/
font : 100%/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;}

h2, h3, h4, h5{/*font: 1.3em Arial,Helvetica,Sans-Serif;*/}

#leftNav ul li a{/*font-size:.95em;*/}

#leftNav  h6{ /*font: 1.2em Arial,Helvetica,Sans-Serif;*/}

#leftNav  p{/*font: .8em Arial,Helvetica,Sans-Serif; line-height:1.3em;*/}

[1] Helvetica Neue:
http://en.wikipedia.org/wiki/Helvetica#Neue_Helvetica_.281983.29

Best,
~d




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



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



Re: [WSG] :: makeready ::

2010-01-28 Thread David Laakso

Elizabeth Spiegel wrote:

Hi David

Not a comment about your code, but your information design.

Why are the images/examples of effective use scattered across the site and
in some cases repeated?  Why not place them on a 'using our product' (or
similar) page?


Elizabeth Spiegel
  




Elizabeth, you raise a good point with which I agree. This is currently 
being considered.


Thanks.

Best,
~d

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



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



Re: [WSG] :: makeready ::

2010-01-26 Thread David Laakso

designer wrote:

Hi David,



Comments and suggestions on this site appreciated.
markup
http://chelseacreekstudio.com/mhr/
css
http://chelseacreekstudio.com/mhr/css/style.css

Thanks.
~d



Not a very useful comment perhaps, but I hate the colour of the 
banner, and
the bright blue of the menu is horrific.  Apart from that, when a menu 
item
is selected, the text becomes bold and the spacing changes so the menu 
jumps

a bit.  Is that acceptable to you and/or the client?

Bob





Flattery will get you nowhere (corrections on server).

~d




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



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



Re: [WSG] :: makeready ::

2010-01-26 Thread David Laakso

Lesley Lutomski wrote:

Hi David,



I also have a problem with the double border on the menu items, 
combined with the underlining of the links - too many lines too close 
together. I have neurological problems, which may partly account for 
my reaction here, but I asked my husband and he also finds it a bit 
busy and distracting.


Could I suggest removing the underline and spacing the menu items 
slightly further apart, or using a single rather than double border?  
(I  do actually like the double border.)  Also, changing the blue to 
an orange or red that would be less jarring against the brown would be 
a big improvement.




Lesley







markup
http://chelseacreekstudio.com/mhr/














Still a  neurological problem for you now, Lesley?

~d







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



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



Re: [WSG] :: makeready ::

2010-01-26 Thread David Laakso

Joseph Taylor wrote:

David,

 The only item I wonder about is the thick border below the navigation 
that touches the double border directly below it. I'd use one or the 
other rather than both.  That's me though. It looks like a CSS oops 
to me. No normal people will mind it though.



Joseph R. B. Taylor
/
/







markup
http://chelseacreekstudio.com/mhr/








Bugs me, too. Correction on server,

~d




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



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



Re: [WSG] :: makeready ::

2010-01-26 Thread David Laakso

Thierry Koblentz wrote:

Comments and suggestions on this site appreciated.
markup
http://chelseacreekstudio.com/mhr/
css
http://chelseacreekstudio.com/mhr/css/style.css



Hi David,

Minor things: I think the h1 


Bumped. On server.


looks small and that there is not enough
padding around the text in the menu. I think more padding would make that
text more readable, and would also spread the menu across the content.
  



Some padding added. On server.



I'd use THs in the table for the company names, I'd use scope=row and
scope=col too.
You could also add a caption (send it off screen if you wish).
  




OK. Know from nothing about tables. Will look into.




--
Regards,
Thierry | www.tjkdesign.com

  




Thanks.
~d



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



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



Re: [WSG] :: makeready ::

2010-01-26 Thread David Laakso

Lesley Lutomski wrote:

Hi David,

Great improvement, thank you.  You wouldn't believe just how much that 
improves the usability for me.


Lesley








markup
http://chelseacreekstudio.com/mhr/












Cool. I will have to remember that in the future. Thank you for bringing 
it to my attention. I do not have any neurological problems myself 
(other than I am a little whacked in the noggin :-) ).


~d




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



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



Re: [WSG] :: makeready ::

2010-01-26 Thread David Laakso

Paul Novitski wrote:

At 1/26/2010 01:07 AM, David Laakso wrote:

Comments and suggestions on this site appreciated.
markup
http://chelseacreekstudio.com/mhr/



The blank alt attributes for the foreground images are brow-wrinklers 
for me. When an image is in the foreground I figure that it is 
content that contributes substantially to the comprehension of the 
site, and I see no reason to withhold that information from search 
engines and other sightless users.




I see no reason to withhold information from anyone, particularly from 
search engines or sightless users; and, consequently, alt attributes 
will, of course, be added well in due time of the site's launch date.


One of the site's owners requests is that the site be functional and 
usable in any given screen window from 640px and up. This, at least as 
of this writing, precludes the possibility of using background images.





 


Regards,

Paul




Best,
~d



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



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



Re: [WSG] :: makeready ::

2010-01-26 Thread David Laakso

Duncan Hill wrote:



OK. Know from nothing about tables. Will look into.

David, I found this article a help in getting started with marking up 
tables correctly.


article by Zoe Gillenwater
http://www.communitymx.com/content/article.cfm?cid=0BEA6

Duncan




Thanks!

~d

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



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



Re: [WSG] playing with css

2010-01-19 Thread David Laakso

PurencoolGmail wrote:

http://www.purencool.com/_webdata/downloads/templates/twoColumn/






body {
background-color : #ccc;
color : #00;
font-family : Verdana, Geneva, Arial, sans-serif;
font-size : 0.93em;
line-height : 130%;
}
#wrapper {
width : 800px;
background-color : #ff;
margin-left : auto;
margin-right : auto;
padding : 5px;
}
#heading {
width : 100%;
}
#menuA {
border-top : 1px solid red;
border-bottom : 1px solid red;
width : 100%;
}
#menuA li {
border-top : 1px solid red;
border-bottom : 1px solid red;
display : inline;
}
#menuB {
width : 25%;
float : left;
}
#content {
width : 70%;
float : left;
}
#footer {
clear : both;
width : 100%;
}
#footer ul {
border-top : 1px solid red;
border-bottom : 1px solid red;
width : 100%;
}
#footer ul li {
display : inline;
border-top : 1px solid red;
border-bottom : 1px solid red;
width : 100%;
}



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



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



Re: [WSG] playing with css

2010-01-19 Thread David Laakso

PurencoolGmail wrote:

clear : both;  that worked as well thanks

On 20/01/10 14:05, David Laakso wrote:
clear : both; 






Treat the software with respect. Things will go your way.
http://www.w3.org/TR/CSS21/
http://css.maxdesign.com.au/listamatic/


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



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



Re: [WSG] internet explorer font names

2010-01-18 Thread David Laakso

Marvin Hunkin wrote:

hi.
what do you mean vallidate the css and the pages.
did do that a while back and it vallidated all.
  




Please include url to your page in question each time you write.

RE: http://www.raulferrer.com/joe/html/


I suspect you have made some markup and CSS changes since the last time 
you visited the w3c validation service :-) .


There are currently 43 markup errors on your home page.
http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.raulferrer.com%2Fjoe%2Fhtml%2F

And there are currently 2 CSS errors.
http://jigsaw.w3.org/css-validator/validator?profile=css21warning=0uri=http%3A%2F%2Fwww.raulferrer.com%2Fjoe%2Fhtml%2F



marvin. 





  



Best,
~d

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



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



Re: [WSG] site url

2010-01-17 Thread David Laakso

Felix Miata wrote:

On 2010/01/18 11:44 (GMT+1100) Marvin Hunkin composed:

  

http://www.raulferrer.com/joe/html/



Looks like you forgot to validate again:
http://tinyurl.com/ya7p6sy
http://tinyurl.com/ydoat7q
  



Indeed. So validate the CSS, and  markup. You stand tall, and look good. 
Don't get? Write me, anytime.


~d

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



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



Re: [WSG] font names problem in internet explorer

2010-01-16 Thread David Laakso

Marvin Hunkin wrote:

hi.
well tried fixing the error in the css.
but still not reading the font names.
just says centered.
   



What is the uri of site in question.

Thanks.

~d


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



Re: [WSG] Issue related to the IE 6

2010-01-15 Thread David Laakso

Brajesh Patel wrote:

Hello all,
I am working on the IE 6 but getting issue in this browser please 
suggest some tip for work with IE 6.




--
Thanks
Brajesh Patel






Put the site on a public server and provide a clickable link to it in 
your poat.


Best,
~d




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



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



Re: [WSG] css error

2010-01-15 Thread David Laakso

Marvin Hunkin wrote:

hi.
well how to fix this.

Marvin. 




  



Go to your CSS file.
Find the declaration that reads:
body
{
font: 100%/1.4 Helvetica Neue, Arial, sans-serif; -- :: add
background: #fff;
}

Amend that declaration to read:
body
{
font: 100%/1.4 Helvetica Neue, Arial, sans-serif;
background: #fff;
}


Reply to the list. Not me. Thank you, Marvin.
Best,
~d


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



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



Re: [WSG] visual web developer and jaws

2010-01-11 Thread David Laakso

Marvin Hunkin wrote:

maybe in the markup code or maybe in the code behind file.
just found this annoying when i went to jaws 11.

did intend it so that the buttons were on each line one button on its own.
any one got any ideas.
Marvin.


  


Marvin,

I think you'll need to put the site on a public server and provide a 
clickable link to it in your post.


Best,
~d




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



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



Re: [WSG] Looking for Accessible and Standards based Drupal Main Navigation Module

2010-01-07 Thread David Laakso


 


(shameless plug)

 


http://tjkdesign.com/articles/Pure_CSS_Dropdown_Menus.asp

 





Fwiw, I've used it without issue (other than my own, of course). Nice 
stuff, me /thimk/...


~d


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



Re: [WSG] First stab at html5

2010-01-01 Thread David Laakso

designer wrote:


Gotcha! Thanks, and a HAY!

Bob







O.K.

You did not ask about anything else.
And, that is O.K., too.

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] First stab at html5

2009-12-31 Thread David Laakso

designer wrote:
If any of you guys are around at this time, I'd be really grateful if 
you could have a look at:


http://www.betasite.fsnet.co.uk/gam/altgam/gwelanmor.html


All comments gratefully received.


Bob






Nice.  Clean. Simple. Opera, Safari, FF, IE 6/7/8.

Very helpful site for html 5 questions.
http://html5doctor.com/

aside
trivial pursuits having nothing to do with what you wrote about:
You may want to ditch the rivers.
If of any concern whatsoever, right column float drop at less than 800.
Page needs a background-color (I default to fuchsia in Opera to catch 
myself).

/aside

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] First stab at html5

2009-12-31 Thread David Laakso

designer wrote:

Thanks to those who responded.

@David: rivers?  Duh. Please explain. It is New Years Eve, after all!



RE:
http://www.betasite.fsnet.co.uk/gam/altgam/gwelanmor.html
  
It is a term used in typography.


Think of a block of text as you would a piece of fine tapestry. On your 
home page,  squint' your eyes at that text block and you'll see the 
rivers cascading  down the tapestry. Still don't see it? Take a screen 
shot of the text-block and literally rotate in photoshop so that is 
upside down-- and you'll see the rivers. Justified text is sometimes 
quite nice in print media when done by a typographer really knows her 
stuff. I would not attempt to stay awake nights waiting for Web software 
to catch up. In the meantime, reset to flush left/scatter right. CSS: 
text-align: left; This will dry up the rivers and the text will be 
easier to read. A different font stack and honoring user default rather 
than your personal preference could also be a nice touch, too.


~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] :: makeready ::

2009-12-24 Thread David Laakso

Duncan Hill wrote:




The 'flare' image on the home page is much better, on the original I 
thought the burned out highlights were too intrusive and distracting.


That is good news. I think it looks better, too -- although perhaps a 
little too dark for the rest of the page...



I liked the vertical page name under the menu.  :(


Hmm. I guess you mean it was better before when there was more 
indentation of the sub-list than there is now?


Two problem areas,
1. when navigating the portfolio page, changing from odilon redon to 
yar laakso, dolphin’s back is being displayed. All the other 
selections look correct. A simple typo in the menu structure I think.


Yikes! Good catch. I will correct it.



2. Again on the portfolio page, selecting a 'view full-page' closes 
your initial short view and gives the full picture, if you again click 
'view full-page', the full view closes but does not reinstate the 
short view, leaving an almost blank page that needs a second click to 
get back to a visible item. Might it be better to simply toggle the 
two states so that the page always has one of the two options visible.



I will change this so that one image is /always/ visible.



Duncan



Thanks,
~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] :: makeready ::

2009-12-23 Thread David Laakso

Tom Livingston wrote:

On this page, in Safari 4.0.4:
http://chelseacreekstudio.com/ca/site/portfolio/07.php

The left vertical nav links can be hovered and used while mousing in
the blank space to the left of the nav text. Is this intentional?
Thought you might want to know.



  

I'd appreciate your comments and suggestions on this site.
http://chelseacreekstudio.com/

Best,
~d







  


Yes, I know. They are set to display block (on purpose).
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] :: makeready ::

2009-12-22 Thread David Laakso

I'd appreciate your comments and suggestions on this site.
http://chelseacreekstudio.com/

Best,
~d


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



Re: [WSG] :: makeready ::

2009-12-22 Thread David Laakso

Chris Price wrote:



Looking at the site in Firefox my first reaction is to want to drag it 
to the left. Somehow being right aligned it feels uncomfortable - I 
wonder why the white space on the left.



http://chelseacreekstudio.com/



--
Chris Price




So drag it to a 640 window?

Best,
~d


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



Re: [WSG] :: makeready ::

2009-12-22 Thread David Laakso

designer wrote:





http://chelseacreekstudio.com/



However - there is always a 'BUT' - for my taste it's lopsided!
O.K., now tell me you spent hours making the spacing work that way 
because it's what you wanted!


Bob






Hours? Hours nothing: it took a lifetime that spacing, Bob :-) .

Best,
~d


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



Re: [WSG] HTML5 book(s)

2009-12-22 Thread David Laakso

designer wrote:
 
O.K., so David Laakso's recent mail made me realise that I need (want) 
to catch up. I looked online for any html 5 books, and there are a 
LOT!  So, could I please have your recommendations on (recent) books 
which tell the reader 'how to write html 5'
 
Many thanks,
 
Bob






Can't help with books, Bob. But there are a zillion online html5 
resources including the w3c working draft.

http://www.w3.org/TR/html5/

~d


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



Re: [WSG] Re: WSG Digest

2009-03-06 Thread David Laakso

r...@vanillastorm.co.uk wrote:

Thank you for your email.

I'm now out of the office until Tuesday 10th March 2009.




Who cares?




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



Re: [WSG] Chrome now higher traffic than IE

2009-03-02 Thread David Laakso

Mike Kear wrote:


For the first time since I started building web sites, IE is not the 
most prominent server on my two highest traffic sites.


 




There are three kinds of lies: lies, damned lies, and statistics.
-- Benjamin Disraeli (1804 - 1881)


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



  1   2   3   4   >