Now let’s concentrate on this post. CSS3 is becoming more and more popular these days and many developers are using it regardless (this is good) of compatibility issues with some browsers. Today probably everyone knows about CSS3 and its features. But you can extend its use further with following awesome tutorials or resources. So go ahead and try them!

1. Halftone Navigation Menu With jQuery & CSS3

2. Editable CSS3 Image Gallery

3. CSS3 Techniques You Should Know

4. Coding a CSS3 & HTML5 One-Page Website Template

5. The Hidden Power of border-radius

6. An Awesome CSS3 Lightbox Gallery With jQuery

7. The New Hotness: Using CSS3 Visual Effects

8. Design a Prettier Web Form with CSS 3

9. 5 CSS3 Design Enhancements That You Can Use Today

10. Greyscale Hover Effect w/ CSS & jQuery

11. Stronger, Better, Faster Design with CSS3

12. 50+ Fresh CSS Techniques, Tutorials and Resources

13. The Future Of CSS Typography

14. CSS3-Only Tabbed Area

15. CSS3 + Progressive Enhancement = Smart Design

Related Posts:

• 15+ Super CSS Galleries for your Inspiration
• 25+ Tips and Tutorials of HTML & CSS
• Best Links of July

I am using  a noisy texture here a with some letterpress effect which is being used widely nowadays. Following color scheme is used in this tutorial.

One of my favorite way to choose a color scheme is Adobe Kuler. Many great color palletes are available there to choose from. If you want try this tutorial with different colors; go there and choose your favorite.

1. Setting up Working Area

Create a new document (File>New) with following specifications.

Now lets add margins to our document. Go to View>New Guide and two vertical Guides at 40px and 980px.

It would look like this.

2. Creating Background Texture

Create a new layer above background layer and name it as bg_texture. Change the foreground color to #bfbcb3 and press (Alt+Backspace).

Now go to Filter>Noise>Add Noise. Change the Distribution type to Uniform, Amount to 3% and select Monochromatic and apply the filter.

Your document would look like this.

3. Let’s Start with the Header

Create two new Horizontal Guide at 300px and 350px & Vertical Guides at 650px and 680px.

Now write your blog name at the center of header area. I choose

Font: Brush Script Std.

Font Size: 150px

Weight: Medium

Color: #f01685

Now Double Click on the ‘blog title’ layer and add the following style.

Your header will look somewhat like this.

Now add the social icons with color #9fa69c as shown below. Vector icons are included in the source file.

Add the following layer style to each of these icons.

Not it’s time to finish the header.  Select the Single Row Marquee Tool from the List Marquee Tools. Create new layer and name it as header_sep and add the horizontal selection are as shown below.

Fill this area with #e7e3da, move the section area downward and fill it with #474143. Select the Eraser Tool (E) with 300px size and smoothly erase the separator at both ends to look like this.

4. Create a Sidebar

Write the title of sidebar ‘Pages’ and then pages ‘About, Guest Post, Contact’. Here I choose

For title

Font: Verdana

Font Size: 25px

Color: #f01685

Align: Left

For content

Font: Verdana

Font Size: 20px

Color: #9c266a

Align: Left

Now add following layer style to sidebar title ‘Pages’

Copy header_sep layer and paste below the sidebar title ‘Pages’

Now cut the separator on the left side to get following result.

5. Add Contents to the Design

Add some content to the design as shown below.

Title of Post

Font: Verdana

Font Size: 35px

Color: #474143

Align: Right

Add the following layer style to Post title.

Add the header_sep line at the end of post and cut it on the right side as shown below.

Repeat this with another post too.

6. Finish with the Footer

Add some copyright stuff and basic links like About, Contact in the footer as shown below.

Font: Verdana

Font-Size: 15px

Color for Pages: #474143

Color for copyright: #bfbcb3

Now add following layer style to copyright text.

That’s it! You have created a Beautiful Wordpress Theme in Photoshop. Here is the Final result.

You can also download the source file here.

I would like to know your comments and suggestion on this tutorial.

Related Posts:

