Download v2 (3.5 MB)

Want to thank me? Buy me a drink:

UPDATED: A couple people asked for Windows versions of the templates, so I’ve added Firefox (Windows) and IE7 templates as well.

As a web designer, at one time or another, you are going to need these. Either when presenting your work to a client, or working on a high resolution monitor; adding a browser frame around your design will help you (and others) get an idea of what the site will really look like.

Yes I know, anyone with basic photoshop skills can make these, but I found myself remaking these templates for every project I worked on. So what I’ve done is created a .PSD file with three different browser resolutions; all with easily editable titles, address bars, scrollbars, and favicons. Just open the PSD and place the layers on top of the design you are working on, and voila!

There are many of these browser templates out there, but most of them are designed using IE5 or IE6 templates, I figured your browser frame should be as beautiful as your design so I’ve based this template on Firefox 3 (OS X).

If you have any feedback or requests, just let me know via Twitter or feedback[at]piksels.com.

Download v2 (3.5 MB)

7 Quick tips to improve your online portfolio:

1. If you got it, flaunt it.

Yes, it sounds corny, but make sure your best work shows up first. Don’t expect viewers to dig through your links to find the work you are most proud of. There is nothing worse than designers with great talent where you have to crawl through the dirt to find the treasure.

2. The one-two punch.

If you are applying for a job or position some where, don’t ever expect your portfolio to get more than 2 minutes of true viewing. Most people will have made up their mind whether they like your portfolio within the first 15 seconds, if you haven’t convinced them by then, it will be hard to change their mind afterwards (Again, point 1). Only stellar portfolios get true ‘air time’ and return visitors.

3. Little to no text.

Don’t expect viewers to read large bodies of text which may accompany the images in the portfolio. A picture is worth a thousand words, and if the images don’t clearly tell the story, find a creative way to get your message across.

4. Range

Make sure your portfolio shows off several different talents of yours. Don’t appear to be too specialized in one area, or you might miss out on other opportunities. Demonstrate your familiarity with different mediums, areas, techniques, etc.

5. Ambition

If you’ve got their attention so far, keep it. Make sure you let them know that you are planning on growing and going places. Maybe this can be presented in a short text, or something creative like mock-ups or sketches for some futuristic ingenious idea of yours.

6. Tell your story

If they are truly interested in you, make sure they can learn a little more about you. Even if this is just by adding your resume, you never know who may be watching!

7. Contact info

Make sure they can get in touch with you, add a contact form, leave an email address.

I’ve been using GoogleAnalytics for about 1,5 years now, and it is truly great. There is so much to love about GoogleAnalytics: it’s free, it’s accurate, it’s relatively easy to use, and it’s possibilities are endless. You can track visitors, traffic sources, keywords, content, marketing campaigns, etc. You can do so much with it, that it is unbelievable that it is free.

Mint can’t even do half of what GoogleAnalytics can, and costs $30 more, so why did I switch? Because I was curious. But luckily they ended up being the best 30 dollars I spent last week, and here’s why:

Fast & Lightweight
Mint is fast. Very fast. Both for tracking visitors as well as displaying data. The visitor tracking script is less than half the size of Google’s, so for the people worried about bogging down their website with nasty scripts, Mint is definitely for you.
From the moment I open my browser, using Mint it takes me less than 8 seconds to display all data I am looking for (honestly), and it shows it to me all on one page. This is truly refreshing after having to spend a minute or two going through Google Analytics.

Instant updates (yes, instant)
Unlike GoogleAnalytics, Mint’s data is stored on your own MySQL server. And every time you refresh your analytics you get fresh results. Sure this may not be important for many people, but having to wait in 4 hour intervals for GoogleAnalytics to update may be annoying for some people.

The great thing about this as well is that you can have hourly reports and see during which time of the day you have the most visitors.

And here another example of hourly reports:

Local Data
Having data on your own server means you have complete access to it. Trying to make a third party application for GoogleAnalytics is quite difficult as they haven’t opened up their API (yet). But this is great for PHP or flash Gurus who want to make some nice live visualizations of the data.

