~davidLaakso wrote:

>John Protasiewicz wrote:
>  
>
>>Hey everyone,
>>Does anyone have any suggestions/comments for me regarding the design of 
>>my website:
>>
>>http://www.cssremix.com
>>    
>>
>[...]
>It goes crazy on font-zoom in IE.
>[...]
>  
>
Hi John,
1.
With David's suggestions the font-size will be better. I've an addition 
to this.
It's not only the font-size itself making it worse when enlarging. The 
distance between the gallery-rows is growing when the fontsize is 
bigger, as well in IE as in FF. Reason is the height of the 
gallerypost-class in em: with 9em it's growing fast!
See screenshot 1 
<http://home.tiscali.nl/developerscorner/css-discuss/images/cssremix-screen1.gif>.
To avoid increasing of the distance, you could set (for instance) the 
height of the h2-line in this class on 2.5em (then there is enough space 
for a double line if firmly enlarged fontsize). With a small padding-top 
of the items, the whole 9em can be omitted.
See screenshot 2 
<http://home.tiscali.nl/developerscorner/css-discuss/images/cssremix-screen2.gif>.

2.
I'm a bit concerned about the visits of visitors with a telephone modem. 
The images ask about 200kB, that is (with a fast modem of 56kbps) about 
40 seconds before every page is on screen.
See Page speed report 
<http://www.websiteoptimization.com/services/analyze/wso.php?url=http://www.cssremix.com/>.
My phantasy tells me this visitors will not be eager to click on the 
"next page" link ...
What you could do:
- Supposing you are adding new sites/thumbs in the end of the last 
(incomplete) page with thumbs, you can combine the images of the 
complete pages before in one smaller total-jpg each page, loaded as 
background-img and (multiple) css-positioned to add the text-lines.
More or less like a css-hover img-combination 
<http://home.tiscali.nl/developerscorner/css-discuss/test-jakob-nav.htm>.
- Split up the thumb-pages in more pages with less thumbs (say 9) on it. 
Then the thumbs can be some bigger to give a better impression of the 
site design of the thumbs. And: the about 30 thumbs on 1 page is too 
much information to make a decision where to go on. - The first thing 
the majority of web-visitors is thinking when they see a page for the 
first time is "where can I click for a next page?" - I guess visitors 
will stay longer, if they can make quick repeated decisions "this not, I 
click to the next", instead of making "boring scrolls" and getting too 
much choice.
See imaginary screenshot 3 
<http://home.tiscali.nl/developerscorner/css-discuss/images/cssremix-screen3.gif>.

It's a bit going over to usability talk, I stop!- I hope I've put enough 
css in this reply to stay tolerated at the list. ;-)

Greetings,
francky
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to