• Best Links of July
• 20 Ultimate Photoshop Tutorials
• 10 Ultimate Photoshop Tutorials
• 8 Video Series: Every Web Developer Must Watch
• 10 Alternative Uses for WordPress

Diving into PHP

This is the excellent place to get started with PHP and advance slowly with each screencast. Jeffrey has made these screencast very easy to understand and follow. If you are beginner then start from the first episode or otherwise look for the topic you are interested in.

jQuery for Absolute Beginners

So everywhere you look, you see “jQuery this” and “jQuery that”. For the last year or so, this library has been the darling of the Javascript world. But do you feel that you just can’t seem to learn the dang thing? This daily video series by Jeffrey Way will teach you PRECISELY how to use the jQuery library in your own projects.

Converting a Photoshop Mockup

This is the first screencast by Chris on CSS-Tricks. In this series you will learn to convert PSD mockup website into perfect CSS based website. This is the 3 episode series which will guide you to create awesome CSS website.

Converting a Photoshop Mockup: Part Two

This is the part Two of previous series. In this series also Chris has taught the conversion of photoshop website mockup to HTML/CSS website. You can see the prequel to this series that is creating a photoshop mockup in this screencast Creating the Photoshop Mockup

Wordpress for Designers

If you are learning both PHP at Diving into PHP and Here Wordpress then you are going to be a Rockstar PHP/Wordpress Designer. A must watch series by Drew Douglass to get your hands on Wordpress and master it.

JavaScript from Null

Thanks to the wide adoption of libraries like jQuery and Mootools, JavaScript’s popularity has skyrocketed in the last few years. However, in the process, an interesting thing occurred: many newer developers are learning these libraries without taking the time to actually learn about raw JavaScript techniques. If you want to truly understand the library you’re working with, and improve your skill-set, it’s vital that you learn the fundamentals of raw JavaScript.

CodeIgniter from Scratch

CodeIgniter is a powerful PHP framework with a very small footprint, built for PHP coders who need a simple and elegant toolkit to create full-featured web applications. This series of 10 video by Jeffrey Way teaches exactly how to use this framework.

Building a Website

Another series by Chris. But this time you can learn to create Photoshop mockup from scratch, convert it into HTML/CSS website and finally creating the Wordpress theme. Yup; 3 days 3 tasks. Go for it!

Related Posts:

• 200+ Javascript / jQuery Tutorials for Designing Awesome Websites
• 20+ PHP Tutorials & Resources
• How to Create Beautiful Minimalist Wordpress Theme in Photoshop
• Using Visual Metaphors in Web Design: Part 1
• 10 Alternative Uses for WordPress

Metaphors are everywhere! Just travel over to wikipedia, take a stroll around and you see that there are many different types of metaphors. Here we will explore how visual metaphors can enhance the overall design and take it to the next level.

Metaphors are Natural

The human brain loves to seek the correlation between two objects. Example: What does the earth and bread have in common? While your brain is churning over that one let’s look at the definition of metaphor.

Metaphor – n.

1. A figure of speech in which a word or phrase that ordinarily designates one thing is used to designate another, thus making an implicit comparison.
2. One thing conceived as representing another; a symbol.

Oh and by the way, both the earth and bread have crust.

Why Metaphors work

Like earlier stated, the human brain loves metaphor. As a designer, using those metaphors will allow for deeper intrinsic meaning and the ability to trigger deep emotions without saying a word. Metaphors can also be looked at from a usability standpoint. Someone with a learning disability would be able to understand simple visual metaphors easier than a block of text explaining the same thing. Metaphors also allow for a more creative design process. Instead of designing the standard played out blues and grays with pictures of people in white coats for a physician’s group, using the metaphor of doctors being gardeners opens up the color palate to greens, yellows, with the imagery of palatial gardens and other nature settings.

Anatomy of a Metaphor

A metaphor consists of two main parts: the tenor and the vehicle. The tenor is the subject to which the metaphor is applied. The vehicle is the metaphorical term through which the tenor is applied. These two parts come together to reach a point of similarity known as a ground.

First on the Chopping Block: Active Metaphors

