Category: Resources

50 Useful Cartoon Character Design Tutorials

February 24th, 2010 in Photoshop, Resources | 21 Comments

Cartoon character designs is really interesting. Today, we have a lot of powerful graphic design software such as Photopsop, Illustrator and Corel Draw to help graphic designers create cartoon characters.

With the advance technologies, designers now can sketch the cartoon characters on paper first, and then use software to convert and edit them on PC. If you are using Photoshop or Illustrator, then they are powerful enough to create cartoon character. But if you don’t want to pay for them, there are still a lot of Free Photoshop alternatives where you can use.

Today, we are going to look into 50 cartoon character design tutorials where you can learn from basic to the advance skills to create and edit cartoon characters. We hope you enjoy reading them.

Create your own monster

Yet another monster character tutorial. You can download the source files to get started immediately.
Create your own monster

(more…)

CSS Graphs And Charts: 11 Hand-picked Tutorials And Solutions

February 22nd, 2010 in CSS, Resources | 11 Comments

There are a lot of ways to visualize your data. Using Pure CSS Graph and Chart is one of the best and easy way, unless you want to create a very good-looking graphs.

If you really want to create graphs and charts with fancy UI or features, then you should consider either Javascript Chart or using Flash.

In this article, we cover 11 tutorials and solutions for you to create graphs and charts using CSS. There are a lot of tutorials and sample about CSS graphs, but we hand-picked 11 best solutions. Let’s start to look into them one by one.

1. CSS only bar charts

This pure CSS solution able to plot car charts without rely on heavy Javascript. With this solution, you can also implement mouse hover effect to the bar chart. The author had packed everything in a PHP file, which you can download and using it as a web service.
CSS only bar charts

(more…)

30 Websites To Download Free Stock Photos

February 1st, 2010 in Resources | 30 Comments

Using stock photos in the design can save us a lot of time. Instead of hiring a photographer, you can instantly access high quality of stock photography by browsing through the stock photo websites.

There are a lot of websites offering stock photos. Some of them are free, while most of them aren’t. So, if you are going to use stock photos in your design, you have to be aware of the license and agreement that may be involved.

Today, we are going to share 30 websites where you can download free stock photos. If you found any free stock photo website that isn’t in the list, feel free to send me or add through comment.

1. stock.xchng

Contains over 350,000 quality stock photos. You can easily get a quality and beautiful wallpaper for your desktop, or simply an illustration for your blog. The advanced search feature lets you easily search through the site for your desired image.
stock.xchng

(more…)

SlideDeck – Cool jQuery Plugin For Slideshow

January 18th, 2010 in Resources | 5 Comments

SlideDeck is a very powerful jQuery plugin to present your content on mobile phones and browsers is a very simple and clean slideshow. This jQuery powered plugin is easy to customize, powerful and able to deliver a better user experience to your readers.

Still remember our tutorial about jQuery Content Slider? SlideDeck brings all these slideshow and content slider to you in no time!

SlideDeck - Powerful jQuery Slideshow plugin
(more…)

33 Beautiful Social Media Icon Sets For Designers And Bloggers

January 11th, 2010 in Resources | 22 Comments

Bloggers, especially web designers use Social Media sites to promote their articles and services. Promote your articles through social media is easier and you can see the results in a short period of time.

So, how to get your readers to promote your articles to their social media friends? One of the best method is integrate these social media buttons to your blog. These buttons should fit well with your design. Although you can hire designer to design unique social media buttons for your blog, but using free social media icon sets is a good choice especially when you are under budget.

In this article, we are going to share 33 Beautiful Social Media Icon Sets and we hope this collection can save your time searching online.

Social Icons Made of Wood

Social Icons Made of Wood
(more…)

Highcharts – Pure Javascript Charts Library

December 28th, 2009 in Resources | No Comments

Charts and graphs are very important components in order to present your data to the readers. Perhaps our previous post about Javascript Charts Plugins help you in your projects. If none of the plugins or resources meet your requirements, don’t worry. We are going to share another powerful but free Javascript Charting Component to you: Highcharts.

Highcharts

(more…)

RegExr: Online Tool To Test And Learn Regular Expression

December 25th, 2009 in Resources | 1 Comment

Are you familiar with Regular Expression? Regular Expression is very powerful for developers who always deal with string processing. For example, you can use Regular Expression to find matches email, validate email address, validate password, find URL within a string and much more.

Although Regular Expression is very powerful, but it is hard to learn, especially for beginner. Luckily, with an online tool called RegExr, you can test Regular Expression online, and visualize the result in real-time environment.

RegExr: Online Regular Expression Testing Tool

(more…)

Ultimate Christmas Resources: 60 Tutorials, Icons, Design Materials, Wordpress Themes and Christmas Fonts

December 21st, 2009 in Resources | 24 Comments

Last week, we shared about 66 beautiful Christmas Wallpapers. How is your Christmas holiday preparation? This is the time when us, designers are busy with the projects. A lot of clients want to do a redesign in order to add some Christmas and winter look and feel for their sites.

So, i believe this is the time for us to do a sharing and roundup for Christmas resources. Today, we are going to do a roundup for various resources including Tutorials, Icons, Designer Materials, Wordpress themes and Fonts for your Christmas uses. With these resources, you can shorten your design and development time and hopefully can finish your projects before the date.
(more…)

TopUp – Javascript Library For Pop Up And Lightbox

December 7th, 2009 in Resources | 3 Comments

TopUp is a cross-browser compatible Javascript Library for creating popups to display images and web pages. To maintain the cross-browser compatibility, TopUp is jQuery and jQuery UI driven. However, Prototype developers can use TopUp along with Prototype by including TopUp before Prototype.

TopUp able to display various contents while maintaining your HTML code 100% clean. For example, it can display web pages, images, Flash, Yuotube, QuickTime, iframes and DOM elements. TopUp is compressed with Yahoo! YUI Compressor so that it is small in size and load faster.

Topup - Javascript Library For Popup/Lightbox

(more…)

60+ Photoshop Tutorials For Icon Design

November 17th, 2009 in Photoshop, Resources | 36 Comments

Icon design is an essential skill for every web designer. A website or blog with beautiful icons will definitely attract visitors’ attention.

Although we may download free icons or purchase stock icons from the web, but learning the skill of icon design will definitely brings you a lot of benefits. Besides brush up your Photoshop/icon design skills, you will also have custom made icons that suit your website’s design. Some of the free icons are only for non-commercial products or websites. So having your unique icons, you can get rid of these restrictions.

If you are looking for Photoshop Tutorials for Icon Designs, then you had reached to the right place. Here, we collected 60+ Really Useful Photoshop Tutorials for Icon Design. I am sure you will become a good icon designer after reading these tutorials.

If you are looking for simple icon editors which do not require advance Photoshop skills, then you may want to refer to our previous post about 6 free icon editors.

1. How to Create a Planet Icon Set in Photoshop
How to Create a Planet Icon Set in Photoshop

2. Simple Coffee Cup Icon Photoshop Tutorial
Simple Coffee Cup Icon Photoshop Tutorial
(more…)

Page 1 of 41234»