Web Design & SEO For Small Businesses

Validation in Website designing provides guidelines for the web designers to prepare well structure and browser friendly website. Website validation ensure that the websites comply with web standards. A validated web page defines which version of html or XHTML is used to code the website.
It is necessary for browsers to process the document correctly. Here are valuable Firefox adds on for web page validation.

1.  HTML Validator – Validates HTML documents using the CSE HTML Validator engine for Windows. This addson require CSE HTML Validator for Windows. It is very simple to use and efficient in its performance. This is a great tool for web developers and web admins who want to go an extra mile. An excellent add-on!

2. W3C RSS Validator -
Validates a page using the W3C RSS Validator. Once you open the RSS feed into the browser window, you can right click on the page or goto the Tools menu and validate the RSS feed. The results will open in a new tab.

3. W3C CSS Validator – Validates a page using the W3C CSS Validator. Adds an option to the right-click context menu and to the Tools menu to allow for easy validation of the CSS of the current page. Opens the results in a new tab. Will only work on pages that have a CSS file associated. For example it will work with http://www.w3.org/ as the URL has a CSS file.

4. W3C Page Validator – Validates a page using the W3C Markup Validation Service. Adds an option to the right-click context menu and to the Tools menu to allow for easy validation of the current page. Opens the results in a new tab. This is a simple extension that will work only for online pages.

5. W3C XML Validator – This is a very simple extension that validates W3C XML schema documents.

6. W3C Offline Page validator – Validates the source of a HTML/XHTML page via the W3C Markup Validation Service using the direct-input form. Validates a page using the W3C Markup Validation Service, even if the page is not public.

7. Validaty – One Click Validator. Provides you a button to validate a page using a validator like…

8. Total Validator – Perform multiple validations and take screen shots in one go. This 5-in-1 validator works with external, internal, or local web pages using the Total Validator service or local copy of the desktop tool…

So that’s my list of 8 extensions for web page validation which will make your validation experience better. Some of them are very useful and essentical for every web designers. What Firefox Validation addons is your favorite please leave your comments.

while designing and developing a website a web designer need to several tools to maximizing the effectiveness of the website. There are a wide range of different tools which is been presented here. Each of these tools is so important for a web designer.

1. 
   Web Page Analyzer Tool – This tool can be used to test the loading time of your web page. It gives a detailed report on how many objects and size of the objects on the page. These tools have several rating for each object like Green ratings is for good, Yellow for caution and Red for warnings.
2. 
   W3C CSS Validation Services – This W3C CSS validation Service is a web based tool helps web designers to check Cascading Style Sheets(CSS) are validated. The CSS can be validated here by three ways one is typing the URL, second is by uploading the file and finally by inputting the direct CSS code in the input box.
3. 
   Browser compatibility testing tool – By using Browsershots you can test your web designed pages in different browsers. As we all know the importance of checking the web pages with different multiple browsers. Browser compatibility testing is a critical element in the web development practice.
4. 
   Website Wireframe Tool – Wireframes are a basic visual guide for any web page layout design. Wireframe also allows maintaining design consistency throughout the site. Wireframes are very important part in the initial stage of the design process. Gliffy is a free web-based diagram editor. Gliffy free wireframe software makes it easy to create website wireframes and to share web mockups with anyone.
5. 
   Web color picker - This color picker will help you fine tune the hex color codes for your web page. These color picker tools are great for exploring colors and color schemes for your web design project.
6. 
   Screen Resolutions Checker – Quickly and easily test any Website in various Screen Resolutions! This tool allows you to check any web page in different screen resolutions. As web visitors uses different screen resolutions web designers need to check their web page design in different screen resolutions and make sure it looks in all of them.
7. 
   Dummy Text Generator – A dummy text generator will come handy to any web designers because when they wait for the content. Web designers can use dummy text generators to fill up that space.
8. 
   CSS Menu Generator – will generate both the CSS and the HTML code required to produce a text-based yet appealing set of navigation buttons. Menu generator makes it easy to create custom CSS menus without having to know all the complicated HTML and CSS
