CSS anti aliasing text? How have they done this?

Using CSS, anti-aliasing can be stopped by using px (pixels) instead of pt (point). You must use a pixel font, Verdana at 10px or 12px will have not aliasing. (there are a bunch of web fonts that are not true pixel fonts that will display without aliasing with the px instead of pt method).

EXAMPLES:

Non-aliasing - 
<style type="text/css"> 
.whatever {color: 000000; font:10px 'Verdana'; text-decoration:none}
</style>

Will aliasing - 
<style type="text/css"> 
.whatever {color: 000000; font:10pt 'Verdana'; text-decoration:none} 
</style>

jQuery.Smart3D

jQuery.Smart3D

Interesting effects, which can be used on site-header. It’s very simple to use: several layers glued together into a 3D effect. See examples of using this jQuery plugin!

Demo preview

• 
• 

Plugn options

frameWidth (integer) (optional)
Width. You can set in CSS.

frameHeight (integer) (optional)
Height. You can set in CSS.

horizontal (boolean) (optional)
Default: true

vertical (boolean) (optional)
Default: true

firstStatic (boolean) (optional)
Default: false

lastStatic (boolean) (optional)
Default: false

invertHorizontal (boolean) (optional)
Default: false

invertVertical (boolean) (optional)
Default: false

Example:

?

1 2 3

$(function() {     $('#mindscape').smart3d(); });

?

1 2 3 4

<ul id="mindscape">     <li><img src=".../mindscape1.png" /></li>     <li><img src=".../mindscape2.png" /></li> </ul>

?

01 02 03 04 05 06 07 08 09 10

#mindscape {     width: 720px;     height: 170px;     overflow: hidden;     border:2px solid #444444; } #mindscape li{     width: 844px;     height: 170px; }

Go to

• Downloads