Tag-Archive for » tips «

CSS: 5 Old and New Usability Tips For Everyone

No matter whether you are an experienced web designer or a beginner – these tips may be useful for you. Check them out.

1. Usability tip. Never, never, never use “text-decoration: underline” for the text that is not actually a hyperlink. Trust me, your visitors will hate you clicking and clicking on this text and finally undertanding that underlined text doesn’t lead anywhere.

2. Don’t squeeze content too much: your text should be able to ‘breath’ – add margins and paddings, and of course don’t forget about ‘line-height’ property.

3. When createting opacity effect, don’t forget about cross-browser support. Therefore, use:
-ms-
-moz-
-khtml- vendor prefixes,and for Internet Explorer use “filter: alpha(opacity=50)” property.

4. Liquid layouts are cool until they are seen on displays with large resolution. If you care about your most advanced visitors, use max-width and min-width, this will create limits for layout expansion (unfortunately, these attributes don’t work in IE)

5. Always create a printer-friendly CSS file. Think about users who want to print some materials from your website. They don’t have to print your beautiful header and footer, use ‘display:none’ for these parts of your site. In fact, an ideal document for printing includes the name of your site, logo, the content and copyright. Trust me, your visiters will be thankful to you.

Category: css layout  Tags: ,  2 Comments
  • Calendar

    May 2012
    M T W T F S S
    « May    
     123456
    78910111213
    14151617181920
    21222324252627
    28293031