March 21st, 2012

HoverCard – Display Information With the Hovered Label

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.

hovercard

Link: Hovercard

March 20th, 2012

Creating Animated CSS3 Tooltips + Free Source Code

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.

Creating Animated CSS3 Tooltips

Link: Creating Animated CSS3 Tooltips

March 16th, 2012

Learn How to Code For Beginner With Codecademy

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.

Learning with Codecademy will put you on the path to building great websites, games, and apps. Currently, the available course is Javascript.

Codecademy

Link: Codecademy

March 15th, 2012

Replace Characters With Emoticons Using PHP Video Tutorial

The tutorial will show you how to replace characters with emoticon using PHP. This one is a popular technique that replace some special characters with emoticons after user submitted the form.

March 15th, 2012

Download Free GuideGuide – Free Grids Tool Plugin For Photoshop

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.

GuideGuide

Link: GuideGuide

March 14th, 2012

Add Social Sharing Icons To Your Site With Sharrre

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.

Sharrre

Link: Sharrre

March 11th, 2012

Download Free Tons of Web Icons and User Interfaces

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.

Web Icon

Web Icon

Read More…

March 11th, 2012

Download Free Metro Style Icons

Windows phone 7 and Windows 8 icons are so cool. Microsoft called their new UI as “Metro”. The interface look really nice and the icons used in the Metro interface are simple but look nice too.

This one is a free set of icons that inspired by the icons that was used in Windows phone 7 and Windows 8 Metro style.

The icon set available for free download and you are free to use or modify these icons for whatever you want.

Metro style icons

Link: Free Metro Style Icon Set

March 7th, 2012

Free Web Design Resources in Box of Bundles

Box of Bundles is where you can download free web design and web development stuffs in one bundle box. If you’re a web designer or developer you can also submit your work too.

The box of bundles has many cool stuffs such as web template, web navigation, icons, buttons, user interface design, all available in free PSD.

Link: Box of Bundles

Box Of Bundles

Box Of Bundles

Read More…

March 1st, 2012

Cyfe – All-in-One Dashboard

Cyfe

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.

Link : More Info