Archive for October, 2009

By now most of Ubuntu users should already have heard about the release of Ubuntu Karmic Koala (9.10) released a few days ago. To be honest I had the date marked in my calendar for a long time with a countdown and I believe I wasn’t the only one. Actually I couldn’t even wait for the official release and downloaded the alpha a few hours earlier.

Previously we’ve learned how to make rounded corners and add multiple background images to a single element with the power of CSS3.

Transparency With CSS3

With CSS3 the ability to create transparent elements has been made very easy.

Link shortening has been extremely popular for some time now and new shortening providers seem to appear like worms after a rainy day. So how to choose?

Recently I needed to use link shortening for one of my clients and I had to start looking for the best service. And so I decided to make an article about it for maybe helping others.

Previously we’ve learned the new features of CSS3 and how to make rounded corners with a few simple lines of CSS code. Today I’d like to show another powerful feature – adding multiple background images to an element.

Before it could only be done by adding separate elements and dividing the images between them or using Javascript for it. Either way it wasn’t a pretty way of doing it.

With CSS3 you can define several background images in a single line seperated by a comma. So no more Javascript or messing around with separate elements.

The code

1
2
3

p {
    background: url('left.png') left repeat-y, url('top.png') top right no-repeat;
}

This way you can add several background images to any element you want. Now isn’t that easy?!

This is the first article from a series of tips and techniques for web development with CSS3.

Since I’ve been using CSS3 my work as a web developer has been much easier. It offers a lot of new ways for making your designs. So I decided to put all the amazing possibilities to writing in a series of articles.