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.


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.


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.


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 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

February 1st, 2012

ChiliStats – Free Simple and Open Source PHP Web Stat

If you’re looking for a simple PHP web stats that easy to install and the set gives you all the info that you need, ChiliStats is the right choice.

Chilistats is a simple, fast and convenient PHP and mySQL statistic counter. You can view all your web stats info in just one view.


More Info and Download