7 Characteristics of a Good Website

September 2nd, 2009

Designing and developing a website is a complicated process which requires taking into consideration huge number of elements and details. There are though few key features which every successful website possesses. Check if your website design has these features:

* Enjoyable Visual Design
As they say – fine dress helps to impress. The first impression is always the strongest one; if your website is poorly designed your visitor will most likely leave it in seconds. The question of what is an enjoyable visual design has of course a subjective answer. There is a number of good articles describing the web design trends of the year, I suggest you to read them. I would add for myself that you should know when enough is enough. Trends are good but overusing them is not good at all.

* Plain Navigation
Every good website is user friendly. You should always remember that you design for people, and people should be able to find where to click. The navigation is to be obvious and easy.

* Quality Content
Content is king. Always remember that when creating a website. People visit your web page to find information, so give it to them. A good visual design without a meaningful content won’t make you successful.

* Web Optimized Pictures
All the images you use when designing for web should be compressed to 72dpi. If you use Photoshop for designing just use a “Save for Web” feature that will compress your images automatically.

* Contact Information
Your website visitors should be able to easily get in touch with you to give you their feedback and suggestions. Thus do not hide your contacts from them. Make a simple contact page and include it to your main navigation.

* Search Feature
As said above – you design for people and people should be able to easily find what they are looking for at your website. No one likes browsing through hundreds of pages in search of a thing.

* Cross Browser Compatibility
If you use only Firefox it doesn’t mean that everyone out there uses it either. Do remember that your visitors might use other browsers and never forget to check your websites for cross browser compatibility.

Would you suggest more features every good website should posses?

Top 5 Hosting Website Templates

August 26th, 2009

Web hosting is a rather profitable business. There are hundreds of new websites launched every day, each and every of them needs a reliable hosting solution. If you plan to start your own hosting company or need a new design for your existing one these small chart will be of special interest for you.

Hosting Co CSS Template

This hosting company website template is designed in a fresh blue color palette. Simple navigation and plain design make it a great solution for your hosting business.

Web Hosting Photoshop Template

This simple HTML template is created with the use of calm red, gray, blue and white colors. The simple and plain navigation as well as the overall design create an impression of a reliable hosting company website. Your clients will be satisfied.

Web Hosting CSS Template

This CSS web design is a perfect solution for any hosting company. The white background, properly used bright colors and good fonts will make your hosting company website attractive for your clients.

Hosting Provider Web Page Template

This CSS template is a brilliant example of a fresh and stylish design aimed to suit your reliable web hosting company. You’ll especially like the handwritten elements of this web design.

Communications Company HTML Template

This is a very bright and vivid solution for a webhost. Your clients will love this design performed with the use of citrus green and orange on the white background.

What webhost do you use for your websites?

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?

Best Text Editors for Programmers, Web Developers and Designers

May 22nd, 2009

If you at least once tried to code by your own you know how extremely important a good and reliable text editor is. The ease and comfort of your work commonly depends on it. The majority of you would assume that the best text editor is Notepad, if not the best than the easiest one. But Notepad isn’t a simplest solution. It lacks such useful features like a tabbed interface and search and replace functionality for instance. Many programmers and developers agree that the choice of a text editor is a matter of habit. Well if you still do not have a favorite text editor or are not satisfied with the one you’ve got, I’ve picked the most reliable text editors for you. Who knows, maybe you’ll find the most convenient tool to work with among them. I tried to include the most popular tools not only for work on Windows but also Mac and Linux as well. You’ll also appreciate that all these tools are free. Thus, here they are:

* Notepad ++
A good and very popular tool for work with Windows. Among the most useful features of Notepad ++ I can name an auto-completion feature, tabbed interface, code folding, side by side text comparison, zooming in and zooming out and many more.

* Text Wrangler
A great multi-purpose text editor for Mac. The features include built-in FTP controls, support of useful BBEdit plug-ins and function browser.

* Komodo Edit
Deservedly named one of the best XML editors, this tool supports all operating systems, thus works great on windows, mac, and linux. Has many useful features including code completion and call tips. Supports such template styles like CSS, HTML, JavaScript, PHP, Python, XML, Perl, Tcl, HTML-Smarty, RHTML, Template-Toolkit and Django.

* Smultron
A very easy to use text editor for work with Mac. The main feature that makes it so easy to work with is the plain and simple interface. Except the basic features the tool has an obility to split thus allowing you to view files side-by-side, besides you’ll appreciate the code snipplet library that allows storing your most used code blocks. But the most of you most likely will be thrilled by its full-screen mode.

* Gedit
This one is created to work with Linux, actually it’s the official text editor of the GNOME desktop. Among the features are tabbed interface, syntax highlighting, spell-checking feature and a plugin system that allows to add new features.

* Bluefish
This open source editor is quite popular among programmers and web designers that work on Mac and Linux. The main thing it’s famous for is its speedy function.

* Vim
Great tool that runs in all the major platforms, that is: Windows, Mac OSX and Linux. There is a great number of features which makes it a bit complicated to work with it.

* NoteTab Light
This is another text editor that works with Windows, Mac and Linux. It is a free Notepad replacement. You’ll appreciate its built-in FTP client, tabbed interface and a reliable search interface.

Well, what is you favorite text editor?

The optimal list of the most useful tools for CSS developers

May 6th, 2009

We all try to make our work as much easy, fast and productive as possible, thus here are some great tools that CSS developers might find useful. Most of these tools will be helpful both for beginners and for experienced developers.

CSS Frameworks
A CSS framework is a ready-made library packaging a number of useful pre-made options for designing a web page with CSS.

* Boks. This visual editor is a user-friendly Adobe AIR application that allows to build and fill your layout and export it to HTML and CSS. Works on Windows, Mac and Linux.
* YAML Builder. Online tool that allows you to visually create YAML-based CSS layouts.
* Blueprint CSS.
* CleverCSS.

Fonts
Fonts are powerful tool that can make your website extremely successful or a complete disaster. Thus choose fonts carefully.

* Typetester. This nice online tool allows you to compare the fonts on the screen.
* CSStxt. Generates CSS for web typography.
* 25 Best Quality License-Free Fonts.
* Font guide for webmasters.
* 100 Free Fonts.

Colors
Color along with fonts is extremely important in web design, it can easily attract or scare visitors off your website.
* CSS Color Editor.
This awesome tool allows you to replace the color scheme of your website without changing the entire CSS file. All you need to do is to choose your local file, pick new colors and download the new CSS file with new color codes automatically replaced.
* Color Palette Generator
Upload an image and have a color palette based on its main colors generated.
* CSS Color Chart.
* Web 2.0 Colour Palette.
* Colour Contrast Analyser.
* Web Color Visualizer.

Forms
* Accessible Form Builder.
Quickly and easily generates XHTML-compliant accessible forms.
* JotForm.
Very convenient WYSIWYG Form Builder

Text Wrappers
* CSS Text Wrapper
Allows to wrap your content to any shape generating HTML/CSS.
* The Box Office
Wrap, float or contour your  text around freeform images.

Accesability Checkers
Check your website for errors before launching it.

* Accessibility Valet Demonstrator.
* OCAWA Web Accessibility Expert.
* WAVE 3.5 Accessibility Tool.
* Web-based Site Usability Checker.

Optimization

* CSS Drive CSS Compressor.
Allows to choose a level of compression.

* MinifyMe – AIR Application.
Adobe AIR application that packs multiple files together

Galleries
Resources of inspiration.

* Design awards gallery
* CSSElite
* CSS-Mania
* CSS Zen Garden
* CSS Beauty

What CSS tools would you add to the list?