Web design and development are great skills to posses, not just for the IT guru but also for a website owner.

The following ten tips provide you with the building blocks for creating and maintaining your website.

1. Learn as much as you can

Know the basics of HTML, JavaScript and CSS. Photoshop is also vital in web design. Learning the fundamentals, then using your creativity to build on that is imperative. If you are clueless on how to do a mockup, it would be impossible to make the real thing.

2. Generate code with a CSS generator.

You will want to use Animations and shadows in your designs. These have complex codes that you can easily forget so it helps to have a generator to simplify the work for you.

3. Enhance Photoshop.

Add new action, shapes and brushes to optimize Photoshop. This is a vital tool for any developer; so do not stick to basics.

4. Fonts, fonts, and more fonts

The difference between mediocre and great is made by fonts. Have as many options as possible to help you attain a great design. A great resource for this is Fontpark which will let you download over 70,000 free fonts.

5. Take advantage of free resources.

If you have to create everything from scratch, you will take forever to design a site. Taking your own pictures or drawing them will make things complicated. The internet is full of free items that will help you ease your workload while at the same time being able to personalize everything. Sometimes you may have to attribute your work.

6. Incorporate Dummy tools

When designing a site, you usually do not have the content to go with it. Most designers and developers use Lorem Ipsum to generate fake placeholder text to fill in titles, sentences or paragraphs when you are creating your designs. A dummy image generator will provide you with pictures instead of text.

7. Be a thief

Very few ideas are completely original. There are thousands of existing codes and designs so do not try to reinvent the wheel. It is not recommended to copy everything but Use those ideas to build your own and create a more efficient code by editing the defects.

8. Use a framework

As noted earlier, web projects are not unique. Using a framework will get rid of a lot of the effort involved in your creations.

9. Find a text editor.

Find text expansion apps where you can store your code snippets using a few key strokes.

10. Test your site.

Different screens will show your site in different ways. The Web browsers being used will also contribute to the way you site will be seen. Before you deploy your site, make sure you test it so as to make sure it shows the way you want it to.  Screenfly is a great tool for this.


There are lots of resources available to aid you in web development so feel free to search for what you need. The internet is ever evolving so you need to stay updated so as to keep up with the times. Research and always remember to keep it simple.

About the author

Carmel is a web developer and designer who also works part-time as a freelance writer. Despite her busy schedule, she makes it a point to share her knowledge about web design and development through her articles on blogs.

Leave a Comment

Comment (required)

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Name (required)
Email (required)