Firefox is a very popular browser especially among web designers. There are more than 70% of WDB’s readers are using Firefox. There are few reasons which make Firefox so popular compare to others and obviously its plugins had contributed a lot for that.
Today, we are going to look into 35 useful Firefox extensions for both web designers and web developers. You are not required to install all extensions, as this will cause your Firefox slow and lag. Without talking much, let’s look into these extensions.
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
The Browser Window Resizer is useful for testing different screen sizes. It accurately resizes your browser so you can test to see what a web page looks like in all of the standard resolution sizes. Supports the 640×480, 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200 resolutions.
Provides true HTML validation (HTML 2.0 to XHTML 1.1) using the official DTDs, plus added attribute checking. So you no longer have to put up with the limitations of the W3C validator (no type checking) and tools like HTML Tidy which interpret the standards incorrectly (they don’t use the official DTDs).
FireShot is a Firefox extension that creates screenshots of web pages (entirely or just visible part). Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify web captures and insert text annotations and graphical annotations.
FireRainbow is a Javascript syntax highlighting for Firebug 1.3+. It requires Firebug 1.3 or higher.
HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing.
Detects what javascript libraries are being used on the current page and displays the result as icons with detailed tooltips in the statusbar.
Use tamperdata to view and modify HTTP/HTTPS headers and post parameters. Trace and time http response/requests.
Firefinder is an add-on to Firebug, to help find HTML elements matching chosen CSS selector(s) or XPath expression. Type in desired filter and view the results.
With the JSONView extension, JSON documents are shown in the browser similar to how XML documents are shown. The document is formatted, highlighted, and arrays and objects can be collapsed.
This add-on will show you what JavaScript gets to run on a web page, even if it is obfuscated and generated on the fly.
FireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP servers.
HttpFox monitors and analyzes all incoming and outgoing HTTP traffic between the browser and the web servers. It aims to bring the functionality known from tools like HttpWatch or IEInspector to the Firefox browser.
Powerful and user-friendly selector utility for selecting elements and doing various actions on them. It can be used for cleaning up a page prior to printing it (by removing and isolating elements), and for web development.
Firecookie is an extension for Firebug that makes possible to view and manage cookies in your browser. Firebug has to be installed in order to use this extension.
Generate “Lorem Ipsum” dummy text (from http://www.lipsum.com). Minimum text length: 5 words. Context menu option on form inputs (”Insert Dummy Lipsum”). This option fills automatically the selected field.
Pixel Perfect is a Firefox/Firebug extension that allows web developers and designers to easily overlay a web composition over top of the developed HTML.
Stylesheet modifier in the Sidebar.
Firediff implements a change monitor that records all of the changes made by firebug and the application itself to CSS and the DOM.
FirePHP enables you to log to your Firebug Console using a simple PHP method call. FirePHP is ideally suited for AJAX development where clean JSON or XML responses are required.
Open pages in Opera from Firefox and Mozilla context menus. Very useful for web developers.
DOM Inspector is a tool that can be used to inspect and edit the live DOM of any web document or XUL application. The DOM hierarchy can be navigated using a two-paned window that allows for a variety of different views on the document and all nodes within.
YSlow analyzes web pages and why they’re slow based on Yahoo!’s rules for high performance web sites.
CodeBurner is a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS.
This is a great tool for web developers, since you can easily see how your web page displayed in IE with just one click and then switch back to Firefox.
A simple CSS property viewer.
Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies.
Draw out a ruler to get the pixel width and height of any elements on a webpage.
Web Developer adds a menu and a toolbar with various web developer tools.
The main goal consists to view page source with external applications but you can also open page source as DOM document, open CSS and JS files, open images with your image viewer and a lot of other features.
GridFox is a Firefox extension that overlays a grid on any website. If you can open it in Firefox, you can put a grid on top of it. It’s easy to customize, allowing you to create the exact grid you designed your layout around.
It will capture what you can see in the window, the entire page, just a selection, a particular frame. Basically it saves web pages as images - either to a file, or to the clipboard.
Pencil is a free and open source tool for making diagrams and GUI prototyping that everyone can use.
Palette Grabber creates a color palette for Photoshop, Paint Shop Pro, GIMP, Flash, Fireworks, Paint.NET, or OS X based on the current page.
Dust-Me Selectors is a Firefox extension (for v1.5 or later) that finds unused CSS selectors.
分享到:
相关推荐
Everybody knows that a business needs a website for its growth and customer interface. However, building a website can be a difficult as well as time consuming process if you do it yourself. Simple ...
This book is for anyone who wants to learn computer programming and knows absolutely nothing about it. If you are wondering whether this book is going to teach you how to create amazing applets or ...
Chapter 4: Build Only What Is Absolutely Necessary 77 More features, More frustration 78 So what’s a geek to do? 79 Think Different 80 The dashboard and New Invoice screen 81 The finished ...
Intrusion detection and analysis has received a lot of criticism and publicity over the last several years. The Gartner report took a shot saying Intrusion Detection Systems are dead, while others ...
With its multiplatform capabilities, you can target desktop, web, mobile devices, and consoles using a single development engine. Little wonder that Unity has quickly become the #1 game engine out ...
This book is for intermediate programmers interested in building AJAX web applications using jQuery and PHP. Along with teaching some advanced PHP techniques, it will teach you how to take your ...
The Target: The Programming Neophyte ...way from Ground Zero to being able to program useful Android applications using Java and XML and new media assets such as images, audio, and animation.
This book is for anyone who wants to learn computer programming and knows absolutely nothing about it. Of course, if you are wondering whether this book is going to teach you how to create amazing ...
Since the first edition of PostgreSQL ...been reworked to make them easier to understand, more complete and absolutely up to date. I hope that all of you can enjoy this book and benefit from it.
This library allows easier and faster development of clients for Database Applications. Depending on relations between your DataSets on... And it is absolutely free for commercial and non-commercial use.
Web penetration testing is a growing, fast-moving, and absolutely critical field in information security. This book executes modern web application attacks and utilises cutting-edge hacking techniques...
I would like to thank the following people for taking the time to explain things that were unclear to me and for proofreading the document. Andrey A. Chernov Bruce A. Mah Dag-Erling Smørgrav ...
Helps you sort through the tens of thousands of available apps for the iPhone and iPod touch so you can find what’s right for you Shares unique tips and tricks for making the most of the apps that ...
developers had absolutely no idea what AJAX was. One night, while searching for an alternative, I ran across this excellent framework that allowed you to write Flash-based applications using a ...
The book is aimed at beginning game developers looking for an easier and even more powerful way to create compelling 2D graphics using OpenGL and Objective-C. It is assumed that the reader will have ...
Nowadays, people are afraid of the leaking of their secrets result from deleted file recovery more and more because they depend on computers more and more. Today, Network and Internet bring more ...
In summary, this eBook aims to: Help you build rock solid C# and .NET concepts in a Q & A format Make you a better C# developer ...Help you prepare for a .NET interview, and eventually fo
Many entry level PHP developers want a quick path to glory, a shortcut to “knowing PHP.” Too many books and tutorials go straight into a pre-made, awful environment that just wants you to code, with...
service absolutely demands that they be written to be easily understood and modified by people other than their original programmers. My goal for this book is to teach si- multaneously both the ...
英文的 web.py is a web framework for python that is as simple as it is powerful. web.py is in the public domain; you can use it for whatever purpose with absolutely no restrictions.