Productivedreams.com ProductiveDreams - Everything that web designers need, owned by Gopal Raju

A blog to keep you updated on the latest design trends.
RSS

Inspirations

Trend Review: Coffee Stains in Web Design

Filed Under

Hi, hope you had a great week end! I know it’s been a while since I posted something, so here it goes…

In one of my previous trend reviews, I had mentioned about the cofeecup trend. What if you drop the cofee on your table or paper? yes, it becomes another trend ;)

Do you think adding some coffee stains to your design would make it look better? Here goes a list of hand-picked designs that proves it! I’ve included links to tutorials on how to create such stains in photoshop as well.

Stains in websites

Coffeenatic

Coffeenatic coffee stains

iSpoil

ispoilnet cofee stain

teh C peng

tehcpengnet stained background

The Greg Brady Project

Greg Brady - stain on paper

The Piss Biscuit

thepissbiscuit-paper

Mike Desjardins

Mike Desjardins

What would you need to create these cool hot stains?

Its simple…
Photoshop brushes

coffee photoshop brushes

divinity-bliss-photoshop-brush
morning coffee
brusheezy
digea-getbrushes

Now, how to create these brushes?

Its not that hard. Here goes a nice tutorial by web design library But make sure not to spill your entire coffee after reading this :)

Coffee stain social networking iconset

Social Networking Coffee Stain Icons

Wallpaper

A coffee stainfree wallpaper
wallpaper
for to keep you inspired.

And finally, a twitter theme

twitter background theme

I hope you enjoyed this post. Stay tuned!

ProductiveDreams Reloaded

ProductiveDreams is looking different? Yeah! infact, I planned to redesign long back, but couldn’t since the Best Wordpress Contest was going on. Redesigning PD was obviously a tough job since I had to do something better and usable, than the previous design.

This is the third time I’m redesigning PD (I would rather call this a facelift). I’ve used some jquery to make things lively ;)

So what are the major changes?

1. The Global Search

Type something(meaningful) on the Search field on the top right and wait for a second or two.

live_search

2. My social network

This section lets you to connect with me. Be my friend!

My Network

3. The Twitter Bird

I don’t want to explain this. :) Just move your mouse over the twitter bird.

Twitter Bird

4. The JQuery(moving) tabs

A simple JQuery animation.

JQuery Tabs

5. Digg and Retweet buttons

You can see this in the post detail pages.

digg retweet

6. Calendar – shows posts of the current month

calendar

7. The Page peel icons

These icons already existed in the previous design but still I think it’s worth a mention.

PagePeel Icons

8. Top Commenters

I love my readers and especially those who take the pain to comment or thank me for my efforts.

topcommenters

Now it’s time to let me know your opinion. Do you think this design is better than the previous one? Feel free to comment here :)

Trend Review: Web2.0 Rockets and Gliders in Webdesign!

Filed Under
Web2.0 rockets and gliders
are visually appealing elements, normally used to indicate speed. Here goes a list of sites that follow this
trend
.

1. A Pilot

apilot

2. Div Voted

divvoted

3. Drupal Con

drupalcon

4. Get Me Fast

getmefast

5. iSlayer

islayer

6. Jeff Sarmiento

jeffsarmiento

7. Little Kids Bedrooms

littlekidsbedrooms

8. Rawkes

rawkes

9. Sopa

sopadeideias

10. Mix Online

visitmix

Third Dimension/Depth in Web design

Filed Under
Do you remember those folded 3d menus or elements with shadows, coming from behind the web page? If you can’t, here goes a hand picked set of websites with those clean 3d elements.

1. Alexandru Cohaniuc

alexcohaniuc

2. Burger King Studio

burgerkingstudio 3d menu

3. Change in Command

changeincommand

4. Cognigen Corp

cognigencorp 3d menu

5. From the Couch

from-the-couch 3d titles

6. Sarah Longnecker

sarahlongnecker 3d navigation

7. The Society of Publication Designers

spd

8. The Autumn Film

theautumnfilm

9. Tmynus

tmynus

10. Blue Dots Design

bluedotsdesign