Today let’s create a cool looking responsive share buttons for your website contents, which will be adjusted according to the users’ screen size. If you are not satisfied with your current share buttons, you can try this solution. Advantage of creating own set of share buttons is that, you can modify it to your heart content to fit your layout. And you don’t have to rely on bulky scripts that are loaded from anonymous servers, which could also slow down your page significantly.

All modern browsers now support CSS3 effects, all we need is one line of CSS to achieve smooth drop shadow effect from HTML block elements, no more Photoshop images! Some older browsers like Firefox 4, Safari 5.1 or Chrome 10 still requires vendor prefixes for this to work.

If you are a Web Designer, you can cut down the development time by using these handy tools, which can generate nifty CSS3 codes for your web projects, all you have to do is just adjust the settings until you are satisfied with the result, and then copy-paste the generated CSS code in your project. Here I have compiled some of the coolest CSS generators, which I think are useful tools for any web designer.

I’ve been playing with a layout that needed an good looking dropdown menu, so I’ve decided to create one myself, and also created this tutorial, hopefully it will prove to be useful to those who needs similar drop down menu. We will be creating 3 level sub menus in pure CSS, it should work without any JavaScript, and at the end we will add jQuery for that sliding effect.