Category: Resources

60+ Awesome Grunge Font That Every Designer Should Collect

June 9th, 2009 in Fonts, Resources | View Comments

Grunge and Dirty designs are probably the most popular design trends. Although grunge may means dirty to some people, but it is designer’s favorites. Today, we are going to share 65 Awesome Grunge Font that you probably want to collect.

If i had missed out any fonts that you think are cool, please share through the comment section. Without talking much, let’s see the list.

1. [ank]* font

ant-font

2. 20th Century Woodcut

20th-century-woodcut

3. 28 Days Later

28-days-later

(more…)

14 Javascript Resources And Plugins For Creating A Stylish Chart

June 6th, 2009 in Javascript, Resources | View Comments

We had shared a lot of useful resources about CSS/jQuery recently. Today, I am going to share useful resources and plugins to create a stylish chart. Graph and Chart are very effective ways of showing data.

There are a lot of different methods to generate graphs/charts. For example, you can use Flash, Javascript, CSS, or server side script such as PHP or ASP to generate them. Today, we are going to look into Javascript solutions to generate charts.

Update: We have another article that covers tutorials and resources on creating graphs and charts using CSS(without Javascript/Flash).

1. Creating accessible charts using canvas and jQuery

fgcharting
This article show you how to use fgCharting, a jQuery plugin to convert HTML table into a stylish chart/graph. This plugin support several different types, such as line, filledLine, additiveLine, additiveFilledLine, pie, bar, additiveBar.

2. Emprise JavaScript Charts

emprise-javascript-charts
This JavaScript Charts supports a lot of features and has a very good documentations. However, it is only free for personal use.

(more…)

110+ CSS Gallery To Submit Your Design, Part 2

June 4th, 2009 in CSS, Resources | View Comments

Last week i shared about 55 CSS Galleries to submit your web design, and now i would like to complete the series by sharing another 55+ CSS Galleries.

If you don’t want to submit your design one by one, you may consider The CSS Gallery List, which is a service that will submit your web design to 87 CSS Galleries. It cost you $20, but it save you a lot of efforts and time. Now we will continue to look into the CSS Galleries:

56. CSSRank

cssrank

57. CSSReboot

cssreboot
(more…)

110+ CSS Gallery To Submit Your Web Design, Part 1

May 27th, 2009 in CSS, Resources | View Comments

CSS Galleries are places where we can submit our web design and let others vote/rate about it. They are places where we can get inspiration too.

Today, we are going to share about 110+ CSS Galleries that you may want to look into when submitting your design or when you want to get some inspirations for your project.  The list is too long to fit into 1 post, so i am going to divide it into 2 posts.

  1. 101 Best Websites

    101bestwebsites

  2. Nice Stylesheet

    nice stylesheet

  3. Stylegala Gallery

    stylegala gallery

    (more…)

25+ Useful Javascript Tab Navigation Scripts

May 19th, 2009 in Javascript, Resources | View Comments

There are a lot of different ways to implement tabs in our website. I had seen pure CSS implementation, Javascript implementation such as jQuery and MooTools tabs. Recently, my client request me to add tab interface to the current theme. So, i googled the web and found a lot of free scripts to do so.  now, I am going to list down useful Javascript tabs that I found.

jQuery plugin

1) jQuery UI Tabs
jquery-ui-tabs
This tab script is built in to the jQuery UI and there are a lot of configurations. For example, you can have rotating tabs, nested tabs, and etc.

2) jQuery idTabs
jquery-idtabs
jQuery idTabs makes adding tabs into a website super simple, but it also open the door to endless possibilities.

3) Minitabs – jQuery minimalistic approach to tabs
Minitabs looks simple, but I can’t found any working demo from the website.
(more…)

5 Extremely Simple Ways To Add Page Curl To Your Website

May 13th, 2009 in Flash, Javascript, Resources | View Comments

A lot of websites/blogs using page peel/page curl to add additional message such as advertisements at the corner. There are a lot of scripts that can achieve this function but unfortunately these scripts are not free.

Recently, 1 of my client requests me to implement page curl on his WordPress theme. So, I search through the internet and found some free and extremely simple ways to implement it.

1) Simple Page Peel Effect with jQuery and CSS by Soh Tanaka

simple-page-peel-effect-with-jquery-css
In this example, Soh Tanaka show us how to achieve the page peel effect using purely jQuery and CSS.

2) The Sexy Curls jQuery Plugin

sexy-curls-jquery-plugin
This is another open source jQuery plugin to achieve page peel/page curl effect by Elliott Kember. To use this plugin, you are required to install both jQuery and jQuery UI.
(more…)

15 Really Cool And Sexy Free RSS Feed Icons

May 11th, 2009 in Resources | View Comments

We know that a cool and sexy RSS icon will attract more readers to subscribe to your blog and there are hundreds of posts around the internet discussing about free RSS feed icons. Reading these posts will consume a lot of time. So, WDB team had gone through these posts and picked 15 free RSS feed icon sets that are really cool and sexy.

1) RSS icons by sniffels

rss_icons_by_sniffels

2) Real Estate Icons from LeadPress

real-estate-rss-icons
(more…)

Page 4 of 41234