It is important that we provide our users and audiences a way to contact us which makes our contact pages one of the most important one. On many sites, contact pages are the least cared about. On some it is mis-aligned, or on some it has some other design problems. Well they need to be fixed, and if you want to give it a spectacular look, then I have collected some of the most amazing contact forms on the web that definitely worths a mention in here.

If I missed something, you are welcome to share it in the comments.

1. Created 201 Studios

No doubt this form incorporated in flash is by far one of the best contact forms I have seen on the web.

2. Substrakt

This post card style look of substrakt designers is just a very creative use on a google map background. This really shows creativity at it its best.

3. Qwertcity

Another retro colorful style of postcard design for the contact form. This style is getting more famous as we see more and more retro designs in the trend.

4. Tony Yoo

Tony’s contact form can be best described as well-organized, neat, and simple which makes it very pleasant on the eye.

5. Frexy

Min’s contact page might be very simple, but the color combination around it on the background of the page just makes this contact page to be featured in my list.

6. Alexandru Cohaniuc

People try very hard to make their contact form spectacular, but what they don’t understand is that it must incorporate into the design. Alexandru shows how well you can incorporate the contact form in the design with his grunge style contact form design.

7. Bert Timmermans

Bert’s book style contact form is just fabulous. The neatness of it, creativity of it is just superb.

8. Chemistry Recruitment

This folder style look in the contact form really goes well with chemistry recruitment’s whole design.

9. swFIR

10. Point of Entry

Very effective use of the notepad is being displayed on this website. Usually you see the notepads on the corner of the page as just a placeholder, but in this case it is a contact form. Very creative.

11. Deluge Studios

Another great example using their map in the contact form. Very nicely incorporated contact form.

12. Headscape Web Design Solution

Headscape shows a very creative touch in their footer. They not only just highlight their contact form, but they also put their staff with their phone lines. This is a good way, but if you have a bigger staff, then you will find difficulties.

13. Envero

If you look at this contact form, you wouldn’t find anything special. But the fact that it is so neat and well organized with a good color combination and spacing, this deserves to be in the list to show that simple contact form are great.

14. Bcandullo

Brian likes the artsy touch to his design. He loves to make corrections therefore you see alot of pencil use on his design. His contact form is well incorporated with the design and goes with the flow.

15. Veboo Labs

Use of a cartoon character right next to the contact form always bring life to your contact area. Veboo labs do just the trick. Their cartoon is very eye friendly and make their contact form stand out.

16. Intuitive Designs

Another example of adding a cartoon next to their contact form is displayed here. This technique really works and it can spice a simple form up.

17. BubblesSoc

I love the work that Bubs put out on the website and the contact form is just one of that. This contact forms goes well with other aspects of the design and it is a perfect example of a well incorporated contact form.

18. Kev Adamson

Kev really knows how to highlight small features when presenting creative work. His contact form fits in a compact area. It does the job, and it has a small little captcha button which I find very cool.

19. Sidebar Creative

A simple text next to the contact form is always catchy if you use good fonts and spacing. Sidebar Creative does just that. Their contact form is very simple, but the organization of it is just noteworthy.

20. Five Cent Stand

Five Cent Stand has a very interesting design and a contact form that fits in it is even more interesting. Because I don’t think I could’ve made a contact form to fit in.

These are just some of the jaw dropping examples of beautiful contact page designs on the web. I am sure there are more that I missed. So you are welcome to share them in the comment box. Folks contact forms are important, so add them in your site because it saves alot of trouble to your users. I see some people put an email in the image, or just text which does the job, but contact form is always preferred.

First thing that comes to mind when talking about a famous brand is their logo. The logo gives a brand its unique identity therefore it is an essential component to a web design and a brand. Since the logo is so vital to a company’s brand and credibility, one must be very careful in selecting one. A good logo is creative, attractive and most importantly the reflection of a company’s product.

Many designers struggle while creating logos therefore I have compiled a list of outstanding logo design tutorials that will give you a head start in the process of creating great logos. Along with the logos, I have added to the collection some inspirational sites and useful articles that will assist you in the process of creating the PERFECT logo design for your business.

Logo Design Tutorials