Active metaphors are easily noticeable and stick out like a sore thumb. In fact I’m willing to bet, that if you go back and look in your portfolio there will be at least one piece of your work with an active metaphor in it. In an active metaphor, the tenor and the vehicle are simply stated and the ground is found quite quickly.

Mutant Labs

Take Mutant Labs for example. The tenor in this situation is Mutant Labs themselves. The vehicle is that of being scientists. By drawing the correlation between scientists and themselves, it’s implied that they are in a league of their own; experimenting with new and exciting areas in design.

Attack of the Web

Attack of the Web’s metaphor is as in-your-face as active metaphors can get! The tenor is the designer and the vehicle is the anthropomorphic computers that are catching a beat down. This metaphor is implying that by employing this designer, he can make the web bend and submit to his client’s will.

Flourish

Flourish uses active metaphors in a more subtle fashion. The tenor in this case is Flourish’s skills with usability, visibility, aesthetics, and flexibility. The vehicle is trees and greenery that is seen on screen. The implication in this metaphor is that by using Flourish’s skills the sites that are made by them will prosper and grow just like a mighty oak tree.

Code Monkey

Code Monkey uses a clever play on words to create their image. The tenor in this situation is the coder himself. The vehicle is the monkey on the site. The message implied is that no matter the design, the code monkey can make the design into beautiful code by focusing on the task with his undivided attention.

Citrus SEO

Citrus SEO uses the image of citrus soda to describe their business. The tenor being Citrus SEO and the vehicle being the citrus soda conjures up images of refreshing soda. The mission of this metaphor is to relate the company’s abilities to refresh, revitalize your SEO rankings while doing it in a clean and organic manner. The color of this site also plays heavily into this metaphor but more on that in my next article.

In Closing

In choosing to work with metaphors, you open a new world of possibility for you and your client. By using active metaphors, you’ll be able to effectively grab the attention of the end user while communicating in a more direct manner than most other forms of metaphor. Next time will look into using colors as metaphor.

header image by h.koppdelaney

Related Posts:

• Letterpress Effects in Web Design- Trends and Tutorials
• 20 Great Web Design Tutorials and Inspirations
• 8 Video Series: Every Web Developer Must Watch
• Cross-Cultural Web Design: Thinking Global From the Start
• Things You Should Consider Before Building Your Website

WordPress is the best and most popular blogging platform around. It’s free, easy to use, endlessly customizable and supported by hundreds of excellent plugins. With WordPress setting such high standards, however, many people have started to question why other types of sites are so much more difficult to set up and manage.

Fortunately, WordPress has become more than simply a blogging tool; it’s now possible to run almost any type of site imaginable using the right mix of plugins and themes. In fact, so many people are now using WordPress to power sites other than blogs that over 50% of today’s WordPress downloaders will use it as a CMS (content management system), according to Matt Mullenweg, the WordPress wizard himself.

Below we explore 10 alternative uses for WordPress, taking a close look at everything from the more common, like shops, forums and photoblogs, to the more unusual, like news aggregators, contact managers and even social networking sites. It will soon become clear that with a bit of ingenuity and creativity, anything’s possible with WordPress!

1. eCommerce

Transforming your WordPress blog into an e-commerce shop is easier than you think using WordPress e-Commerce Plugin. It’s integrated with PayPal, Google Checkout and other popular cart types and its appearance can be customized to suit your brand image and the products you’re selling. Shop, another great e-commerce plugin, is also worth checking out. With themes such as Crafty Cart and SimpleCart(js) also available, few people will even realize you’re running your shop through WordPress.

2. WordPress Wiki

Dan Milward, Tom Howard and Allen Han are geniuses. Not only have they managed to create the best e-commerce plugin around in WordPress eCommerce Plugin, they’ve also made an excellent wiki plugin called WordPress Wiki. It’s devastatingly simple, but can be quite restricting for advanced users. If you want to make your wiki site more customizable and slick, you should check out WordPress Wiki Theme, available for just $32.

3. Forum

