As a creative professional, you need a repository of your work that you can show other people. This is called a portfolio. Since we now live in the internet age where anyone can access anything anytime, it is imperative that you have an online portfolio. The only real problem is figuring out where to put your work – there are so many online portfolio tools and communities, it can be challenging to determine which one will work best for you. I’ve written this article to help you decide how to get your portfolio up and running ASAP.

100 logos from American and Canadian railroad companies

Inspired by the Glyphicon set that comes with Twitter Bootstrap 2.0, Font Awesome is designed from scratch for a full array of web-related actions.

We delivered top quality, cutting edge WordPress themes and superior customer support. Give your WordPress powered website a professional new look, and be up and running in no time at all.

Beautiful project
management for the
modern freelancer

Choosing a typeface can be tricky. The beauty and complexity of type, combined with an inexhaustible supply of options to evaluate, can make your head spin. But don’t be baffled — and don’t despair. While there are no easy-to-follow rules on how best to choose a typeface, there are many tried-and-true principles you can quickly learn and apply to make an appropriate typeface choice. If you work systematically through the options below, you’ll have a winning typeface choice in no time. Let’s get started.

Skeleton is a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.

Map Icons Collection is a set of more than 600 free icons to use as placemarks for your POI (Point of Interests) locations on your maps. You can use them on Google Maps with the "My places / My maps" feature or automatically by using the Google Maps API.

I recently did a  google search to see if anyone had “converted” instagram filters to photoshop actions. After not finding any results, I decided to see if I could do it myself. I didn’t get a 100% exact match, but it’s pretty close.

Im starting with “Nashville” then will add more soon. Let me know any feedback. I’ll update this post when I add more. 

Photoshop users can save a lot of time and create beautiful designs by using patterns. Photoshop’s presets (like brushes, styles, patterns, custom shapes, and gradients) are highly-powerful tools when used effectively.

Whether you are creating your own custom patterns or using pre-made patterns that you have downloaded for free or purchased, having an arsenal of patterns at your disposal will allow you to quickly create high-quality work.

Your CSS goes here. The more, the better. Linting works best when we see the big picture, so give us everything you've got.

Previously, I wrote about 5 web files that will improve your website and discussed files that, while small in size, pack a solid punch and make our work that little bit better. In this article, we’ll look at five more web files that can improve and your website.