Below I present to you some of the best logo design tutorials on the web. These logo tutorials are easy to follow and provides great result.

1. Crazy Cool Logo

In this tutorial you will learn to create a crazy cool logo.

2. 3D Logo Tutorial

Create a 3D logo with the combine use of Illustrator and Photoshop. So easy a beginner can do it.

3. Logo Design Project Step By Step Walkthrough

Step by step documentation of the whole process of the logo design from conception to completion.

4. Design a Logotype from Conception to Completion

Another great and easy to follow step by step tutorial for creating a logo from conception to completion.

5. How to Create a Trendy Retro Type Treatment

Create a beautiful trendy retro type treatment in your logo.

6. Create a Environmentally Friendly Green Type Treatment

7. Create a Silhouette Logo

Learn How to Create a Silhouette Logo for a Steak House Restaurant in Adobe Illustrator.

See more in the full post

Online converters are one thing that every internet user can find helpful specially the webmasters. As a webmaster you cannot afford to keep large space hogging softwares in your own computer. I know that i have four 750 GB external hard drives in which 2 of them are completely full and 2 are half way done. You need to leave your computer space for your recent projects. That is when these extremely useful online converters come in handy. These are entirely web based scripts, that can perform actions such as converting html into javascript, favicons out images, html to pdf, rss to pdf, different video and audio formats and more.

These converters can come in handy at other occasions such as presenting at work. Since these are web-based, they are portable, you don’t need to have your computer with the software, to convert a file which is the biggest advantage of online converters. Without any further ado, I present to you, 30+ Essential Online Converters for All Webmasters.

HTML and CSS Converters

1. HTML to TXT

Converts HTML to plain text format.

2. Converts Text to JavaScript

If you’ve ever tried to make some normal text containing characters like ‘ into a JavaScript variable, you will know how frustrating it can be when you miss one, or you miss a or a line break or a </script> tag. Well, let this script do it for you.

3. HTML to PHP, JavaScript, and ASP

A powerful converter that lets you convert HTML to PHP, HTML to Javascript and HTML to ASP.

4. HTML to Wiki

This tool lets you convert all HTML codes to a Wiki markup.

5. HTML to CSS

This tool lets you convert HTML to CSS and CSS to HTML in one click.

6. HTML to JavaScript

A simple plugin that lets you convert HTML to JavaScript.

Color Converters

7. Hex to RGB Converter

Converts color from HEX to RGB format.

8. RGB to HEX

Converts color from RGB format to HEX Format.

PDF Converters

9. PDF to Text

Converts PDF to Normal Text Format.

10. PDF to HTML

Enter the URL for a PDF document and it converts it to HTML.

11. HTML to PDF

Converts HTML websites to PDF.

12. PDF Converter

Converts PDF to text, .jpg, .gif, .png, and .tiff

13. PDF Online

Most powerful PDF converter online and it is very helpful. Converts MS Word (DOC), MS Publisher (PUB), MS Word (RTF), MS Excel (XLS), MS PowerPoint (PPT), HTML (MHT), MS PowerPoint (PPS), Text (TXT) and JPG, PNG, BMP, TIFF, WMF, EMF, GIF to PDF online. The .PDF file is sent via e-mail.

Image Converters

14. ASCII O Matic

Cool converter that lets you convert JPG to ASCII format.

15. Text Image

Converts images to HTML, ASCII or Matrix Green Text.

16. Convert Icon

Converticon is a simple icon utility. It can import ICO, PNG, GIF, and JPEG formats and export to high-quality PNG or ICO files.

17. Favicons out of Images

It generates Favicons directly out of any image.

RSS

18. RSS to Autoupdated Image

RSS to Autoupdated image. It can be Gif, JPG, or PNG.

19. Convert Webpage to RSS

Your website doesn’t have RSS feed? Thats ok, this service will convert any web page into a news feed.

Converter for Developers

20. HTML to CGI

Converts your HTML codes to CGI.

21. Response.right

Converts text/HTML to server-side write statements in PHP, ASP (VBScript and JavaScript) and JSP.

22. Hexstring Encoding

Online sample of a HexString conversion texts and files for SQL commands.

