All posts in Articles

Squeezy Links – July 12, 2010

Design

Style Your Site According to the Weather with jQuery – By pulling in the feed from the Yahoo API with jQuery, you can style your website according to the Weather! Check out this step by step guide.

Resources


Design News Source – Everything designers need in one feed!

Quote Robot – Create beautiful quotes and proposals in moments with our easy drag and drop interface. Output to PDF, email, and even receive notice of acceptance, all tracked online.
Find Icons – One stop shop for finding icons. This icon search engine helps you find free icons with the largest searchable free icons database in the world.

Apps

Facebook-Style Chat For Your Website – Allow website visitors to chat with you!

Fonts


Matchbook Font by One by Four -You can click here to download this font!
Fonts Available For @font-face Embedding – Webfonts.info brings us an updated list of fonts available using @font-face!

WordPress


Create A Professional Portfolio Using WordPress 3.0 Custom Post Types -
In this tutorial you’ll learn how to make use of the new custom post functionality to create a portfolio for your WordPress site.

Design A Web 2.0 WordPress Theme – PhotoShop Tutorial

CSS

CSS Minimalistic Navigation Menu – A simple CSS3 animated navigation menu, which degrades gracefully in older browsers and is future-proofed to work with the next generation of browsers.

Miscellaneous


Social Keys Icon Pack – Free Download – Free social icons to download and use! We love freebies!

Web JukeBox – Web JukeBox is a music player for your Website. It comes with more than 20 cool players that will match any website design. With just a few clicks of the mouse, you can add your MP3′s and allow your visitors to listen to them on your website. It couldn’t be any easier.

Complete Project Two – Website Design from Beginning to End – Complete video tutorial series instructing how to design a website. This design is a two column layout with a right sidebar and top navigation bar.

Two Communities to Seek Web Design Feedback – Dribbble vs Forrst

As a designer you should not be scared to seek help. Not for your mental issues, but instead for feedback on your work in progress.

In a previous article I focused on ‘keeping clients in the loop’ with design progress, and I also very briefly touched on seeking out fellow designers and asking them for constructive criticism. In recent months, two design communities, Dribbble and Forrst, have begun making this search very simple.

Why should you use these services and what are the two options like?

Why Dribbble and Forrst are so helpful

The basic premise of both Dribbble and Forrst is to allow designers to share work-in-progress with other designers. It is made very simple for the other designers to give feedback on the work and hopefully give ideas on how to improve it.

Personally, I find these communities have really improved my design work in the few short months I have been participating. Not only have I received loads of really helpful feedback, but the swathes of uploads from other designers serve as amazing inspiration.

Looking closely at other people’s work and trying to provide feedback can also improve you as a designer. By taking the time to look at the detail in other people’s work, you notice areas where they could improve, which later down the line could improve your work.

So how exactly do these communities work?

Similarities between the communities

Dribbble was the first to start and employed an invite only method of growing the community. This made invites highly sought after increasing the reputation of the site. Forrst first emerged a few months ago and has also used an invite only system.

So you can’t just sign up to these services, however, Forrst does allow you to register your interest with the creators. Instead, you will have to seek out current users who might have a few invites to give out. If you’re lucky enough to gain an invite, be sure to make the most of it.

Both services include a quick and easy ‘like’ feature that enables users to inform the designer that they think their work is great. This is a good way to gauge how many people are impressed with your work and gives you great pleasure every time the numbers go up. While this is a nice feature to have, it really doesn’t help nearly as much as receiving feedback. I’d give up all of my ‘likes’ for one great critique.

Both sites also employ a feature that allows you to ‘follow’ other users. Following people brings their work up in its very own update feed allowing you to pay specific attention to their interactions. Personally, I’m not too interested in following people within these sites. I’m not concerned who posted the design, as long as I have something to say or admire about the piece, I will comment. When browsing the numerous uploads, I prefer to choose the ‘latest upload’ option, which allows me to see everything I want to.

Both communities share similarities, however, it is their differences that mean both will continue to thrive. Here’s a little look at their comparative strengths.

A little about Dribbble


Dribbble has attracted some world renowned designers from many genres of design. The standard of their work is extremely good, making Dribbble a great place to find inspiration and explore other ideas. This isn’t to say every upload on Dribbble is to the same quality but in general the best work on Dribbble is better than the best on Forrst.

Dribbble has also restricted uploads to only 400 x 300 pixels, which means most uploads are of small section of detail from a much larger design. This has led to a greater focus on pixel perfect work and is great for people looking to learn about the small details.

As I mentioned earlier, Dribbble started first and is therefore a much larger community than Forrst currently is. This means there is always new work to look through and talk about and far more activity on the site as a whole.

Overall, I think Dribbble is a brilliant place to find inspiration, however, its size means that as a new user it is now very difficult to gain any traction within the community. The biggest names have so many followers that it is nearly always their work that is promoted to the ‘popular uploads’ list, which seems to be the list that gets the most views.

I have uploaded 4 different pieces of work and only one of them has received any feedback at all. If your work isn’t amazing it seems no one on there wants to help. Seemingly, it’s more of a place to pat other users on the back for already great work instead of supplying helpful feedback on how things could be improved.

A little about Forrst