Rather than using themes and plugins, the best way to run a successful forum in WordPress is to integrate a forum script into your blog. bbPress is the best piece of forum software we’ve come across so far, in terms of both looks and ease of use. It was created (reportedly in just a few days) by Matt Mullenweg, the founder of WordPress, so you can be sure that it compliments WordPress perfectly. If you find bbPress somewhat limiting, however, you might prefer to use a more high-tech piece of forum software like vBulletin, although this can be a more expensive and trickier option.

4. Contact Manager

Using WordPress to create a basic contact manager is really easy. Creating a contact manager that’s taggable, searchable and members only is a little bit more difficult, requiring a careful mix of additional plugins. RoloPress, an app built on top of WordPress, will be sufficient for most users’ needs however. With RoloPress, you can easily add, edit and makes notes on contacts and companies from the front-end, so you’re not constantly logging into the admin area.

5. Job Board

There’s no better theme available than JobPress for using WordPress to run a job listings board. It’s not free, but at $79, we reckon it’s worth it. Not only can you post, edit and display job classifieds with ease, its payment system lets users charge securely using both PayPal and credit/debit cards.

6. Review Site

WP Review Site is the one powerful plugin you need to operate a review site through WordPress. With this great plugin, you can either add a star rating system to your current blog, whichever theme you’re using, or create an all-encompassing user-powered review site of your very own, complete with Top 10s, embedded Google Maps and rating widgets for your sidebar and marketing tools too. At $97, it’s not cheap, but if you can make your site a success, there’s no reason why you can’t start charging commissions to companies reviewed.

7. Social Networking Site

BuddyPress is a suite of open-source blogging extensions for WordPress MU which gives you the power, as a WordPress user, to run your own social networking site. Your site’s users sign up, get a profile, create their own blogs, chat in forums, private message one another, become “friends” and join “groups”, all from the comfort of your own WordPress site. The only downside to BuddyPress is that you can’t simply transform your existing blog into a social network, unless you’re already using WordPress MU. Migrating content across, however, is fairly simple.

8. Photoblog

You can easily upload images and photos in your WordPress posts and pages, but if you want to create a polished photoblog, you’re going to have to look beyond core. There are tons of gallery plugins available, it’s just a case of choosing the ones that are right for you. I highly recommend PhotoQ, a plugin capable of turning your ordinary blog into a photoblog in an instant. You can batch upload several images at once and even create an upload queue, setting a time at which the top ones will automatically upload themselves.

9. Video Site

Some image gallery plugins will let you upload videos too, but none do so as successfully as “VideoFlick”. At first glance, it looks like a thumbnail gallery (albeit a good looking one), but click on any of the images and a video is launched in a full-screen Ajax window. YouTube, Google Video, MetaCafe, DailyMotion, FLV (Flash) Video, Quicktime and Windows Media Video are all supported. VideoFlick is fully customizable, letting you adjust layout and colors as well as thumbnail size and orientation.

10. News Aggregator

When it comes to running a news aggregator through WordPress, one theme stands head-and-shoulders above the rest: OneNews WP. It lets you easily create a single page aggregator like Popurls or a multi-page aggregator like Alltop. Although it might look difficult to manage from the front-end, in fact it couldn’t be simpler. Feed blocks can be added and arranged with no coding whatsoever. Unlike some other themes in this list, OneNews WP requires no additional plugins to achieve its main objective.

Related Posts:

• Best Links of July
• How to Create Beautiful Minimalist Wordpress Theme in Photoshop
• 8 Video Series: Every Web Developer Must Watch
• How to Change Default Gravatar in Wordpress

Building an attractive, user-friendly website is one thing. Adapting it to fit with the language and culture of other countries is quite a different thing.

Indeed, the very moment you launch your website into cyberspace you’re global. And it’s for this reason that you should make a few key considerations early on in the design phase, so that if you decide you need to adapt it at a later point, the process can be implemented a lot more smoothly.

Content is King

image source stock.xchng

It’s true to say that whilst the look and feel of your website is crucial; it’s the content that rules the roost. That is, the true value of your website is in what the site offers your visitors rather than how pretty it looks.

