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

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

ProductiveDreams Reloaded

Filed Under
19 May 2009

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 :)

POPULAR POSTS

Leave a response

46 Comments

Leave Your Reply

  1. Nicolas TAFFOREAU says:
    January 3, 2010 at 6:37 pm
    I realy love your job.
    Reply
  2. DesignFellow says:
    December 22, 2009 at 12:32 am
    I like your sharing mind…Thanks for the info.. Keep up :)
    Reply
  3. Sheetal says:
    December 11, 2009 at 1:02 am
    I love the way you design and new things you post here.

    thanks a lot for sharing all this stuff…!
    Reply
  4. subhash says:
    November 12, 2009 at 4:42 am
    Hi,
    Gopal Can you please let me know how can i implement jquery moving tool
    Reply
  5. jeanm says:
    August 28, 2009 at 5:53 pm
    make a tut for some of these, i dont know how to edit my theme, like i wanted to put those page peel icons on the side or anywhere but i dont know how please and thank you
    Reply
  6. purab says:
    July 13, 2009 at 11:29 pm
    i can only say is
    “WOW”
    Reply
  7. Freelancer Crowd says:
    July 1, 2009 at 12:43 am
    The site design is outstanding.
    Brings me back to “when I gorow up, I’d like”…

    Congratulations, this is really lovable!
    Reply
  8. Labubulle says:
    June 24, 2009 at 8:53 am
    Congrats for your work !
    I like the reply preview, really handy !
    Reply
  9. Dreamweaver Forums says:
    June 22, 2009 at 3:01 pm
    What a wonderful article. Ill be using this in my work from now on. thanks again for being there.
    Reply
  10. kuld33p says:
    June 19, 2009 at 9:22 pm
    Throw in some tutorials man about these.. let us also use them.. :P
    Reply
  11. kuld33p says:
    June 19, 2009 at 9:16 pm
    This is awesome theme man. good work. I wish I had a blog like yours.
    Reply
  12. bolm says:
    June 16, 2009 at 5:35 pm
    it’s a nice theme,i really love it.but the jquery moving tabs can not work in my ie8.
    Reply
  13. Anthony says:
    June 13, 2009 at 9:29 am
    Wow, that’s a very beautifull usage of the recent comment w/gravatar widget !

    By the way, You should check the previous version of the plugin, admin should not be displayed. (it was the only difference between the plugins)
    Reply
  14. detruk says:
    June 8, 2009 at 9:54 pm
    Hello man,
    I have just discovered your website yesterday. I just wanted to congratulate you for the quality of this template. The colors are just great, the jquery effects are very usefull and the general design just makes me say “waho…the guy who have made this website just rocks !…”
    Congrats once again !
    ps : what plugin do you use for your comments functionnality?
    pps : sorry for the bad language I’m not english.
    Reply
  15. Ares Vista says:
    June 5, 2009 at 7:31 am
    I love the design! Functionality is most important and most impressive. I can’t think of anything I would change. Great job!
    Reply
  16. Dumitru Brînzan says:
    May 29, 2009 at 6:58 am
    Looks really great, especially on a wide monitor :)

    Usually I don’t pay much attention to the jquery effects, but these ones are done with taste and style :)

    P.S.
    1. in Opera (i don’t know if this is the case for other browsers), the bookmarking icons on the left appear only after scrolling down ~400px.
    2. Footer, in Top Commenters area… is it the case for you to participate in this top? Let others get the chance to be #1.

    Anyway, great job!
    Reply
    • Gopal says:
      June 12, 2009 at 12:40 pm
      Thanks Dumitru.

      1. Regarding the bookmarking icons, it was intentional. I wanted users to see it only when they scroll down and read the article.

      2. I agree that I shouldn’t be #1 in the top commenters section. I’ve informed the plugin author about this. Awaiting his response :)
    • Gopal says:
      June 14, 2009 at 9:08 pm
      Btw… the “top commenters” thing has been fixed! Thanks again for pointing that :)
  17. Andy Sowards says:
    May 28, 2009 at 11:44 am
    Wow Gopal, This is a great redesign my man, you put a lot of effort into it! I am currently redesigning my own site, Hopefully I can improve upon my old version as much as you did for this!! Keep up the good work man!
    Reply
  18. PB says:
    May 27, 2009 at 2:09 am
    Greatest site with such improvisations I have come across so far ! :-) Congrats
    Reply
  19. saurabh shah says:
    May 25, 2009 at 10:16 pm
    nice reloaded man.. it looks really good….
    Reply
  20. Oscar Martell says:
    May 25, 2009 at 8:52 pm
    Greeeaaat…!!!!!
    I ike.
    Reply
  21. Rade Joksimovic says:
    May 22, 2009 at 5:59 am
    You’ve done a very good job implementing these new features, well done! The non-standard look of the ajax powered search results, implementation of the teared social icons, everything is adding to the user expirience. Bravo!
    Reply
  22. Shahin - Rolam Shahin Designs says:
    May 22, 2009 at 2:59 am
    Outstanding mate! I just love it, way better than the last one. Really liked the grunge bg and the bevel effect around the top left part of the sidebar! Very well done.
    Reply
  23. bwskyer says:
    May 22, 2009 at 12:11 am
    It’s cool. I love..
    Reply
  24. yamaniac says:
    May 21, 2009 at 1:08 pm
    lovely theme gopal!! Outstanding. Please consider validating it through w3c giving me errors on opera…. Appreciate your efforts…
    Reply
  25. Nice says:
    May 20, 2009 at 10:03 am
    I love JQuery(moving) tabs (I like hover effect – too lazy to click. lol)

    Bugs when viewing with Opera9.
    - I can’t see the comment text
    - page peel icons were hided.
    - social icons on the top looks weird when hover

    btw, I’m quite surprised to be one of the top commenters :)
    Reply
  26. Chris Wallace says:
    May 20, 2009 at 9:14 am
    I really hated the eyes on the last design. This one is about a hundred times better. Nice work!
    Reply
  27. cuppjavamattiz says:
    May 20, 2009 at 8:18 am
    Greatest site with such improvisations I have come across so far ! :-) Congrats
    Reply
  28. Chris says:
    May 20, 2009 at 6:21 am
    Absolutely gorgeous!
    Reply
  29. rss_ems says:
    May 20, 2009 at 6:20 am
    This is magic! wuw! ((: I like that.
    Reply
  30. Marco says:
    May 20, 2009 at 6:04 am
    This is absolutely amazing, well done! Do miss the “dreamy eyes” that you had in your previous template (it was where I recognized this website most of), but still: It’s very well designed.

    Really like the “Twitter” bird.

    Oh BTW, as I’m writing this comment, you still need to fix the “reply” box -> it doesn’t scroll when I’m writing this long text :) . Very annoying.

    Anyway, keep up the great work!
    Reply
  31. Cindy says:
    May 20, 2009 at 3:09 am
    Looks good. Great Job!

    I love it! :)
    Reply
  32. Bartek says:
    May 20, 2009 at 2:29 am
    wow! it’s awesome
    Reply
  34. Navdeep says:
    May 19, 2009 at 10:19 pm
    Super amazing dude… I love all the customizations, very well done!

    Great work again!
    Reply
  35. Ben Jacob says:
    May 19, 2009 at 9:41 pm
    Woohoo!! At last you made the new theme live !

    Congrats.. !
    Reply
  36. aravind says:
    May 19, 2009 at 9:26 pm
    Totally outstanding!!!
    I love it :)
    Reply
  37. cheth says:
    May 19, 2009 at 8:23 pm
    Simply awesome man! no words :)
    Reply
  38. Matt says:
    May 19, 2009 at 6:01 pm
    Looks good. I especially like the search..
    Reply
  39. Cameron Eagans says:
    May 19, 2009 at 5:38 pm
    WHOA! This design kicks MAJOR ass. I REALLY like the jQuery moving tabs…I’ve never seen that done (then again, I haven’t really actively -looked- for it, either)

    The search box effect is also really cool.

    Great job on the redesign!
    Reply
  40. Heather says:
    May 19, 2009 at 3:35 pm
    I really love this! A fresh take on your previous style, and the way you’ve customized the search area is hot!
    Reply
Copyright 2006-2010 ProductiveDreams. All Rights Reserved. About Gopal Raju. Hosted by MediaTemple