Navigating The Blogipelago

I’m a sucker for info graphics, especially when they show a bit of creativeness within their design. This map of online communities, created by Xkcd is no exception. This is a map of online communities in which the geographic area provides an estimated size of the memberbship for that particular network. The numbers used to illustrate these communities are not 100% accurate, but I think they are close enough. Click on the image to see the full size view.

The seas are rough, but I’m still navigating the straits of Web 2.0.

5 Emoticons You Have Never Seen

Ever get sick and tired of seeing the same old emoticons, over and over again? Wouldn’t it be nice to see some fresh, creative emoticons instead? In this post, I highlight 5 emoticons you may never have seen before. DeviantArt is awesome!

:Factory: by *Jtcgh Factory

Error guys… by ~Big-E Error Guys

The Legion of emoticons by *Lorna36 Legion Of Emoticons

Juicy by ~iTop-edition Juicy Top

Dangling by =synconi Dangling

What are some of the best emoticons you have ever seen?

VectorMagic – Turning Rasters Into Vectors

Vector Magic Logo

VectorMagic is an interesting site that takes raster images and turns them into vectors. Raster images are made up of pixels. A general rule of thumb to remember is that, anything created out of pixels can not be enlarged while maintaining quality because to maintain the quality would require more pixels. However, you can downsize pixel images and maintain an acceptable level of quality because of the number of pixels available for the downsized image.

Vector based images are those that are made out of lines. Think of vector images as one large shape or a series of shapes. An example that seems to make sense to me is that, think of a square as four lines. No matter how you resize the square, the square still ends up as four connected lines. This is one of the primary advantages to using Vector based images. You can make them as big as a skyscraper and they would look the same as if they were the size of a stamp.

VectorMagice works on the basis of tracing the outermost pixels of a raster image and transforming the image into a shape. To test out this service, I am going to use Mike’s avatar that he uses on this blog.

Here is Mike’s avatar as a raster image:

Mikes Raster Based avatar

Here it is after going through VectorMagic:

Mike Vector Image

As you can see, it didn’t do a terrible job but it didn’t do a perfect one either. I don’t lay all the blame on the website though as Mike’s avatar image is somewhat complicated and at the pixel level, contains numerous artifacts that affect the outcome. As I was going through the conversion process, VectorMagic provided me with a few questions such as the number of colors in the image, the quality of the image, and whether or not it was simple or somewhat complicated. Then, it did the best it could to turn the raster image into a basic shape. I’m going to go ahead and try a few other images to see if I can get the two to look alike. Until then, if you have a simple pixel based image or logo and don’t have the Adobe Illustrator skills to turn it into a Vector image, give this site a shot.

Please report back with your findings!

JayK Releases 20 Beautiful Badge Graphics

Jay K of has released a free 20 icon set which contains an array of beautiful gradients. The badges look great for use of promotional material or to slap onto a site lacking in color. I’ve seen quite a few icon packs but I have yet to see a pack which contains gradients like these. Give these badges a try if your looking for something colorful to add to your site.

Click Me To Download The Pack

Click here to download the badge pack.

OpenWeb – Free User Created Graphics

openwebgraphics logo

According to my log files, quite a few of you are doing Google searches for graphics, buttons and badges. So, it’s only natural of me to include some content for those of you who are looking for it. Here is something I’ve come across recently called Open Web Graphics. A resource of freely available user-submitted graphics that cover web banners, web icons and web backgrounds.

The web icons are generally in PNG format but you can sometimes find them in .gif. Some of the icons also come in various colors and are searchable by TAGS or CATEGORY. Here are a few of the more popular icons that I see blogs using all the time.

RSS Icon Email Button Home Icon User Comment

The Web Banners and Web Backgrounds section only contains 1 page of graphics which means theirs not a whole lot of selection. OpenWebGraphics has announced that they have reached BETA status back on October 1st but as far as I can tell, the site is open for registration. Once of the coolest things about this site is the ability to upload PSD files. This might be one heck of a resource area for photoshop newbies, who want to learn how the graphics were put together. Do the right thing and don’t redistribute these open PSD files.

Click here to check out their existing library of graphics.

Web 2.0 Badge Generator logo

It’s still hip to use web 2.0 styled badges. If you have ever wanted your own badge but didn’t think you had the photoshop skills, your in luck. Web20Badges is a web 2.0 styled badge generator with an assortment of templates to choose from. Users can type in the text they want to appear on the badge, select a font from a drop-down list and configure the font size as well as the color. You can even determine the angle in which the text is displayed although, the text never seems to look right with an angle applied. Once you are finished, you can right-click and save the badge to your desktop and then claim it as your own. If you want the ultimate ability to create your own badge without the generator, WEB20Badges does provide the PSD files for most if not all of the badge templates.

Check out some of these examples.

Digg Badge RSS Feed Badge Google Badge Shield Badge

Over 600 Free Vector Logos Logo

Are you in the need of a professional looking logo but lack the artistic skills needed to create your own? After registering an account on AllFreeLogo you’ll have access to over 600 vector logos. The logos can be browsed by each letter in the alphabet or by popularity.

Before you get excited about using these logos on your own site, you should know that all of these logos are professional logos that are already in use by major corporations or businesses. These vector logos are available for download for those who are in the printing business who need a high quality logo to screen onto T-Shirts or other merchandise. Here are a few logo samples:

Apple Logo FireFox Logo Mountain Dew Logo Ubuntu Logo

The logos vary in file formats. Each logo is either a .EPS file or .AI file, both of which can be edited in Adobe Illustrator. Although you can’t explicitly lay claim to these logos, they do make for an excellent source of inspiration.

15 Free Pro Horizontal CSS Menus

CSSplay has put together a list of 15 professional looking horizontal based CSS menus. The menus use the sliding door technique so that each menu item will fit the associated text. The menus use professional grade graphics and since they use CSS, it wouldn’t be hard for you to customize these menus for your own needs. Here are a few samples.

Menu 1


Menu 4

Check out the entire list of 15 which are free for download. When your finished, come back and let us know which one was your favorite.