For this reason, it goes without saying that your English language website should be written professionally, read coherently and be of genuine use to your target audience. For online businesses that plan to target non-English language markets, you will at some point have to translate your website into other languages: 75% of the world’s population speaks no English whatsoever. Even fluent English speakers would prefer to communicate in their native tongue (if that isn’t English), so the need to adapt your site for other languages may prove unavoidable.

With this in mind, consider the following benefits of designing your website using UTF-8 character encoding for Unicode:

• Compatible with over 90 scripts (written languages)
• Repertoire of over 100,000 different characters
• Adopted by IT industry leaders (Apple, Microsoft, IBM etc)
• Supported by most common browsers and operating systems

Essentially, developing your website in Unicode will mean it’s far more flexible for future adaption. And, importantly, most of the common design tools such as Dreamweaver and Front Page facilitate development in Unicode.

Cross-Cultural Color Schemes

image by rintakumpu

Generally speaking, color is a very subjective thing in web design. What looks good to one person will look awful to someone else and there’s only so much you can do to please everybody.

However, whilst your color selection can be representative of your service-offering (e.g. ‘blue’ if you’re a water-sports company), it most certainly should reflect your target countries: colors mean different things to different cultures. Consider the following examples:

Red: Signifies danger or passion in western cultures, or ‘purity’ in India or ‘good luck/celebration’ in China.

Orange: Religious connotations (protestant) in Northern Ireland; ‘autumn’ (fall) or creativity in many western cultures

Purple: Depicts ‘royalty’ in the west, or ‘mourning’ in some eastern cultures (e.g. Thailand)

Interestingly, black is often used to represent ‘death’ or ‘funerals’ in western cultures, but white is used to denote this in many eastern cultures.

In short, colors can mean different things in different cultures. It pays to be wary of your color scheme if you plan to ‘go global’.

Website Way-Finding (Navigation!)

image by Sebastian Niedlich

Naturally, you want your website visitors to find their way around your site with ease. Navigation bars, scroll bars…there are best-practice guides that dictate the best place for navigational aids. But these are generally based on left-to-right (LTR) languages, e.g. English, French and German. However, many language scripts read from right-to-let (RTL), such as Arabic, which is the fifth most widely spoken language in the world.

It may be enough to simply switch the navigation bar to the other side of the site, but to minimize the amount of changes you need to make and for consistency, then a horizontal navigation bar might be the best option from the start. Regardless of what you actually decide, as long as you are switched on to these issues in the first place, your job will be made a whole lot easier later on.

And that’s the very basics of designing a multilingual-friendly website. Now it’s time to go global!

Related Posts:

• 8 Video Series: Every Web Developer Must Watch
• Using Visual Metaphors in Web Design: Part 1
• 20+ PHP Tutorials & Resources
• 25+ Tutorials & Resources on jQuery
• 25+ Tips and Tutorials of HTML & CSS

The wallpapers are available in various resolutions

1024×768, 1280×800, 1280×960, 1440×900, 1600×1200, 1680×1050, 16801260, 1920×1200 and for iphone.

Download Now!

Submit your Wallpapers or Freebies:

If you have created some quality stuff like Wallpapers, Icons, Textures then you can share it here on Powerusers. Only condition is that it must be free for personal use. You can license it under Creative Commons. So send me your creations in .zip file at nikhil [at] nikhilmisal.com

Do you like this freebie, then please support us by commenting

Related Posts:

• ‘I am Designer’ Wallpaper Pack #1

So, you have decided it’s about time for you or your business to get a website, but where do you start? Below are some important things you should consider.

What is the goal or purpose of your website?

image by scottwills

This is the first and most important step to think about before contacting a designer. You will need to identify what you want your website to achieve – do you want to sell products? Advertise your services? Or just be a point for potential customers to gather information?

It would also benefit to know who your target audience will be. Once you have your goal(s) you can start to plan your website.

Do you need a content management system (CMS)?

image by Peregrino Will Reign

Dependent on your websites purpose, you will need a rough idea of how often you will need to update your website.

