Firefox Add-ons for Web Developers

From KompoZer

Jump to: navigation, search

Those extensions contains useful features for a Web Authoring application. Some of them could be port to KompoZer for 0.9+ versions. Others will be source of inspiration for existing features improvements or more complete extensions.

Contents

Colours

ColorSuckr
Extracts colors from images and builds color schemes.
ColorZilla
Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies...
FirePalette
Adds a color picker to Firebug's CSS panel.
Palette Grabber
Creates a color palette for Photoshop, Paint Shop Pro, GIMP, Flash, Fireworks, Paint.NET, or OS X based on the current page
khromaxul
Khromaxul is a complete tools set to build an advanced XUL color picker.
FireColour
FireColour is a very handy Colour Picker and Converter. Its already a part of FireCal. Its gives the colour values in 20 colour models. The conversions are now only for HEX, RGB and XYZ to 20 models. More conversions will be added soon. The colour...

Mesuring

GridFox
Draws a grid on top of a website
MeasureIt
Draw out a ruler to get the pixel width and height of any elements on any elements on a webpage.
Pixel Perfect
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.* Requires Firebug
Counterpixel
Display the counting/measurement pixel of a website.

Screenshots

Abduction!
Adds a right click option to take screenshots of an entire web page or just part of a web page to save as an image.
FireShot
Avec FireShot il est possible de soit capturer une partie de la fenêtre ou la totalité de la page (et je parle bien de tout le contenu, pas uniquement ce qui est visible à l'écran)
Image Zoom
Adds zoom functionality for images...
Picnik
Add a menu options and a toolbar icon to make importing images into Picnik easier.
Pixlr
Open images and screen grabs from the web direct in the pixlr image editor or pixlr photo express.
Screengrab
Screengrab! saves webpages as images... It will capture what you can see in the window, the entire page, just a selection, a particular frame... basically it saves webpages as images - either to a file, or to the clipboard.
Talon
Take screen shots and edit images directly from your browser with Aviary.com applications.
Shooter
Shooter is a Mozilla Firefox browser extension, which allows you to take a screenshot of a given browser page, or a specific region of it.

HTML, CSS & Scripts

Firebug
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...
Greasemonkey
Allows you to customize the way a webpage displays using small bits of JavaScript...
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...
Platypus
Platypus is a Firefox extension which lets you modify a Web page from your browser -- 'What You See Is What You Get' -- and then save those changes as a Greasemonkey script so that they'll be repeated the next time you visit the page. Editing pages to suit your needs is dandy -- but making those changes 'permanent' is the real payoff.
Dummy Lipsum
Generate 'Lorem Ipsum' dummy text (from http://www.lipsum.com).
PageDiff
Pagediff is a simple page compare application. It helps web developers and designers to see HTML-code(text) differences between web pages...
Aardvark
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.
Codetch
Obtenez la sensation de Dreamweaver dans une extension Firefox. Modifiez vos documents juste à côté de vos pages Web que vous surfez.
YSlow
Cascading Style Sheets Viewer
CSS Viewer for Firefox 3.5
HeadingsMap
The extension generates an index (or map) of any web document structured with headings. There are some differences from other,
UnicodetoHTML
Converts selected unicode text to HTML character codes with right-click.
Unicode Input Tool/Converter
Unicode lookup and chart view to find international characters or symbols; converts entities or character references (hex and dec) into Unicode and back
XSL Results
Display the results of an XSL 1.0 or 2.0 transformation (including on a currently loaded page), on a one-shot or per-site basis
MetaTags
This sidebar displays page meta-information (metatags, links, etc.) Has automated search engine submission menu. Features include: Watches currently loaded Web page and automatically updates the sidebar. Displays metatags, links, language, base...
Microsummary Manager
Easily install, delete and manage your μSummary generators!
InspectThis
Inspect the current element with the DOM Inspector.

Accessibility

Firefox Accessibility Extension
Support web developers and people with disabilities in accessing and testing web resources for accessibility features.
WCAG Contrast checker
Mediante esta extensión se puede comprobar si la combinación de dos colores es adecuada para su percepción visual en base a los requerimientos de las WCAG 1 y WCAG 2.
TAW3 with a click
Web Accessibility Test. You can have an idea, with a single click, of how accesible web sites are.
about:accessibilityenabled
An about page, about:accessibilityenabled, to show whether accessibility API support is...
ocawatoolbar
Audit accessibility of your web site. Use the validator of...
Accessibar
Accessibility toolbar enabling easy manipulation of web page display and text-to-speech output...

Validating & Testing

Window Resizer
Resize your browser to various standard resolution sizes...
Open With
Need to test your web pages out in Internet Explorer, Chrome, Safari, Opera (or anything else for that matter)?
IE (Internet Explorer) Tab
IE Tab - an extension from Taiwan, features: Embedding Internet Explorer in tabs of Mozilla/Firefox...
CodeBurner for Firebug
CodeBurner is a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS.
Pinger
Looks for broken links on page, links that are not working anymore - returning 404 code. You can select to check whole page, or just links in selection. You can check anchors, options, area tags. Is incredible fast and lightweight !
LinkSidebar
Test links in a web page to find broken links and determine response times. Selectively test links by filtering out links that should not be tested easily and quickly.
Link Evaluator
Link Evaluator works as an enhanced Link Checker. When started, it attempts to download the Web page behind each link and searches for 2 customizable sets of phrases - one for "red-flag" phrases and one for "green-flag" phrases.
Link Fixer Thing
Link Fixer Thing (LFT) creates a more enjoyable browsing experience by rectifying common hyperlink annoyances.
Small Screen Renderer
Turn your Firefox into a cellphone browser. It adds a new menu entry "Small Screen Rendering" under the View menu. Just select it to have the page you are currently browsing redisplayed in a cellphone...

Others

Font Finder
Get all CSS styles of selected text in Firefox / Thunderbird...
View Dependencies
View Dependencies adds a tab to the Page Info window, in which it lists all the files which were loaded to show the current page.
Web Developer
The Web Developer extension adds a menu and a toolbar with various web developer tools.
FireFTP
FireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP servers.
SeoQuake "Search Engine Optimization extension
Seoquake is a Mozilla Firefox SEO extension aimed primarily at helping web masters who deal with search engine optimization(SEO) and internet promotion of web sites. Seoquake allows to obtain and investigate many important SEO parameters of the internet...
YSlow analyzes web pages and why they're slow based on Yahoo!'s rules for high performance web sites.
FireXPath
FireXPath is a Firebug extension that adds a development tool to edit, inspect and generate XPath expressions.
Link Alert
Displays an icon in the tooltip indicating the target of a link.
XPather
Feature rich XPath generator, editor, inspector and simple extraction tool...
Dust-Me Selectors
Finds unused CSS selectors.
Document Map
Displays the current page's heading structure in the sidebar, allowing rapid navigation between...
XPath Checker
An interactive editor for XPath expressions.
XML Developer Toolbar
The XML Developer's Toolbar!!...
RDF Viewer
RDF (Resource Description Framework) is a model for storing graphs of information. This is a tool for exploring the structure of a RDF...
Atomic
An Atom Publishing Protocol client for creating and manipulating Atom feeds (e.g. blogs).
CSSViewer
A simple CSS property...
Edit Page
Press the button to start editing!
Rotate Image
Rotation des images dans les pages Web


Sources: http://www.mozdev.org, https://addons.mozilla.org, 20 extensions de firefox essentielles pour les web designers, 19 extensions de firefox pour les designers

Personal tools