The biggest difference between Dribbble and Forrst is what you can upload. On Dribbble they have focused on the visual side, while on Forrst you have the additional options to upload links, code snippets and questions. This seems to have attracted a higher percentage of web designers.

Instead of restricting users to 400 x 300 pixel uploads like Dribbble, Forrst has a feature to ‘view original’ uploads. This means a lot more uploads are of whole designs, allowing you to take in the context of the whole piece. Some users still choose to only show small sections of their work, which is equally accepted. It’s nice to have the freedom to upload any size you want.

The final, and in my opinion, most important difference between the two websites is the greater sense of community that is evident on Forrst. Every piece of design I have uploaded has received numerous comments and excellent feedback that has helped me to improve on the original concepts. I’m not sure what the reason is for it, but Forrst has managed to cultivate a group of people who want and are willing to give out advice from others.

Conclusion

I can’t recommend seeking design feedback enough. For some reason certain designers struggle to put their work in progress out there for review. It may be because design is such a subjective thing or maybe because some designers feel personally attached to their work. Whatever the reason you should get over this hump and I promise you, your work will improve. Who wouldn’t want that?

However, as I previously mentioned, these communities are invite only, which means you will have to go and find some nice people who are willing to put their neck out and invite you to join them.

Luckily, I have 2 invites to Forrst available to you lucky readers. However, these will not be given out lightly; I want to ensure the standard of work on Forrst stays high. So if you would like to be considered for an invite, all I would ask is that you post a comment below, including a link to your portfolio, and if I find anyone I think would improve the community, the invite will be yours. There’s no closing date, it will be open until I have no more invites left.

How To Market Your Web Design Portfolio

After originally working for a full-service web agency, I was closely communicating with various web designers. Almost all of them had their own personal portfolios that they were looking to market. At one point or another each of them would come up to me and ask the same question…How do I drive more traffic to my site and promote my design portfolio?

I thought it would be a great idea to discuss the different ways that web designers are able to drive traffic through various websites and social media outlets.

Flickr Portfolio


There are a number of photo sharing sites that will allow you to upload screen-shots of your portfolio and link back to your site and share with the community. However I would start with Flickr and upload screen-shots and graphics of your portfolio. Flickr is the number one photo sharing site with a very active community. Create a Flickr portfolio and start following and communicating with other web designers portfolios. Leave comments on other peoples portfolios and kindly ask them to check out your work.

This will help to connect with other web designers, which can turn into people sharing your work and writing about your portfolio on their blogs.

CSS Directories


There are probably hundreds or even thousands of CSS directories you can submit your website to. Some are obviously better than others, but it is definitely worth it to spend 15-20 minutes a day submitting your work to these directories.

To find CSS directories to submit to, try doing a Google search for “CSS Directory”, “CSS Gallery” “Submit CSS Website”, etc..

Another great resources is The CSS Gallery List, which provides a long list of CSS directories, along with PageRank.

You can also download a full list of over 200 quality CSS directories. Download Here

Personal Communication


One of the harder ways to build quality links and traffic to your site, but is much more valuable, is to hand pick sites to personally contact. Many design blogs will write “Round Up” type reviews where they feature various websites for great design elements.

Follow these steps for the best chance of having your website featured on a industry leading blog.

  1. Do Your Research: Understand the style of writing and the readership. Take notice of the type of blogs they write, who are the regular contributors, and what they like to blog about!
  2. Find the Appropriate Contact: For many of the larger blogs, they have a blog manager or editor who manages the day-to-day operations. That is probably going to be your best bet for getting in contact with someone.
  3. Personalize Your E-mail: Don’t just send out a generate e-mail to “Dear Blog Owner”. Use the persons name and tailor your e-mail to the specific blog. Go the extra mile and mention something you like about the blog or a recent post you enjoyed.
  4. Show the Value: Depending on the reason you are contacting them, show them the value in why they should promote your site. Maybe you built a really neat portfolio using jQuery or made a killer navigation using CSS3. Tell them specifically what to look at and why they should talk about it on their blog.

Social Media Outlets


Sometimes you can get a double whammy since many of the industry leading blogs will promote their posts on their Twitter and Facebook Fan Page. So not only will you receive an inbound link from the site, but you will receive traffic from their RSS subscribers, twitter followers and facebook fans. This can in-turn expose your portfolio and can lead to other bloggers using your site as an example.

Of course building relationships via social media, takes time and dedication.

  1. Start to Follow the Industry Leaders
  2. Start Sharing their Content
  3. Leave Comments on their Blogs
  4. Send them Messages (Ask Questions, Give Praise, etc..)

Once you have done these things, they are probably aware of who you are just from the various types of social interaction. At this time it may be worthwhile to have them check out your portfolio and to request them to share it with their network.

Social Bookmarking Sites (Design Specific)


Just like CSS directories, there are a lot of social bookmarking sites related to web design. If you submit a blog post or portfolio piece that gets hot, it can drive hundreds of visitors to your website. The only caveat to this tactic is you really need to be active in these communities and understand what type of content will go viral. One thing you can try, that some people may find a bit unethical, is to find people who have been active in this sites for a while, and pay them to submit your content. If the submission comes from a familiar person in the community, it is more likely to get noticed and promoted.