23. DOS to Unix

24. Unix to DOS

25. Mac OS to Unix

CSV Converters

26. CSV Converter

Converts tables: from CSV to HTML or WikiMedia-format.

27. XLS to CSV

Converts Excel-documents to CSV.

Cream of the Crop

These converters are the best of the best list. I use them all the time.

28. Zamzar

Zamzar supports conversion between a wide variety of different file formats. Many conversion options, among them 11 document formats, 8 image formats, 9 audio formats and 12 video formats.

29. Media Convert

Media-Convert can deal with many formats. Most important are Text, HTML, XHTML, Microsoft Word, RTF, PDF, PS, Open Office, Star Writer, CSV, dBase, Microsoft Excel, Pocket Excel, Lotus 123, Quattro Pro, Star Calc, Open Office, MathML, Open Office Formeln, Powerpoint. Besides: Video and Audio-formats.

30. Txt2Tags

This tool generates HTML, XHTML, SGML, LaTeX, Lout, Man Page, MoinMoin, MagicPoint and PageMaker-documents out of a single plain text-file with minimal markup.

That concludes the list. These converters are very useful. I hope you find them useful as well. If you have anymore feel free to add in the comment box. If you like it bookmark it, share it, tweet it, and spread the love.

As the web is moving forward, we are seeing a trend of these sliding panels on more and more sites everyday. Majorly for login information, but some sites are using it for more creative ways such as displaying descriptive content view and having it closed for a simpler view. The limit to this idea is your imagination, so you can make it work with just about anything. Check out the tutorials to come up with a beautiful sliding panel with jQuery.

1. Build An Incredible Login Form With jQuery

2. Slip Sliding Away

3. Sliding Login/Signup Panel using Moo Slide from MooTools 1.2

4. Show/Hide Login Panel

5. Slide box

6. Simple Slide Panel

7. Nice & Clean Sliding Login Panel

I hope you enjoyed the collection of these awesome jQuery tutorials. These can be used with wordpress and can be used to make a site like superb. If you have any more that you have used in the past please share it in the comment box.

Coding is a tedious process which is often complex and rigorous. To get through coding easily and without too much stress, you need a good, trustworthy text editor. The most common solution in many people’s eye is Notepad because you can’t go wrong with it, but notepad is not the simplest solution. When working with complex coding, it is helpful to have an editor that gives you a feature of line numbers, highlighting the important areas, support for multiple programming languages, a better find and replace feature, and some other userful features that can make the process of coding a bit less frustrating.

In this post, I have compiled a list of some of the best free text editors for designers and coders which will fulfill your needs. These softwares were designed specifically for coder’s needs. I know the preference of operating system varies among us techy people, so I tried to collect a few for each operating system: Windows, Mac, and Linux. So enjoy the post, if you use any of the ones below, or have had experience with any of the ones below please comment and let us know of your experiences, so others can learn from them as well.

1. Text Wrangler (Mac OS)

Text Wrangler is by far the better multi-purpose text editor that I saw for Mac. I personally use Text Wrangler as well. Text Wrangler is compatible with some of the most useful plugins orignally made for BBEdit which extends the built-in features. Text Wrangler has a built-in FTP conrol. It can be used as both a programmer-friendly text editor, and a Unix/Server Admin Text editor. One of the cooler functions about text wrangler is its function browser. You can quickly see which function you are working with.

2. Notepad ++ (Windows)

NOTEPAD++ is the best FREE Text Editor for Windows. I use it on my Toshiba, and I can personally say that this is my choice for windows. It has an auto-completion feature (for most supported languages) which guesses what you are trying to write so it will close your div tag for you you just have to type the first few words. It also has a tabbed interface which is great for working with multiple files without cluttering your task bar. It has a strong find-and-replace feature, code folding, and much more. This can really save your time windows users.

3. jEdit (Windows, Mac, Linux)

jEdit is a text editor written in java specially for programmers. The best part about jEdit is that it works with all three operating system. jEdit was designed to combine the best features of the three operating systems. The features include, color coding, support for unicode, XML Support, scriping support, and advanced css support. You can download tons of plugins from their website to expand on the built-in features.

More on the full post.