Plugins, 3rd Party Apps, Themes
Using Mint reminds me of WordPress. Similar to WordPress you download plugins and install them through the dashboard. Good examples of 3rd party apps are Widgets for OSX (or Gadgets for Vista) which allow you track the number of visitors straight from your desktop (very handy).

But I think my favourite plugin is the Feedburner plugin, and I love it twice as much because Google still hasn’t gotten around implementing it into GoogleAnalytics (even though they own Feedburner now…)

Oversight
Displaying all of the information on one page allows you to easily and quickly find anything you are looking for. You can customize the order in which the information is displayed, and you can choose which information you want to hide.

This is what it looks like on my wide-screen monitor:

Bea-u-ti-ful!
Mint looks good, no doubt about it.
And yes, functionality > looks… but Mint is definitely a sight for sore eyes.

But it’s not all peachy…
Mint does cost $30 dollars per site, and is therefore not for everyone.

Conclusion
Purchasing Mint was the best $30 dollars I spent last month, but mostly because it truly matched what I was looking for.
Anyone who uses the advanced features in GoogleAnalytics will miss them in Mint. But if you are like most people who are only interested in tracking the number of visitors, traffic sources, popular pages, visitor location, browser/platform/resolution, etc then Mint is definitely for you.

I highly recommend Mint for anyone (with $30 bucks) who is looking for a fast, accurate, lightweight replacement for Google Analytics.

If you’ve got an interesting website which you want me to advertise, just leave a comment below (make sure to fill in your email and http address so I can get back to you) and I will take a look at it.

After looking through everyone’s websites, I’ll pick out my 3 favourites and set up the ads.

The advertisements will be placed in the sidebar, replacing the “Network” section.
The ads will be images (jpg or animated gif) sized 125×125

(I’ll make my choice by August 13th)

Currently piksels.com getting about 1000-1500 uniques per day, and now that I am finding some more time to write again it is steadily increasing.

And if I some sites really are interesting I’ll mention them in my next post

Specifics:

• No illegal / adult / offensive content
• Preferably websites related to technology / web / etc…
• Direct link only (no forwarding)
• The advertisement will be hosted on my server
• The advertisement may be animated, but must not be annoying =)
• The advertisement must be visually appealing
• I retain the right to remove the advertisement

That’s it, hope you all had a good weekend =)

-joel

What I like most about this, is that instead of just showing us a new method of interaction, it tries to challenge our current default method of ‘click interaction’ and have us question whether it is necessary.

Although it is debatable to which extent a ‘clickless interaction’ is functional and ideal, it is nice to see people challenging our default methods of interaction, and showing us something new.

Anyone who is interested in Interaction Design, Information Architecture, or Visual hierarchy should visit Information Aesthetics a great blog updated daily.

Here’s a chart showing where Piksel’s visitors are coming from.

It’s no surprise that they majority of users are coming from the social news network Digg. Being ‘dugg’ can send a site tens of thousands of visitors within a matter of hours, but to no surprise, the page hits won’t last for long, and after 2-3 days the typical digg users will be long gone. From the thousands of digg visitors, you would be lucky to even have 1% return to your site. If someone were to ask whether I preferred 10,000 digg visitors or 1,000 StumbleUpon visitors, I would have to go with the StumbleUpon. And here’s why:

Above is a chart showing the time the users spent on the site, and how many of them stayed on the site and viewed more pages. Although digg users come in large volumes, they clearly spend the least amount of time on the site. While in complete contrast, StumbleUpon users spend noticeably more time on the site, and are more likely to browse more than one page of your site.

Don’t get me wrong, the being ‘dugg’ is great (as long as your server stays up). It gives you exposure, it gets you out there, and everyone knows that with such a large amount of traffic there are bound to be visitors which will come back. But in the end it is a question of quality vs quantity. Do you want your visitors to take their time to read it, or do you want to get as many advertisement clicks as possible?

I will be posting more about visitor culture, and interesting ways on how to use Google Analytics soon.

-joel