Welcome to the HTML Email Boilerplate. This website and its sample code creates a template of sorts, absent of design or layout, that will help you avoid some of the major rendering problems with the most common email clients out there — Gmail, Outlook, Yahoo Mail, etc. While not plug and play (you know, you'll have to do some work ;-), it will provide some helpful examples and snippets that will keep your email design rendering as true-to-form as possible.

Generate noisy PNG-images with alpha-transparency

Subtle Patterns is a collection of 40 high quality design patterns for
you to use freely. New patterns added weekly.

Photoshop is a wonderful tool that not only lets you create amazing graphics but also automate your work and improve your workflow. With Photoshop Actions, you can perform your repetitive tasks with a simple click that not only saves you time but helps improving your efficiency.
Photoshop actions allow you to record a sequence of commands and operations that you can set aside and can access afterward. They can also perform some extremely complex techniques with just a push of a button.
Here we have compiled a list of 80+ top-quality Photoshop actions to share with you, so you can expedite your design work. Before presenting our hand-picked collection of downloadable Photoshop Actions, however, we would like to offer a short explanation on how to install and create your own Photoshop Actions.

Using Mockups feels like drawing, but because it’s digital, you can tweak and rearrange easily. Teams can come up with a design and iterate over it in real-time in the course of a meeting.

A few weeks ago we published a post, Learn Photoshop, that included links to well over 100 resources for mastering the basics of Photoshop and the use of the various tools. In response to reader request, we’re publishing this post to help designers who want to get started with Adobe Illustrator, or maybe just sharpen their existing skills.

Illustrator is a powerful program, but it can be overwhelming or confusing at times, simply because of everything that is possible. If you’re new to Illustrator, taking the time to understand the basics and how to use the specific tools will go a long way towards setting you up for success. In this post we’ve categorized more than 100 resources that will teach you everything you need to learn.

CSS3 Generator.

Readability & legibility are both areas of interest in accessibility and typographic design, and many resources exist that attempt to define what constitutes well designed copy. In this post, we go over a few commonly overlooked and newer ways to implement more legible type on the web.

If you're like most people, you feel like a baby when it comes to visual design. You sometimes have a vague sense of what you want, but can't articulate it or make it come about. All you can do is point and cry. This guide will help you communicate with conscious skill. It will show you how to create designs that are easy to understand and attractive.

Beyond giving you practical tools, I hope this guide inspires you. One of my favorite quotes is, "I open my eyes and I see paradise." What a great gift vision is! What an incredible way to connect to the world around us and to each other. My hope is that this guide will allow you to communicate with more creativity and more control – and that you'll want to learn more.

Code Style answers key questions for Web developers. Which Web fonts are most common? How to use media dependent style sheets? Make more robust, accessible Websites with open standards technology.

Choosing a well designed newsletter can provide any marketing campaign a great deal of success. Here are excellent examples of some of the best free HTML newsletter templates that you can use without spending a fortune. No matter how you’d like to update your customers about a particular product or simply want to share some information with them, you can do so effectively by contacting them with a pleasant template in your email. Enjoy!

In the previous article in this series, you learned about the canvas element, and the basics for drawing on it. In this article, I’m going to demonstrate some of the more advanced drawing functionality.

This is the first article in a series that will bring you up to speed with HTML5 canvas, the plugin-less drawing functionality built into modern browsers. In this introductory article, I’ll show you how to access the canvas element, draw shapes, change colours, and erase things. It’s a whistle-stop tour of the basics of this amazing new Web technology.

Typography is not only an all-important aspect of design, it is also an art form in and of itself. Choosing the right font, the perfect spacing and even the correct shape of text can be an important factor as to whether a project fails or succeeds. Although Illustrator is not really used for multiple-paged projects, many would agree that it is one of the most powerful applications for creating vector graphics, such as logos, and it is also often used for one-page documents, such as business cards, posters, or postcards.

Since we can easily transfer graphics from Illustrator to Photoshop and InDesign, designers often use Illustrator to create vector type that they can then incorporate into projects in another program. For instance, you can create a nice type design within Illustrator, then add some extra effects in Photoshop. Or you may need to design a text illustration within Illustrator to place within your brochure project in InDesign.

If you have never taken the time to explore the type side of Illustrator, you may be surprised at the powerful tools that Illustrator provides for working with type. Similar text features found in Photoshop and InDesign are also available in Illustrator — only Illustrator comes with its own unique set of typographical features as well. So for those of you who use another Adobe Suite program, you will easily catch on to Illustrator’s type idiosyncrasies.

If you are looking for that perfect icon for your web site, blog, web app or application, you will find them here.
Below is a compilation of the best ever Web Design and Development Icon Sets.
Please note, this list has no ranking.

Stock.XCHNG is under new management! Getty Images is proud to now wholly-own the world's best free stock site. SXC has a long history and a great community, and we're excited to grow with this unique site. We also have lots of expertise and experience to offer as industry leaders.

What does it mean to SXC users?
We're committed to making all the files in the SXC collection safe and reliable, ensuring that any time you use a file from here, it's with confidence.
The technology team behind iStockphoto, the world's number one microstock site, will keep SXC fast, stable and secure. In fact, we've upgraded much of the hardware recently, and done a full security audit.
SXC will be part of a strong family of companies, meaning lots of opportunities for members at our brother and sister sites.

Most of all though, we want to keep doing all the things that have already made SXC the success it is, and see it continue to grow and thrive.

FontPark is the largest portal noncommercial fonts . The current database has more than 70,000 fonts available for noncommercial and commercial use for PC Mac and Linux.

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

Ever wonder what colours to use with an image?

Upload your image - get a colour palette!

There are several reasons why one should prefer LATEX to a WYSIWYG word processor like Microsoft Word: portability, lightness, security are just a few of them (not to mention that LATEX is free). There is still a further reason that definitely convinced me to abandon MS Word when I wrote my dissertation: you will never be able to produce professionally typeset and well-structured documents using most WYSIWYG word processors. LATEX is a free typesetting system that allows you to focus on content without bothering about the layout: the software takes care of the actual typesetting, structuring and page formatting, producing documents of astonishing elegance. The software I use to write in LATEX on a Mac compiles documents in PDF format (but exporting to other formats such as RTF or HTML is also possible). It supports unicode and all the advanced typographic features of OpenType and AAT fonts, like Adobe Garamond Pro and Hoefler Text. It allows fine-tuned control on a number of typesetting options, although just using the default configuration results in documents with high typographic quality. In what follows I review some examples, comparing how fonts are rendered in MS Word and in LATEX.