Google Font API and Typekit solutions VS @font-face

November 17th, 2010 by Catalin Rosu - 19 comments

A while ago you’ve read a quick tutorial here about setting up your website with custom fonts using @font-face. Since then I’ve been thinking to write about these alternative solutions, pros and cons.

The aim of this post is to briefly round up your options when using custom fonts in web design.

CSS gradients – quick tutorial

November 14th, 2010 by Catalin Rosu - 25 comments

CSS3 gradients aren’t something new, but because of cross browser incompatibility, they weren’t used that much until now.

However, you should know that they are available to use in Safari, Chrome (Webkit) and Mozilla Firefox (from 3.6) browsers.

With this post I will show you how to use CSS gradients for some major browsers: Firefox, Safari, Chrome and IE (surprise!).

PNG8 alpha transparency using Adobe Fireworks

November 8th, 2010 by Catalin Rosu - 6 comments

PNG-8 with alpha transparency?

I know some of you will say that this is impossible, because that was exactly what I was saying when I found out about it.

But, Adobe Fireworks makes itself “guilty” about that and in this article I will show you how you can get a PNG-8 image with alpha transparency.

CSS3 font-face or how to use a custom font for your website

November 2nd, 2010 by Catalin Rosu - 27 comments

Web designers have been constrained to use a limited number of safe-fonts due to the dependence of being available on various computers and operating systems. CSS3 changed that by introducing a feature that allows you to use any font for your website.

This article contains a simple and easy to implement tutorial about using the @font-face property.

7 tips to organize your CSS

October 27th, 2010 by Catalin Rosu - 12 comments

Working often with CSS for my own website or for my job makes me trying always to be organized and that made me thinking about a thing. What is the best way to organize my CSS file(s)? With this article I will try to present you a short guide about CSS organizing.