Reach Perfection in the Profession

June 26th, 2009

Being a professional in any field means working hard and constantly enriching your skills and knowledge, a true professional is curious and never satisfied with the achieved heights, he always endeavours at perfection. Here are some humble tips on how to become a better designer and reach success and perfection in your profession.

* Never rely on hypothesis
Do not assume that everything will work the way it should, check everything twice. It may look a bit paranoiac, but checking everything is actually a good custom for a web designer.

* Write down all ideas
Even if they seem useless at the first glance they may turn out to be brilliant later.

* Do not neglect the ready-made solutions
Such tools like Firefox extensions for instance can ease and fasten your work significantly.

* Stay up to date
You should know the recent trends and all the industry news, be in the center of current events. Remember – it is never bad to learn something new.

* Keep it simple
Simplicity is the key. If your design is going to have loads of complex elements try to use a simple color scheme and vice versa.

* Practice makes perfect
Well, I think there is nothing to add to the statement. : ) Do your work and learn from your mistakes and successes.

* Learn to abstract yourself
Everyone has creativity crises every now and then. Change the subject for some time, go to the movies, relax a bit and the muse will come.

Being a designer you should also know some common rules:

* Website goal should be obvious
* Your website should be easy to read and navigate
* Too many different fonts is bad
* Chose the color scheme carefully
* Your website should load fast
* Don’t forget about cross-browser compatibility

Of course all these rules are quite relative and can be and sometimes even should be broken. Just don’t forget to stop ;)

Well, would you add your own web design rules and tips to the list?

Firefox Plugins for Web Designers and Developers

June 24th, 2009

Firefox is a very popular browser nowadays, especially among the designers and developers. Not only it is fast and comfortable to use, but also offers dozens of fruitful add-ons that every designer will appreciate, these Firefox plugins will make your work faster and easier.
Well, I’ve prepared a selection of the most helpful plugins that simplify the lives of many designers and developers.

Aardvark
This powerful selector utility selects elements. It will show the HTML element type and its class or id if they exist and let you do various actions with the selected elements like delete the element or set the element’s background to a random color for instance.

Firebug
This powerful plugin integrates development tools into Firefox thus allowing you to debug, edit and monitor CSS, HTML, and JavaScript right in a web page.

HTML Validator
Shows the number of errors of a HTML page in your status bar. Very handy tool for developers

ColorZilla
This one is a great tool that lets you select any color you liked then adjust it and put in any other program.

Web Developer
This plugin adds a menu of various web development tools. It has window resizing options, validation tools for CSS, HTML and links and gives info on various objects on the page.

X-Ray
This Firefox extension lets you view a webpage code

Pixel Perfect
This Firefox extension requires Firebug and allows you easily overlay a web composition over the top of HTML you developed.

Total Validator
Great plugin that gives true HTML validation using the official DTDs.

Font Finder
This simple plugin identifies CSS details of the text you select. Gives such info as color, font, decoration, spacing and element details.

Window Resizer
You’ll find this plugin great for testing your web designs in different screen sizes. Supports the 640×480, 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200 resolutions.

Do you use Firefox extensions in your work? If so, which ones do you find to be the most useful?

Most Popular Grey Web Templates

June 17th, 2009

Statistics show that grey web templates are among the most frequently downloaded ones. Grey is a neutral color and is considered to be great for business web pages and calm online sites.
Here are some brilliantly designed website templates that use grey color palette and are at the top10 popular templates from LayoutsPack collection.

Game Portal Template

This is quite an unusual use of grey in web design. Game portals are commonly designed in black, red, dark blue color palettes. But this game portal layout looks awesome with grey color. And what is more pleasant about it – it is available in HTML, WordPress, Joomla! and Drupal, thus you can choose the most convenient platform for your games related project.

Business Expert Template

You must have seen this design in the Web Templates Set 4 in 1 presentation post. I believe it is the most prominent example of the brilliant use of grey color palette in the business web design. Yet again – you can choose from HTML, WordPress, Joomla! and Drupal platforms or get them all together.

Buzz Marketing CSS Template

Another great example of business oriented web design created with the use of grey as the main color. This CSS template is certainly a great and reliable solution for any serious business project.

Business Company Template

This web layout is the best prove to the statement that grey is a great choice for any business web design. With the use of blue and white this design is perfect for any consulting or trading business.

Grey may sound dull and inanimate, but used properly it becomes the most ingenious and advantageous solution for a profitable web design. And the showcased above web templates definitely prove that.

Web Design Tutorials for Beginners

June 9th, 2009

If you are starting your web design career you might find these tutorials useful. Most of them are Photoshop tutorials, as it is the most common software for designing a website.

Website Building Tutorial

Very detailed description of the process of building a website from choosing the niche for your site to website monetization and maintaining the ready online presence.

Buttons, menus, and headers in Photoshop

Web 2.0 style buttons

Web 2.0 style is still very popular especially in business web designs, thus here is a simple tutorial on how to design web 2.0 buttons with Photoshop for you to practice.

Big Buttons

Comprehensive tutorial on creating big stylish buttons in Photoshop.

Dark Modern Header

Very simple way of creating a beautiful, stylish header for your website.

Creating a Professional Header

Another good Photoshop tutorial on creating a stunning header.

Clean Blue Navigation Box

With this tutorial you’ll learn how to create a navigation box for your web page.

Clean style navigation bar

Here you will learn how to design a very nice and colorful menu for your website.

Practicing these tutorials and learning how to use the tools and techniques you’ll start creating your own designs very soon.

Below are tutorials on how to design a whole website layout using Photoshop.

Create a Sleek, High-End Web Design from Scratch

Elegant Blog Layout in Photoshop

Modern Web 2.0 Web Layout

Designing a Simple but Professional Website Design

Being a web design beginner you’ll most definitely find web templates membership a useful tool, downloading an unlimited number of web templates allows you to create your own web pages in no time.
Well, have fun and remember – practice makes perfect!

CSS Advantages

June 4th, 2009

CSS or Cascading Style Sheets has been discussed here not once. You already know that CSS is used to style HTML, you also know that you can add looks to your old HTML, restyle the website, use created style on any webpage. But what are the advantages of CCS, why using it is better that using anything else? Let’s find out.

* Easy maintenance
Design and content in CSS are separated. This feature gives you the full and easy control over your website looks. With CSS you do not have to make alterations in the huge number of files, you just need to alter one file. And the task is extremely easy to do.

* Faster load
Your visitors will appreciate the fast load of your web pages. The thing is the Stylesheet needs to be loaded just once, thus when your visitors browse your website the only thing to be loaded is actually content and it loads extremely fast.

* Your visitors get control over your website view
Imagine your visitor has vision problems, with User Style Sheets he can easily change the size of the fonts or contrast for instance.

* Less code
In CSS the same class is used at different locations, thus we use less code. Less code means less mess when editing and maintaining and less bandwidth, plus faster load.

As you see Cascading Style Sheets are created to simplify the process of developing and maintaining a website. Both you and your visitors will benefit if your website is built with CSS. Have you discovered more advantages when using CSS?