The web
browsers play a vital role in our daily routine work and in today’s
era more even browsers extensions are being built to help web
designers and developers. The extensions also help a browser to read
it interface and get the work done quickly and accurately.
Now the
question is Are you a Firefox user? Mozilla Firefox has those add-ons
which configures all interfaces automatically to run the programme.
In this post we are going to discuss about top ten Mozilla Firefox
plugins that has been helping web designers and making there way
easy. So don’t be a goofball and have a look over the various
plug-in while being a user of this web browser.
Firebug -
Firebug is one of the most powerful add-on of firefox. It saves
browsing time by facilitating various kinds of development tool’s
features into a single one. It is a web development tool that is
capable of debugging, editing & monitoring any website’s CSS,
HTML, XHR, JavaScript live. It helps to inspect element, logging
error, enable the developer to run any code, to monitor external
style sheets, other URL. It is a free and open source & licensed
under BSD license. It was created in 2006 by Joe Hewitt & now
many others such as John odvarko, robcee, firebug working-group etc.
are associated with it. The latest version Firebug 1.11.1 has been
released in 13 December 2012 by Honza.
FireFTP -
This add-on is actually a cross-platform FTP client. It supports FTP,
SFTP; FTPS.It is completely free and open source. It is highly
reliable & secure. It was initially designed by Mime Čuvalo&
licensed under MPL.It is activated from the tools menu. It provides a
two pane view within the Firefox window. One side includes the local
directories with local file name and their respective size and other
side contains the server side directories, files.one can easily
connect with server by using the Account Manager option. Thus it
provides an ease of access from client to server.
ColorZilla
- It is a great tool for Firefox especially useful in the sense of
designing. It is cross plat formed. As the name is used in colour
related tasks mainly, using ColorZilla one can get the RGB
measurement in any point of the browser, thus one can easily adjust
the colours and use it another programs. It helps in enlarging the
size of web page elements and measuring the distance between them. It
includes Eyedropper, Colorpicker, Page Zooming, Page Pan, and DOM
spying features.
Web
Developer– This Firefox extension combines various web
developer tools into one platform. It can access data, tabs on all
websites. It activates with its own toolbar that provides many
features of CSS, Forms, and Image & Info options in-built. It was
initially written by chrispederick and licensed under GNU.
MeasureIt-This
plug-in actually works like a ruler. It draws a rectangle ruler
across a web page or any location of web page and gives you the
width, height or alignment of page elements in pixel form. It was
created by Kevin Freitas. Once you download this add-on a ruler icon
comes on the lower left corner of browser window, to measure anything
just click and drag the icon into desired point.
HTML
Validator- HTML Validator is also known as CSS Validator or web
Validator. It is used for checking of validation inside Mozilla and
Firefox. In main page source the HTML code lies with the other
scripting language and sometimes it seems to be very difficult to
check only the HTML codes, this add-on remove this problem. It detect
error and warnings for SGML parser result and HTML tidy result in
browser and thus very useful for online validation checking. It also
has a clean-up option that is used to clean the erroneous code.
IE Tab
- Sometimes web developers get confused about the display of a web
page in internet explorer which they originally have built in
Firefox. The IE Tab is the wonderful solution of this problem. With
this icon a web designer or a web developer can see how it will look
in internet explorer since this tab has an inbuilt IE with it.
Fire Shot
– It is a popular add-on of Firefox and gives u a pleasure of
photography as it helps to take screenshot of any design in webpage
and makes a note upon it. These unknotted pictures can be easily
sent, saved, uploaded, emailed & reported.
CSS Viewer
– This is very efficient and useful Firefox extension for checking
the CSS properties of a web page. It is cross plat formed& worked
smoothly in any kind of OS like windows, Linux, Mac OS X etc. Nicolas
Huon designed this tool. It allows you to see a preview of the style
sheet of the web page and gives the details of every property like
colour, background, font-size, font-family etc.
Adblockplus
– We often face problems due to unwanted advertisement into web
pages while building web-site, searching or browsing. The best
solution to get rid of this problem is Adblock Plus, the Firefox
add-on. Using this tool we can block the disturbing ads by blocking
the malware domain or main internet path of these ads. Thus it also
helps to create a safe and secure internet access environment for the
user. This plug-in now-a-days is available in multiple languages.
HTML
processor- HTML processor is also known as CSS processor or web
processor. It is used for checking of validation inside Mozilla and
Firefox. In main page source the HTML code lies with the other
scripting language and sometimes it seems to be very difficult to
check only the HTML codes, this add-on remove this problem. It detect
error and warnings for SGML parser result and HTML tidy result in
browser and thus very useful for online validation checking. It also
has a clean-up option that is used to clean the erroneous code.
Guest
Post by Munna for Designmodo
.Visit this blog to win free
templates and learn exiting tutorials. Being
a part-time blogger, he loves writing guest blogging articles. He
also offers link
building and organic SEO services.