Rich-Text Editors for 2010 and Beyond

Rich-Text Editors, inline content editors, WYSIWYG editors – or whatever you want to call them – are web applications that enable users to enter, edit and manipulate alphanumeric characters while visiting your website. Wherever you have a <textarea> form input on your site, chances are good that its usability could be improved with a Rich-Text Editor.

For example, your comment form is a great place to provide users with the ability to customize their responses with a few clicks of the mouse. RTEs help your visitors format and edit their web-based content by transforming an ordinary input field into a fully functional HTML editor.

Rich-Text Editors for 2010 and Beyond


Continue reading »


40 Beautifully-Designed Navigation Menus

Navigation menus are, of course, important for usability purposes and creating a user-friendly website, but they also provide opportunities to add some visual appeal to the design. In this post we’ll showcase 40 examples of attractive navigation menus, including a variety of different types and styles.

Utah Travel

Utah Travel


Continue reading »


78+ Awesome Gradient Resources for Web Design

It is unevitable to use gradients for web designers. The links above is a huge collection for you to find or make the best gradient effects for your website. They are not only  about photoshop, illustrator or gimp, but also tools, generators and inspiration. If you still not using gradients, I think after this post you will start using some.

Photoshop Tutorials:

30 Awesome Photoshop CS4 Tutorials From MirazWeb

Using Photoshop Gradient Tool from FreeTimeFoto.

Photoshop 101 – The Gradient Tool from Shape Shed.

A Gradient Tutorial from 9rules.


Continue reading »


10 Common Mistakes In Logo Design

With the power of the Web, and more eyes watching than ever, it’s important for a business to communicate its unique message clearly. The easiest way to recognize a company and distinguish it from others is by its logo. Below, we go through 10 common logo design mistakes that you should avoid if you want to create a successful and professional logo.

1. Designed By An Amateur

6
Avoid websites that promote ridiculously cheap logo packages. You get what you pay for.

A professional business should look professional. New business owners often invest a lot of time and money in property and equipment, but do not often match it by investing suitably in their logo.


Continue reading »


70 Tutorials Using Photoshop To Design A Website

image

This article features a huge amount of Photoshop web design tutorials, which will teach you simple effects which can be combined together in order to create a great website design. Theses tutorials are perfect for first time Photoshop users because there short and sweet. I hope you enjoy the article and feel free to leave a comment below.
Continue reading »


30 Exceptional CSS Navigation Techniques

We’ve seen innovative ways in which designers and developers have used CSS to innovate upon its shortcomings. Here, you’ll find some of the best ways to use CSS for your website navigation. You’ll find a variety of techniques that truly showcase the capabilities of CSS.

In this article, you will find a collection of excellent navigation techniques that use the CSS to provide users with an impressive interface.

1. The Menu menu

The Menu menu

This another great CSS menu Stu Nicholls that’s unique – hovering over a menu item reveals a submenu. If you want get started with this menu just simple view the source code. Demo in page.
Continue reading »


Free PSD downloads

Many of the PSD (Photoshop file original) beautiful glamor for Web Designer and Development. All are free, quick hands do. General directory of web 2.0. Full list after jump:

Flag buttons in AI and PSD format

Flag buttons in AI and PSD format

Download Flags

3D Software Box PSD

3D Software Box PSD

Download 3D Software Red Box PSD

Download 3D Software Green Box PSD

Download 3D Software Blue Box PSD


Continue reading »


10 Useful WYSIWYG Editors

wysiwyg editor

WYSIWYG editor It’s fairly simple to allow people to add and edit plain text, by using the familiar textarea form elemen.

Following are some features that a useful html editor should have:

  1. Easy to integrate
  2. Customizable
  3. Browser friendly
  4. Lightweight
  5. AJAX Compatible
  6. Multi-language
  7. Open Source

And you can try to use one of following editors. If you happen to know some good free magazines that I’ve missed. Feel free to leave a comment. I will add it.

Continue reading »


Top 50 Free Open Courseware Classes to Design Better Websites

Are you are a self-taught Web designer? Or, are you a visual communications graduate with a degree? No matter your level of education, you know that Web design is an ever-changing field. Software changes, accessibility demands, usability concerns and platform incompatibilities all contribute to the demand for constant learning curves.

Open courseware solutions may be the answer to your Web development woes. No matter where you live, you can take the courses listed below at your own pace and in the comfort of your home or office and at no cost to you. While some courses listed below are sponsored by colleges and universities, others are provided by experts in their fields.

Continue reading »


30+ Web Design Mistakes

web design

When you begin designing your HTML web pages, you may find that many HTML courses fall short when it comes to providing you with special effect HTML codes and tips.

However, there are many special effect HTML codes that will enable you to enhance your visitors’ experience tremendously.

When trying to decide what HTML codes to use within your web pages, keep in mind, if it doesn’t enhance your web page, it’s probably best to leave it out, as the more special effects you add to your page, the longer your page will take to load.


Continue reading »