I’ve been using Google Custom Search for quite some time now, I must say it’s a very powerful tool you can have on your website, nothing comes close to Google’s search power. If you are using Google Custom search like me, you can easily override its look by creating your own CSS to fit the layout of your website, here’s how:

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.