10 things a web designer can’t do without
April 9, 2008
As a web designer there are certain things that any web designer would need to succeed in developing his or her skills. Below is a list of 10 key things I personally feel a web designer needs. If you know any more then please leave them as comments.
So here goes:
- Well obviously a graphics design application. Personally I favour Gimp because its fast, reliable, updated regularly, free and easy to use and doesn’t compromise on features when it comes to web design. The worthy alternative to this is the slow, expensive Photoshop (oh did I say worthy, I meant unworthy, yeah I don’t like it, although a lot of other designers do.)
- Inspiration, no web designer can produce good sites without getting ideas from other peoples sites (that doesn’t mean copy people sites, just get some ideas). There are plenty of sites that you can get inspiration from, personally I use templatemonster.com, csspick.com, cssdrive.com, cssmania.com, wpthemesfree.com and other general browsing, if I see a site design that I like, I bookmark it and come back to it later. Inspiration from other peoples work is how you can improve your skills over time as you start to wonder how they did something on there site and eventually find the answer.
- Coding knowledge is something that quite a few designers dont take up, however learning how to code can seriously increase the amount of money you can make, people who want sites designed are more likely to go for someone who can do everything for them, not get a design and then have to find someone else to code it.
- Templates. As you produce sites you will start to become more efficient, you will realise that the site you are creating has a similar structure to a site you have designed before, therefore it is good practise to get that template you did previously and edit it rather than start the new site from scratch. Personally I have created over 100 templates over the past year (website and wordpress), and I am in a position to code websites a lot faster because the template is already made.
- The Web Developer Toolbar. (download here) A must have tool is the web developer toolbar, it works with Firefox and gives you all the information you could ever need when coding websites and is also handy for seeing how other people have coded their websites. This makes it a lot easier to code and is definitely an important tool to have. Unfortunately, it isn’t available for IE which is what you would use it for, all of those IE problems.
- Validate as you go along, the worst part for most web coders is that they will create a great looking site that works perfect in Firefox, heck it may even look nice in IE (very unlikely, but one can only hope). Then comes the dreaded part, validating it to W3c standards. This can take up a lot of your time, so make sure you are validating as you go along, this will cut off that annoying period at the end of development when you can’t see what is wrong with a line of code that seems to be correct but W3c says otherwise.
- XAMMP, If you are creating PHP/MySQL driven sites or designing skins for online tools like Wordpress then installing xammp is a must. It will enable you to create your site or template offline which speeds up development by a massive amount because you don’t need to keep uploading each revision of each file to the internet, it also keeps that project your working on secure during development.
- Tutorials. Everybody learns how to design or code through tutorials, its just the way that it is done, when you ask a question on a forum and you get an answer, in essence you are reading and using a tutorial. There are thousands of tutorials out there, take a look around this blog and you will find some.
- Get noticed. You may be wondering why this is so far down the list. Well there is a reason for this. Too many web designers nowadays lack the skills, they try to flog templates for $20 that look like they have been created in MS Word, they are that bad. Only sell templates or take on work if you feel that you are efficient in the area, ask yourself if you would buy the template you are selling, if the answer is no then don’t sell it. A great way to get started is by producing templates and making them available for free, that way you get the exposure and can develop your skills at the same time. Once you are ready and people start saying that they like your work then start getting into related discussions on forums and add a link in your signature to your portfolio and sign up to sites like the magnificent showthatportfolio, (yes I am advertising my site, lol). Also every now and then release a free template with a link in the footer to your portfolio, it is common for people to contact the designer of a site by clicking a link in the footer.
- And finally enjoy what you do, if you don’t enjoy what you are doing then you are wasting your time. Don’t become a web designer because you heard it pays well because it doesn’t, it is overcrowded with kids trying to make a quick buck by undercutting the proper designers, it gets very frustrating. Life is about enjoyment, if you don’t enjoy something then it will show in the quality of the outcome.
So there you have it, my personal opinions (bolded because last time I did a post like this I had people saying I was wrong and an opinion cannot be wrong) on the most important aspects, tools, services etc. to succeed in web design.





TimKen
April 10th, 2008 at 3:11 am
Great article,
Just one question, what happens if someones opinion is that your opinion is wrong. How is wrong ?
=)
Cheers.
Simon
April 10th, 2008 at 11:03 am
Then that is their opinion, it doesn’t mean that my opinion is wrong and it doesn’t mean that their opinion is wrong.
Soumya
July 14th, 2008 at 11:43 am
Very nice article! I agree with all your points. I discovered this site just today. It’s very helpful! Keep up the good work.