Two simple ways to create text embossing effect

Embossing is very popular trend in web design (the actual term for this effect is “inset”, although many people call it embossing). It is very simple to create. This short tutorial will show you how to create this effect using pure CSS…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Beautiful fonts with @font-face

While Firefox 3.0 improved typographic rendering by introducing support for kerning, ligatures, and multiple weights along with support for rendering complex scripts, authors are still limited to using commonly available fonts in their designs. Firefox 3.5 removes this restriction by introducing support for the CSS @font-face rule, a way of linking to TrueType and OpenType fonts just as code and images are linked to today. Safari has supported this type of font linking since version 3.1, and Opera has announced that they plan to support it in Opera 10…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Most Useful CSS Galleries Sorted by Google Pagerank

In this article you’ll find the most useful CSS showcase galleries. What makes them most useful is their search/sorting features – some of them let you search by colors, by layouts, by categories. And as a bonus they all are sorted by Google PR and current Alexa rating…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

CSS Transparency Settings for All Browsers

Transparency is one of those weird things that is treated completely differently in all browsers. To cover all your bases, you need 4 separate CSS statements. Fortunately they don’t interfere with each other really, so using them all every time you wish to add transparency is no big hassle and worry-free…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Adaptive CSS-Layouts: New Era In Fluid Layouts?

Fluid web designs have many benefits, but only if implemented correctly. With proper technique, a design can be seen correctly on large screens, small screens and even tiny PDA screens. With bad coding structure, however, a fluid layout can be disastrous. Because of this, we need to find ways to work around most, if not all, of the cons of fluid design.

If you as a designer are going to go through all the extra work of creating a functional fluid layout, why not go a bit further and make it compatible with all resolutions, instead of just most? You can use a few techniques to create an incredibly versatile, adaptive layout that will stay perfectly functional with the constantly changing screen sizes…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

How To Use Multiple CSS Backgrounds

An article showing how you can use multiple divs and therefore multiple background images to create your web designs. Is that the right thing to do? From a web standardista’s point of view, probably not. But the technique is there if you ever need it…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

24 CSS Navigation and Menu Tutorials

The most important part of designing a new site is the navigation or menu system, but this can be tricky, time consuming and often frustrating. You need something that will fit into your design and most importantly, allow your readers to navigate with ease. Here’s you’ll find 24 CSS (in some cases with a little jQuery) Navigation and Menu Tutorials to help you on your way…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)