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 ![]()
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! ![]()
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.
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 ![]()
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.
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.
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 ![]()
Read the rest of this entry »

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 »
Last Comments
Thoms: You might wanna check www.hapjestheater.nl! Also a desktop / table approach website.
dudeydudedude: With all due respect, these are basically examples of “web design ideas that overused and already very...
Aziendealtop: Complimenti per l’alta qualità grafica del sito
Stan Gursky: My website looks like a desktop :P
Web Designer Perth: It’s brilliant. It inspired me to put this Mad Max spoof together: “My life fades. The vision dims....
Webagentur: Thank you, this tutorial has me very helped.
liam: Great read, but I just couldn’t keep my eyes off your work. The top two are my absolute faves, beautiful.