Webdesign, CSS, Social Media, Tech News

I searched for free to use web 2.0 icons of social media sites, but I did not find anything nice except some stock icons.

So I’ve made my own ones and I like to share them with you!

Feel free to use, modify and integrate them on your blog or website.
There is no need to link back, if you’d like to do so anyway, it is appreciated.

Here’s the download for the .psd containing templates for 256×256 pixel buttons and a 40×40 pixels iconset:

Social Media Icon Set

Social Media Icons (PSD)

Have fun folks!

Generally this is no rocket science, using the CSS3 attribute “opacity”, unfortunately CSS3 is not supported by many browsers. As an alternative one could use JavaScript, which also might not work everywhere (if disabled due to security measures). So the easy way only works in the latest versions of Firefox and Opera.

(Take a look at a live demo here)

In order to get this working in all the browsers (Ok, using IE6 we’ll have to trick a little bit, but we’ll discuss this later) we have to approach this in a sneaky way.
Here is a simple, fast, lean, cross browser functional and JavaScript free method, only using plain HTML, CSS and graphical elements:

Read the rest of this entry »