Woupe Design Blog: Oct 17, 2010

Sunday, October 17, 2010

jquery Hover Sub Tag Cloud

Tag clouds When, used properly, they can provide visitors with an instant illustration of the main topics of the site’s content. And although we don’t have that much choice in designing them, we can still find our way to come up with new design approaches and solutions.

Here is a new approach: Using jQuery to reduce the size of the tag cloud that you have on your sites, so our demo will introduce "Hover Sub Tags" under each main Tag, for example if you have Ajax as a tag, you can have jquery, mootools, etc… as sub-tags. A Sub Tag Cloud will appear when hovering over the main Tag links.

Check out the link below to see it in action.
[LIVE EXAMPLE]
Tagcloud in jquery Hover Sub Tag Cloud

13 Awesome Javascript CSS Menus

Every web designer tries to be creative when it comes to designing the main navigation of the website. Now we present you with 13 awesome Javascript CSS menus that will be very handy and easy to modify to suit your needs. Lets take a look at recent examples of these …

1) Sexy Sliding Menu – Andrew Sellick decided to use mootools due to the smoothness of their effects, however, he developed a sliding menu using script.aculo.us .

Demo: Mootols Version
Demo: Script.aculo.usVersion

Street Fighter Characters: Beautiful Illustrations and Wallpapers

Street Fighter was unleashed 22 years ago by legendary video-game developer CAPCOM, becoming a worldwide phenomenon and the most popular game in its genre. It set trends in the video game industry, producing dozens of unforgettable characters that have entered pop culture.

Over time, characters such as Ryu, Ken, Chun Li, Vega and Bison have become increasingly recognizable and well liked — popular enough, in fact, to be featured in cartoon series and even films.

Certain artists and designers work very hard to create inspiring Street Fighter art. Today, we’ve compiled illustrations, tutorials and wallpapers that are sure to take you back to the classic video game. Feel free to share your opinion about what you see. We’d love to hear from you.

Street-fighter-500x200 in Street Fighter Characters: Beautiful Illustrations and Wallpapers

50 Gorgeous Wallpapers to Spice Up Your Desktop

Desktop wallpapers are the simplest and quickest way to personalize your desktop. With so many free designs to choose from, you can easily change your wallpaper to change your mood or rotate between a collection of your favorites. Wallpapers can inspire you, remind you to take a break or just make you smile and actually improve your mood or focus with just a couple clicks.

We have put together this collection of personal favorites that you may also like for your collection. With so many brilliant desktop wallpapers to choose from, your desktop will never be dull or boring again. Enjoy!

50 Beautiful Wallpapers

Source

50 Stunning Typography Wallpapers For Inspiration

Typography is said to be the backbone of web design, but it’s also considered art all by itself. And, let’s face it, most designers are obsessed with it. No surprise then that in the right hands it can be very powerful. Whether it’s to improve the looks of a website or as a way to express ideas, typography is always there to help you out.

To fully embrace its beauty we brought you some amazing wallpapers from the web about design, ideas, emotions, typefaces and typography itself. We hope they’ll serve you both as a vast source of inspiration and a nice decoration on your desktop as well.

Typography love

I love Typography by Chatan Vekariya

21+ Fresh Ajax CSS Tables

1) Tablecloth – Css Globe has decided to present Tablecloth. Which is a lightweight, easy to use, unobtrusive way to add style and behaviour to your html table elements.

47+ Excellent Ajax CSS Forms

Forms needs a solid visual structure, a profound hierarchy of form elements (Fields and Labels), powerful techniques and Functionality (AJAX) to make the form look and work creatively. There is a great bunch of creative, outstanding and individually designed from scratch forms.

Thanks to AJAX, we can provide real-time feedback to our users using server-side validation scripts and eliminate the need for redundant validation functions and processing data.

Let’s take a look, hopefully you’ll find new ideas you can develop further on your own.

test 37+ Great Ajax, CSS Tab-Based Interfaces

Over the last few years web-developers have developed many AJAX and CSS Tab-based interfaces which became one of the most interesting techniques giving us an easy way to get information without the need to open and close multiple windows at the same time.

We’ve spent hours searching for the best Tab-based interfaces using CSS only, CSS/Ajax and tutorials which would help you create your own Ajax or CSS Tab-based interfaces.