Posts Tagged ‘ CSS ’

Introducing the Google Font API & Google Font Directory

You can use WebFont Loader with fonts on your own server, with links to the just-announced Google Webfont API, or with your Typekit account.

As for Google’s new Font API, well, it’s so simple its hardly an API. You just need to add a link to Google’s stylesheet in the head tags of your page and then apply that font to some element in your page.

The syntax looks like this:

Then, in your stylesheet, you can apply that font to any body element. For example:

<link href='' rel='stylesheet' type='text/css'>

body { font-family: 'Tangerine', serif; }

For more information :


CSS3 PIE: CSS3 decorations for IE

PIE makes Internet Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features.

CSS Level 3 brings with it some incredibly powerful styling features. Rounded corners, soft drop shadows, gradient fills, and so on. These are the kinds of elements our designer friends love to use because they make for attractive sites, but are difficult and time-consuming to implement, involving complex sprite images, extra non-semantic markup, large JavaScript libraries, and other lovely hacks.

For more information :

Simplify CSS 3 With Online Code Generators

CSS Maker is a free tool to experiment with CSS properties and values and generate a simple stylesheet for your site

For more information :

Vertical text in HTML

Not so long ago i had a problem with one site. There was name of user in vertical text.

Link to example

My first thought was “i will use php and generate image for each user”.
But after that i thought that it is bad idea, if there will be many visitors. So i decide to output it using html

writing-mode – This property controls the intrinsic writing direction rendering for a block of content. The default is left-to-right, top-to-bottom common in western languages, but the alternate rendering mode is top-to-bottom, right-to-left which is a common rendering mode used in Asian writing systems.

filter: flipv() fliph(); writing-mode: tb-rl;

By using such styles we tell browser to output it vertically. Sad thing is that it is working only in IE.
But a lot of people using FF, Opera.
Scalable Vector Graphics (SVG) – this thing will help me 🙂
You can read about it’s advantages here

For more information click here