If your website doesn’t need to be updated regularly, then it would be more cost-effective if the is site updated by the company that built it – this would also save you time.

If you plan to change your website frequently (adding new products, updating your news feed etc…) then it would be in your interest to have your website with a content management system. A CMS will allow you to easily add and edit information on your site without having to have any technical knowledge.

Who will be hosting your website?

image by Tim Dorr

When choosing a company to host your website, there are a few things to look out for:

• Amount of web space – How big is your website? Do you have hundreds of pages? You will need to choose a package that will support your needs.
• Data transfer / bandwidth – Make sure you will have enough bandwidth. I would also recommend staying clear of companies offering unlimited bandwidth.
• Reliability and speed of access – A web host should not only be reliable and fast but they should also guarantee their uptime.
• Technical support – Make sure the company offers 24/7 support, as problems could arise at any time.
• Location – I would recommend that if your target audience and your company are based mainly in the United Kingdom, then your server should also be hosted in the UK.
• Features – Most hosts nowadays offer a fully featured control panel, which allows you to control your server easily (setting up email accounts etc…).

How to choose a domain name?

image by streetart

One of the most important steps to take when creating your online presence is choosing the correct domain name. Your domain name is your online identity and will represent your website and business.

Finding a good domain today has become a lot more difficult, with over 168 million domains registered worldwide and increasing each day. But don’t panic, there are still many domains out there that can benefit your company; you will just have to be more creative.

Some of the most important factors when choosing a domain name are:

• Keep it short and simple.
• Make sure it is easy to spell.
• Make sure it’s easy to remember.

I would recommend trying to keep your domain under 20 characters with no more than 3 words.

If possible, you should consider using a keyword in your name, e.g. if your website is about computers, then having “computers” in the domain name would be beneficial. Not only would it let potential visitors know what your website is about, it would also have a positive effect when it comes to search engine optimisation.

Now we know what to look out for in a domain name, it’s time to start brainstorming ideas.

1. Create a list of possible domains just using your business name (e.g. abcpc.co.uk, pcabc.co.uk).
2. Create a list of possible domains from the services you offer (e.g. computerrepairs.co.uk, pcrepairs.co.uk, fixmypc.co.uk).
3. Now try and mix the above together (e.g. abcpcrepairs.co.uk).

Now we should have a reasonably long list of potential domain names which we need to see if they are available. There are many websites that let you check a domain’s status, such as; http://www.whois.net, www.123-reg.co.uk.

If you’re still struggling to find a domain that suits your business and is available then try adding in your location; such as abcpcashford.co.uk.

Do you have a corporate identity?

image by dv_flick

If your company already has a brand, then this should be incorporated into your website. I would suggest giving your designer some off your literature and explaining the colours you want the kind of layout you like and any other comments you feel will help the designer.

By now you should have a strong understanding of what your websites purpose is and what kind of questions to ask your design company.

Related Posts:

• Using Visual Metaphors in Web Design: Part 1
• 21 Most Promising Blogs of 2009
• Letterpress Effects in Web Design- Trends and Tutorials
• 200+ Javascript / jQuery Tutorials for Designing Awesome Websites
• 20 Best Inspiring Logos

The life of a successful freelancer is hard, but tremendously rewarding. Without 9 to 5 hours or a boss breathing down your neck, you can pretty much do as you please. You can work how you want, when you want, where you want: in an office, at home, or from a beach in Barbados, assuming you’ve got a laptop and reasonable Wi-Fi signal!

As glamorous as life as a top freelancer might seem, there’s no denying that lots of hard work and unflinching dedication are required to achieve success. With good ideas and tenacity, however, the returns can be massive, both in terms of earnings and job satisfaction.

Below, we explore the lives of 9 freelancers who have reached the top of their game. All have achieved success through the internet, mainly blogging, an avenue which is open to everyone with access to a computer (that means you!) Hopefully you’ll be inspired by their stories and respective achievements to start blogging yourself, or if you’re running a blog already, you’ll be able to learn from the best in the business.

1. Darren Rowse

