Just Brainpicks
Just Tutorials
Just Showcases
Stop asking! I wanna search everything!

JavaScript Color Fading Script

Are you looking for another simple effect that can bring something brilliant to your website appearance? Try this lightweight JavaScript Color Fading Script. It gives you color transition that is fading gradually to another color.

You can apply this script for tables, divs and many more.
Some elements that you can target are:
- background
- border
- text color

You will need to set the hex value of starting color, then hex value to fade to and number of times to divide the color difference. Experiment a bit on some different transition speed values to see how the color fading effect work beautifully for you!

The good news is, Michael Leigeber has written this script with the demo page! Visit the site to check it out ;)

07.16.08 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

Water Color Effect in Photoshop

Creating Water Color Effect in this tutorial is actually very quick and easy. Because it is done by mixing a photo with some watercolor brushes and played with Blend modes. Another “plus” to this tutorial is that you will learn how to create the same effect to a text using Filters. The filters applied are:
- Filter>Brush Strokes>Sprayed Strokes
- Filter>Artistic>Watercolor

Enjoy the rest of the article, and experiment with the steps on your own Photoshop canvas workspace! ;)

07.16.08 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

Guide to Pre-Installed Fonts

Here you find a complete guide to pre-installed fonts in Linux, Mac, and Windows. So if you ask yourself “Can i use this font…is it installed on all computers….?” have a look at this guide an find out.

07.15.08 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

A Simple JavaScript Tooltip

This animated JavaScript tooltip script is very simple with only 2kb of file size. It works in IE6+, Firefox, Opera and Safari. The main idea is to create a lightweight script that fades a tooltip with rounded corners attached to the cursor position.

You will need to setup the namespace and global variables, then create a function to display the tooltip that takes two variables. Positioning the tooltip is the next step and you will need to set a function to fade the tooltip to the target opacity. On the mouseout event, fade function will incrementally hide the tooltip.

Get the complete source script and a walk-through of the code now. Because this is very easy to use ;)

07.15.08 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

Create a Star Wars text effect

Well, the picture above says it all :-) If you want to learn how to create a Star Wars text effect like this you should visit this tutorial now. You will learn how to use different Blending Options & Layer Styles.

07.14.08 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

“Perfectum” Beautiful Photo Effect

This Photoshop tutorial is focusing more on the couple or focal point, and blurring away the background and unimportant details. You will learn to use a few different tools and basic Photoshop settings in this tutorial, so it’s best if you’re at least a little acquainted with the Photoshop tools and interface.

07.14.08 | 1 Comment |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

5 Best Paper Textures Resources

Buckle up to see these cool Paper Texture Resources round up!
Starting from grungy to old paper textures. From photoshop brushes set to high resolution image collections, and there are more kinds of papers to check out!
These resources would be useful to create grunge theme of web background, or any kind of graphic design that require you to grab one of them. Take a quick look to our short review before you decide what you need!

1. Grungy paper texture v.14

Brought to you by a deviant, =bashcorpo. All of the textures are totally royalty free for both private and commercial use! Visit the resource site to download these cool 14 Grungy Paper Textures :D
Read the rest of this entry »

07.14.08 | 1 Comment |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

Braintalk with Steven from vandalydesign.com

1. Hi , who are you and what do you do?
I’m a designer and blogger (vandelaydesign.com is my home). I also write about social media and blogging at traffikd.com, which is basically a side project for me. Within the past year I also got into freelance blogging. I’ve written for Freelance Switch, Freelance Folder, Daily Blog Tips, Most Inspired, Blogtrepreneur, PureBlogging, and probably some others that I’m forgetting.

Read the rest of this entry »

07.12.08 | 9 Comments |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati