Monday, 16 May 2011

Suggested Tools for Web Development

Maintaining a website is now a must to many businesses. A website is the online representation of a company, product or an individual. It is like our images or IDs on the internet. And since the internet is world wide, it is a bit vital to enhance our websites than show the world crap images that represents either us or our businesses.

So whether you are the web developer or the owner of the site, knowing what looks well both in the front and back ends are essential.

If you are just starting and want to learn web development from raw or from zero, you might visit the following suggested sites first:

  1. W3 Schools

This is one of the best places to learn web building step by step, from the basic to advanced and sample programs. You can learn in this site almost everything in web development; HTML Tutorials, Browser Scripting, XML Tutorials, Server Scripting, Web Services, Multimedia and Web Building.


Php is a free open source language mostly used online, even of giant websites like Facebook and Yahoo. is the official documentation website of php.

As you study web development, you can also register to several forums. Online communities such as forums can help you solve your web issues.

On the other hand, if you are not that techie and patient to learn. The following web builder platforms may help you start your own site easier.

  1. Wordpress

If you just want to build a blogging site, Wordpress is the most preferred platform of so many Bloggers. Wordpress also has plenty of plugins to optimize the blogs visibility online.

  1. Joomla

If you have atleast a few web coding knowledge and do not want headaches in creating corporate looking sites, you might want to try Joomla. It has so many available beautiful template themes online.

  1. Drupal

If you want to build dynamic websites and want to have more control of the back end, you may use Drupal.

To test your codes or install web builders, you need a server that can parse your codes like WAMP, XAMPP or Microsoft IIS. As you see your pages on your browsers, below are some helpful tools that may help you:

  1. MeasureIt

It is a FireFox add on that allows you measure the width and length of every part of a web page. This can ease you to measure banner sizes.

  1. FireShot

It is a FireFox add on that can capture visible, selected or entire area of the web page. Via creating different screen shots, you will be able to visualize the web page better.

  1. CSS Grid Builder

It is a Yahoo developed CSS framework that allows you to create a layout and generate codes. You also do not need to host the CSS files, just call it from the source server to use it.

  1. Blueprint CSS framework

It will allow you to create a CSS based on the common styles that developers use.

  1. JQuery

This is a library of functions to ease you in writing dynamic JavaScript codes. Sample functions that JQuery can do are image gallery, sliding objects and more.

  1. Firebug

This is a FireFox add on that allows the user to display source codes in the same page of the current website.

  1. CSS and HTML Validators

W3C CSS and HTML Validators are the most reliable validators available in web. W3C is also the organization that specifies browser standards.

There are other brilliant tools that you may encounter on the web. Yet, testing the recommended tools above can surely help you develop a good looking, compliant and dynamic website.

Image from: SXC

1 comment:

  1. It is really very helpful in plugin developmentand provide no side effect for crossplateform,  special thanks for sharing the information.