Looking for a good script for creating a nice effect hovered label when mouse pointer hover on it? You’ve come to the right place.
You may see this this technique on many sites like Facebook or Twitter and it’s really useful and I’ve just found a nice script for creating a nice effect like this.
Hovercard is a free light weight jQuery plugin that enables you to display related information with the hovered label, link, or any html element of your choice and it comes with built in Twitter and Facebook hovercard.
CSS3 is widely used and I found more and more cool stuffs on the webs that created with CSS3. This one is a nice tooltip that was created with pure CSS3 using CSS transitions and the pseudo-classes :before and :after.
This is the nice tutorial that I found on Codrops and I’d like to share with you. In the tutorial, you’ll learn how to create some simple, animated tooltips using CSS. I think it’s really cool and useful.
You can apply the this CSS3 effects to your web design work and you can download the source code too.
If you want to learn how to code I think Codecademy is a good start. Codecademy will tech you the basic of coding, I try to play with it and found it really interesting.
This is fun and easy, you just follow the instruction form the console, Codecademy will tech you step by step. You can track and share your learning progress and you can compete your learning process with your friends too.
I usually use grids to design website layout, it’s really useful. I found a plugin for Photoshop that will help creating grids more easily and powerful.
With GuideGuide, it doesn’t have to be. Pixel accurate columns, rows, midpoints, and baselines can be created based on your document or marquee with the click of a button.
As the image show below, the tool is easy to use, you just generate the width and height of grid as you want and all done. GuideGuide has its basic rows, columns and midpoints, but with a little creativity it can do a whole lot more.
Frequently used guide sets can be saved for repeat use. Grids can use multiple types of measurements. Best of all it’s free.
One of the great way to drive traffic to your site is sharing your post on social network like Facebook, Twitter or Google+. People use this way to share their favorite content to their friend on Facebook page, Twitter, Google+ and ect.
This tool will help you add social sharing icons on your sites easily. Sharrre is a jQuery plugin that allows you to create nice widgets sharing for Facebook, Twitter, Google Plus, Linkedin, Digg, Delicious, Pinterest, Google+, StumbleUpon and more.
Sharrre is available for free download, the script is lightweight and highly configurable.
If you’re a web designer or web developer who looking for a good resources for download PSD buttons and web user interfaces for using in your web project, application development or other projects. FreeButtonWeb is a really good place to browse tons of nice buttons and UI.
FreeButtonWeb is where you can download the latest and wide variety of Button resources such as free buttons, stock buttons, web button and user interfaces. And if you’re a designer and want to share your work you can submit your design to the site too.
Resources on FreeButtonWeb were collected from various designers and mostly are free.
Cyfe is an all-in-one dashboard that helps you monitor and analyze data found across all your online services like Google Analytics, Salesforce, AdSense, MailChimp, Amazon, Facebook, WordPress, Zendesk, Twitter and more from one single location in real-time. For free account you can add 5 widgets to your dashboard.