15 Effective Tips and Tricks from the Masters of CSS

There are thousands of sites out there offering tips and tricks for using CSS. But how do you know where that information is coming from? Who says the people writing these “tips” know what they’re talking about? For all you know, it could be someone who has not clue what CSS even stands for, let alone how to use it effectively.

Here’s some tips from recognised experts known for their mastery of CSS…

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

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)