MySpace Tips and TricksMySpace layouts, Backgrounds and Tools

Top 3 Mozilla Firefox Web Development Extensions

When it comes to browsers, Mozilla Firefox has become more of a boon in terms of assist in the analysis, particularly in web development.

Mozilla Firefox, or more properly known simply as "FF" is a web browser that is based on the extension system and allow users to modify the settings according to your requirements or needs.

Some add-ons are simply made for the use of ordinary users to monitor the weather Forcastfox; toolbar for easy access to MySpace MySpace, and Adblock Plus for any ad blocking unnecessary and annoying. These additions are made to make things much easier for your users.

Apart from these extensions, there are others that are very beneficial when it comes to Internet marketing, especially for web development.

There are some who are made to provide assistance in the analysis of web pages, others to provide information such as code and syntax used.

There are only a handful of these Firefox add-ons and extensions that have proven useful in web development. Let me give you my top three choices.

# 1: Firebug

This Pugin is one of many that really caught my attention. This is because what you said in your site, you can edit, debug, and monitor CSS, HTML and JavaScript in any web page and makes it more or less what he says, "edit, debug and even eliminate" or script code "live" on a website.

The good thing about this tool is that it allows the user play with HTML, CSS, Javascript or codes in a website. Change headers, change the font color or background color, or just play and experiment with it. But after a time, I realized that much more for some uses such tools than those designed for web developers. One of them is to learn about the site – what HTML, CSS, JavaScript with the webmaster used to develop it.

Here are some Firebug features offered to refine skills in the development of a successful website.

• Built for the preferences of the Web Developer's – Developers Web can open Firebug in a separate window or as a bar at the bottom of the browser. Firebug also gives Web developers control over the sites detailed that you want to enable.

• Inspect and Edit HTML – Firebug makes it simple to find HTML elements buried deep in the page. Once that web developers find what you are looking for, Firebug gives you a great deal of information, and allows them to edit the HTML live.

• Editing CSS – CSS tab on Firebug has all styles on web pages. If web developers did not like the way it appears, which can easily make changes and see them take effect immediately.

• Metrics CSS – Arrives where CSS boxes are not aligned correctly and developers site may not know why it breaks. Firebug can provide measurements and pictures on the go, margins, borders, padding, and sizes.

• Monitor Network Activity – Check the status of a web page, especially the speed with load, Firebug provides the information necessary to learn how maintain websites in top shape ..

• Javascript debugging – Firebug includes a powerful JavaScript debugger that lets developers web pause execution at any time. If your code is a bit slow, just use the JavaScript profiler to measure performance and find collars bottle quickly.

• Find errors – Firebug allows Web developers know immediately if there is something wrong with their sites and gives detailed and useful information about errors in JavaScript, CSS and XML.

• Explore DOM – Firebug helps you find objects DOM fast and then edit them on the go.

• Run JavaScript – Firebug provides a command line for JavaScript very modern facilities.

• Records for JavaScript – Firebug displays a set of powerful logging functions to provide quick answers.

The Firebug can easily be opened by clicking on the Tools menu or icon sitting in the lower right corner of your browser. Visit an online Web site design Philippines to learn more about how these web tools can help the developers in the development of web sites.

# 2 Web Developer

Web Developer is something like Firebug. It also provides information about styles and codes on a page. Web Developer also offers a way for developers to make experimentssuch as CSS editing, disable, see CSS codes, and many more.

Web Developer adds a menu and toolbar to the browser various tools. It is designed for Firefox, Flock and Seamonkey, and will run on any platform support, including Windows, Mac OS X and Linux.

The only difference between the two is their interface. Firebug specializes in providing freedom to change, inspect and monitor pages as Web Developer provides a way easy to navigate between the tools and features through the use of a toolbar.

The tools and features seen on the Web Developer include:

• Disable tool – provides options to disable caching, Java, JavaScript, redirects, Meta, Blocker Pop and many more.

• tool disables cookies – cookies, delete the session cookies, Domain cookies are deleted, delete the cookies path, adds a cookie, and more.

• tool CSS – CSS and edit views, styles off, points of view of style information, and more.

• Forms tool – Data show the form, enables or disables form fields, form views and more information.

• disable image tool – images, shows the alt attribute (for SEO purposes), shows the image sizes and dimensions, find broken images, and more.

• information tool – offers a variety of information about the page, such as abbreviations, depth of the table (if any), the title attributes, document outline, Javascript and many more.

• Miscellaneous – Clean private data (which is also present in Firefox), edit the HTML, it shows the hidden items, and many more.

• Schema tools – Marcos presents, games, links, tables (if any), and more.

• Resize Tool – Shows the size of the window, and resize the windows.

• And the CSS validation tools, food, HTML, links, through the use of W3C (World Wide Web Consortium).

Apart from these, there are also others who demonstrated be useful to view the source code and the detection of CSS errors

As to the form of a website is developed by a visit to a Design Philippines Online web site.

# 3 ColorZilla

Another tool for web developers is the simple however, useful ColorZilla. This particular extension is one of the simplest I've found, but has proven especially useful in finding out the color to be applied on the website.

ColorZilla is very easy to use. All you have to do is click the eyedropper icon, then select the color that you want to copy. The attributes of that color can be seen next to the eyedropper icon.

As stated on its website, ColorZilla can provide a color reading from any point of the browser, quickly adjust this color and paste it into another program. Web developers can also zoom in and out of page and measure distances between two points on the page. The plate can be built-in browser to allow users to choose colors and save predefined sets most used in custom palettes. DOM spying features can provide various information about DOM elements to quickly and easily.

Visit a Web design site Philippines to learn more about how to maximize website potential market success.

About the Author

Wendy Ang is the president of Optimind Web Design and SEO, a web design and seo company in the Philippines. Optimind specializes in building and promoting websites that are designed for conversion.

Change Banner Color on My Space