Darren began his ascent into blogging superstardom back in 2002, when he started his own personal blog as a way to share and discuss things between friends and colleagues. Its popularity grew and it started to receive several thousand visitors each month. Soon enough, Darren started to earn a living from it, largely through AdSense and the Amazon Affiliate program. He quickly set about establishing over 20 different blogs to experiment with various income streams and advertising systems.

Today, Darren runs several extremely successful blogs, including Digital Photography School, his most popular blog, which receives over 1 million visitors each month. He also runs TwiTip, a blog for sharing Twitter tips, and b5Media, his most ambitious project yet, a blog network consisting of hundreds of blogs and independent bloggers. He’s also set up ProBlogger.net, a site for those who wish to learn blogging skills, and ProBlogger.com, a paid for site which promotes collaboration between professional bloggers.

2. Yaro Starak

Yaro has come a long way since creating, managing and selling his first website, MTGParadise.com, a hobby fan page devoted to the card game, Magic: The Gathering. He learnt his trade as an internet entrepreneur by setting up several websites in his native Australia, including BetterEdit, a proofreading service for students, and Student-Marketing.com.au, a university campus poster advertising service. He even ran an English school for many years.

Today, Yaro lives to teach others the secrets of his success. He does so through Becomeablogger.com, a great site packed with video tutorials teaching people how to create their own successful blogs. He also runs Blogmastermind.com, the next step for bloggers who are serious about making money, and Membershipsitemastermind.com, which teaches people how to create a successful membership site. Entrepreneurs-journey.com, another of his creations, ties all of his websites together and tells his own personal story.

3. Collis Ta’eed

Collis, yet another Australian entrepreneur, cofounded Envato, in 2006, with his wife Cyan. Envato is a factory of sorts, churning out hundreds of well-designed and profitable websites, specializing in marketplaces, communities, blogs and educational sites. Among Envato’s most successful creations is ActiveDen, a marketplace which specializes in the buying and selling of royalty-free Adobe Flash and Flex files. It is home to a large community of Flash designer and developer members as well as the largest Flash library on the web.

Other popular Envato websites include WorkAwesome (a resource for those who want to succeed in the workplace), FreelanceSwitch (a place for freelancers to share advice, chat, collaborate and look for work) and Creattica (an inspirational design work gallery). Collis’s huge success can largely be attributed to his wide skills set. Not only is he an ideas man, he’s an expert web designer and Photoshop user who can bring ideas to life.

4. Jon Phillips

Jon’s the lead designer and founder of SpyreStudios, a design agency based in Montreal, Canada. He founded the company back in 2007. SpyreStudios.com not only acts as a portfolio for Jon’s work, it is home to a very popular blog, which attracts clients and random readers alike. As well as collaborating with the best bloggers and social media strategists to create amazing websites, SpyreStudios offers a WordPress consultancy service for those wanting to build or boost the performance of their own blogs.

On the side, Jon also runs Design Newz, a site featuring a wealth of useful information and articles written by web design experts. It’s updated regularly with around five to ten new articles and tutorials each day. As if Jon couldn’t get any cooler, he also plays guitar in a great Montreal-based heavy metal band.

5. Jacob Gube

In 2008, when Jason Gube founded Six Revisions, a weblog for designers and web developers, he didn’t think for a moment that it would become the success that it is today. A designer and developer himself, specializing in front-end and PHP development, Jason has managed to drive traffic to his site and make money in the process by ensuring that everything posted is interesting, relevant and useful.

Jason keeps a close eye on his site’s comments section and reacts accordingly, offering tips, tutorials and resources that are in highest demand. He also gives away the odd freebie here and there, as his way of saying “thanks” to his loyal readership.

6. Vitaly Friedman

Founded in 2006, Smashing Magazine is a brilliant weblog for designers and developers with tons of information about the latest trends and techniques. Vitaly is not only Smashing Magazine’s founder, he’s the editor-in-chief, and is personally responsible for the quality of articles published on the site, all of which are manually hand-picked and quality controlled.

