March 22nd, 2012

Download 20 Free Photoshop Grid Patterns

I found this nice set of Photoshop grid patterns and I’d like to share. I see many websites use grid patterns as their web background and also many apps or games for iOSs and Android use it as app background. I think grid patters are useful and they can use in many design projects. If you’re looking for grid patterns, this 20 seamless Photoshop grid patterns are free to download.

The Photoshop patterns (.pat) come in both black and white with a transparent background meaning they can be applied to almost any element or colour. Also in the download is a set of 20 500px x 500px transparent .pngs – one for each pattern.

Photoshop Grid Patterns

Link: 20 Free Photoshop Grid Patterns

March 22nd, 2012

Create CSS3 Shape Easily With CSS3 Shape Sample Code

Sample CSS3 code for creating CSS shapes in square, rectangle, circle, triangle, diamond, heart and speech bubble.

CSS3 Shape

Link: CSS3 Shape

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.


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.


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