40 Useful and Creative Infographics

May 10 2009 by Jacob Gube | 86 Comments

Information graphics (or infographics) are graphical depictions of data and information. By presenting information in a compact and creative approach, infographics are able to quickly convey knowledge and engage its viewers.

In this collection, you’ll find forty beautiful and educational infographics, displaying the uncommon spectacle of "art meets science".

1. Coffee Drinks Illustrated

The proportion of ingredients for popular coffee drinks and their pronunciation keys.

Coffee Drinks Illustrated

continue reading »

50 Stylish Navigation Menus for Design Inspiration

Apr 10 2009 by Jacob Gube | 39 Comments

A site’s navigation menu is one of the most prominent things that users see when they first visit. There are many ways to design a navigation menu – and since almost all websites have some form of navigation – designers have to push their creative limits to build one that’s remarkable and outstanding.

In this article, you’ll find a showcase of beautiful, creative, and stylish navigation menus for your inspiration.

1. netdreams.co.uk

netdreams.co.uk navigation menu screen shot.

continue reading »

40 Exceptional jQuery Interface Techniques and Tutorials

Apr 8 2009 by Jacob Gube | 62 Comments

With the advent of JavaScript/web application libraries and frameworks, it’s become much easier to build interactive components for a site. For the folks that are unfamiliar with jQuery – it’s a popular, high-performance and compact JavaScript library/framework. jQuery will allow  you to reduce the amount of code you have to write for dealing with browser quirks, memory leaks, and repetitive code by providing you with a set of useful and highly-optimized and thoroughly-tested functions and methods.

In this article, we explore the strengths of jQuery in letting web developers create impressive client-side-based user interface components. Whether you’re looking for a particular interface/interaction pattern built on Query (like module tabs or modal windows) or you simply want to learn the library by engaging in step-by-step tutorials – you should be able to find something here for you.

Modal Windows

1. How to create a stunning and smooth popup using jQuery

How to create a stunning and smooth popup using jQuery tutorial screen shot.

continue reading »

14 jQuery Plugins for Working with Images

Mar 14 2009 by Mirko Humbert | 58 Comments

JavaScript frameworks have become very popular in the recent years by making the creation of dynamic effects much easier. Lightweight, used in the WordPress and Drupal core, jQuery is now one of the most used JavaScript libraries around.

The following list of jQuery plugins will help you to improve the usability of your website or web applications by enhancing the display of your images.

1. s3 Slider

 - screen shot.s3 Slider Demonstration page.

continue reading »

11 Excellent Twitter Improvement Ideas

Mar 13 2009 by Jacob Gube | 29 Comments

Last week, I wrote about 10 Features That Will Make Twitter Better – the response was astounding and many people contributed their own ideas in the comments.

What became clear was the need to write a follow-up article that discusses even more user interface suggestions that can improve the Twitter web experience. To provide a well-rounded mix of ideas, the article would have to be from a combination of authors that contributed to one article.

What follows are ideas by ten professionals from different various spheres of expertise.

1. Location, location, location: the Twitter @Locals tab

Jason Finch, Blended Networking Evangelist, The dotSno Project / @dotsno

One of the greatest benefits of Twitter is being able to connect in real-time with conversations going on between those you follow, enabling you to become part of a global conversation on topics in which you have a shared interest. Any time of day or night you’re able to jump into the conversation. Imagine the power of combining this with local knowledge and conversations with local people who you have yet to discover. Think about who is around right now, on your block, talking about the stuff in which you’re interested, the strangers in the coffee shop a few blocks away tweeting about the very subjects that fascinate and engage you and who could easily become your friends. Run along, go meet them!

Locals tab.

continue reading »

10 Features That Will Make Twitter Better

Mar 1 2009 by Jacob Gube | 248 Comments

Twitter‘s popularity has skyrocketed in the recent months. Usage statistics states that most people who use Twitter interact with the application via the web rather than a third-party client such as TweetDeck or twitterfeed.

Twitter’s web interface is simple and intuitive but lacks a few features that can make it much better. In this article, you’ll read about 10 excellent user interface features that can enhance the Twitter web experience.

1. Enable grouping of friends and followers

Grouping of friendsFigure 1 shows tabs that you can use to quickly see tweets in a particular group.

continue reading »