9. 
   Broken Link checker – Use this tool to check for Broken Links on a website. Broken links are links that lead nowhere; Clicking on the link will show an error page.
10. 
    Browser size checker - A nifty online tool for setting your browser size while doingWeb design.
11. 
    Robot Control Code Generation Tool – The only reason you might need to use a robots.txt file is if you want to prevent someone else from using this search engine to index your site
12. 
    Http header checker - Check your server to make sure the proper HTTP Status Codes (200, 301, 302, 304, 307, 404, 410) are being returned in the server headers.
13. 
    URL rewriting tool - This tool helps you convert dynamic URLs into static looking html URLs.
14. 
    htaccess tool – These tools will create .htaccess and .htpasswd files for you, without having to build these manually.
15. 
    Rounded Corner and Gradient Generator - This generates a basic box with rounded corners. It will create four image files and the necessary HTML and CSS code for you to put rounded corners around your content.
16. 
    Strip Generator lets you make your own comic strips. Users can even create their own Strip Blog, which combines the art of creating comic strips with blogging.

CSS Shorthand techniques are used for condensing and shorting your CSS code which makes your stylesheets small which will enable your website to load faster and easier to read. One of the greatest advantages of using CSS shorthand properties is to specify several properties by using only one.

So here are some 25 extremely useful CSS shorthand tutorials to make your CSS code more Concise.

1. CSS Shorthand Guide – The syntax for declaring the background shorthand values are excellent.
2. CSS shorthand properties – This tutorial explains on how using CSS shorthand properties you can reduce the size of your CSS documents even smaller.
3. An excellent source for Introduction to CSS shorthand properties.
4. Efficient CSS with shorthand properties.
   
5. CSS – Shorthand V Longhand.
   
6. Introduction to CSS Shorthand from Sitepoint
7. Free! – CSS shorthand properties – Shows some excellent examples of list shorthand rule.
   
8. Useful CSS shorthand properties
   
9. CSS Shorthand Properties
   
10. Use shorthand properties in CSS to shrink your style sheets.
    
11. CSS Shorthand, Step by Step How-To
    
12. Advantages of using CSS Shorthand properties
    
13. What is a CSS Shorthand Property?
    
14. CSS Shorthand Cheat Sheet
    
15. Detailed guide to using shorthand CSS in your cutups
    
16. Minimizing and creating efficient CSS code
    
17. How do I write Shorthand CSS?
    
18. A good collection of links to CSS shorthand articles
19. Shorthand properties
    
20. Writing CSS Shorthand
    
21. Writing Efficient CSS Shorthands
    
22. CSS shorthand tips
    
23. Using CSS shorthand for fast-loading websites
    
24. Basic CSS Shorthand rules
    
25. CSS Shorthand from Wordpress
    

Feel free to comment and add your thoughts on these tutorials.

I’m Thomson Chemmanoor – a professional SEO consultant, Web Designer and Small business marketing consultant from Houston TX. For the last 6 years, I’ve been blogging regularly and helping small business websites make their online visibility perfect through SEO and Social Media.

If you need to find some background info on me? Try googling me and you’ll find enough info about me there.

Whom Have I worked with?

Sometimes, people hire me for Website Development and Online Marketing Projects (SEO, Social Media Marketing, Managing PPC Campaigns, Web Analytics consulting). And I’m glad to accept the offers since I feel totally involved in it. Below are some of the prominent clients whom I’ve worked together with.

STS Travel Group of Websites

PowerPoint Presentation Guys

Digital Labz LLC Clients

PD Brownesouth

CSS Air Texas

4D Babyscan

East TX Crude

IT Caliber Inc

Potentia Energy

Houston PR Agency

Houston King Karaoke

TheDesignMag

Grow Yourselves

Web Designer Houston

And, If you need to contact me – just drop me a line at thomsonjoseph@gmail.com

I guarantee you a reply

Thomson Chemmanoor

Contact – thomsonjoseph@gmail.com

Telephone – 713-884-5102

Gtalk – thomsonjoseph(a)gmail.com