Just this year, Vitaly made a leap into traditional publishing with the Smashing Book, an in-depth guide to best practices in web design. Inside the book, you’ll find technical tips on coding, usability and optimization; advice on typography, colors and branding; as well as a look behind the scenes at Smashing Magazine. The book’s full of contributions from industry experts, including Jason Gube.

7. Chris Garrett

As well as being a self-proclaimed “web geek”, Chris is a UK-based professional blogger, internet marketing consultant, entrepreneur, new media industry commentator, journalist, speaker, trainer and author. In 2005, Chris founded OQIM, a company which helps individuals and businesses use online media more effectively. Chris is a prolific writer, posting regular articles on his own website (chrisg.com), his personal blog (chrisg.org) and various other sites including ProBlogger, FreelanceSwitch, Threadwatch and ASPToday.

When he’s not blogging, you’ll find Chris speaking at major internet marketing, blogging and new media events such as WordCamp and Affiliate Expo. Somehow, besides all this other work, Chris has managed to co-author a book with Darren Rowse entitled ProBlogger: Secrets for Blogging Your Way to a Six-Figure Income.

8. Brian Clark

Brian founded Copyblogger in January 2006. It’s since become a huge success, attracting 100,000 subscribers and 240,000 visitors each month. It was identified by The Guardian newspaper as one of the world’s 50 most powerful blogs and gets glowing endorsements from BusinessWeek and Technorati.

Brian’s fantastic site is intended for those people wanting to boost the success of their website to get more traffic, attract links, gain subscribers and sell goods. According to Copyblogger.com, this can best be done through compelling content and copywriting, which anyone can learn by following the articles which are regularly uploaded on the site.

9. Chris Pearson

Chris Pearson is a WordPress master. He runs Pearsonified, a weblog devoted to helping people build and run successful WordPress blogs. Every article, trick and tip that Chris uploads is picked apart, discussed and analysed by a thriving online community. Chris also runs DIYTheme, a WordPress theme marketplace.

Unsurprisingly, Chris uses his vast WordPress knowledge to design themes, some of which are available through DIYTheme. Chris is big on themes which look amazing without skimping on usability. Currently, Chris is promoting his new theme called Thesis, which is used on such revered sites as Laughing Squid and Copyblogger. It offers excellent SEO and in-depth, user-friendly customisation.

Related Posts:

• Most Popular Posts from Creative Blogs
• 11 Tips to Maximize Freelance Productivity and Profit
• 15+ Super CSS Galleries for your Inspiration
• Evolution of 20 Corporate Brand Logos
• 20 Best Inspiring Logos

This is the third article in the series of Illustrator® tutorials. You can find more photoshop and illustrator articles in the Tutorials section.

1. Reflections Done Right – Creating a Money Roll Icon

2. Vectors Imitate Life with Gradient Mesh

3. How to Create Vector Folk Buildings Using a Digital Tablet and Tracing Techniques

4. How to Create a Cute Vector Bear T-Shirt Design

5. How to Create a Curious Owl in Illustrator CS4

6. Create An Editable Metal Type Treatment

7. Create a Cute Little Tiger in Illustrator

8. A Comprehensive Guide to the Pathfinder Panel

9. Use Inkscape to Create a Grunge RSS Box Icon

10. Create Perspective Using Simple 2D Art with Illustrator CS4

11. Create Colorful, Layered Paper Type in Illustrator

12. Chinese Bamboo

13. Create a Stylish Colorful Text Effect in Illustrator

14. Create A Wood Grain Texture

15. Illustrator Quick Tips #1 – Complex Symbols with Pathfinder

16. Women and Cats’ How-To Advanced Tutorial

17. 3D Typography in Photoshop

18. Create a 3D Vector Labyrinth

19. The Hidden Power of the Average Command: Creating Swirly Type

20. How to Create a Classic Vector Painting with Watercolor Washes and Line Art

If you like this collection then I would appreciate your comments.

Related Posts:

• How to Create Beautiful Minimalist Wordpress Theme in Photoshop
• How to Create Simple Tabs using YUI
• 20 Ultimate Photoshop Tutorials
• 10 Rocking Logo Design Tutorials
• 10 Amazing Illustrator Tutorials