No Support > General discussion (no support!)

Tools recommended by the devs

<< < (3/4) > >>

Joachim Müller:
"Web Developer Extension" is a plugin for the Mozilla/Firefox browser that adds a toolbar to your browser window. Using this toolbar, you can view cookie information, view and manipulate stylesheets, form data, images. It is particularly helpful for web designers (or after all everybody who runs and maintains a website of his own).

Features:

* Disable: The disable features allow the disabling of various features including the cache, JavaScript and page colors.
* Cookies: The cookies features provide various cookie related tools including disabling, adding and viewing cookies.
* CSS: The CSS features provide various tools related to the CSS on the page including displaying the styles applied to the selected element and live editing of the CSS.
* Forms: The forms features provide the ability to manipulate the forms on the page including display the form details and populating form fields.
* Images: The images features provide various image related tools including finding broken images and outlining images.
* Information: The information features provide various informational tools including displaying element information and viewing the document size.
* Miscellaneous: The miscellaneous features provide various tools including displaying a ruler and live editing of the HTML.
* Outline: The outline features allow the outlining of various elements including block level and positioned elements.
* Resize: The resize features provide the ability to resize the window to pre-defined or custom sizes and to display the current window size.
* Tools: The tools features allow an unlimited number of configurable tools including validating the CSS and the HTML.
* View Source: source There view source features provide the ability to view the page source including viewing the generated source and viewing the source in an external application.
Benefits for the use with Coppermine:

* Fix cookie issues (especially when bridging)
* Find out what stylesheet class controls which section of the output
Languages:

* English
* Catalan
* Finnish
* French
* German
* Italian
* Portuguese (Brazilian)
* Russian
* Ukrainian

Homepage:
http://chrispederick.com/work/webdeveloper/

License:
GNU GPL

Joachim Müller:
The "Web Accessibility Toolbar" has been developed to aid manual examination of web pages for a variety of aspects of accessibility. It consists of a range of functions that:
* identify components of a web page
* facilitate the use of 3rd party online applications
* simulate user experiences
* provide links to references and additional resources.
Benefits for the use with Coppermine:

* Fix cookie issues (especially when bridging)
* Find out what stylesheet class controls which section of the output
Homepage:
http://www.nils.org.au/ais/web/resources/toolbar/index.html
http://www.visionaustralia.org.au/ais/toolbar/

License:
Creative Commons License

Nibbler:
I'd like to add bluefish, since it hasn't been mentioned yet.

http://bluefish.openoffice.nl/index.html

It's an unobtrusive editor for web developers with syntax highlighting, tabs, multiple charset support. Good for HTML, PHP, Javascript, XML.

FOSS available for Linux, FreeBSD, MacOS-X, OpenBSD, Solaris and Tru64

Joachim Müller:
Microsoft has released a toolbar as well that has similar capabilities as the above mentioned toolbars. It can be used with IE6 or better (IE7 is supported as well) and can be used with Windows 2000 or better.
Currently (at the moment this posting is created), the toolbar is still in beta stage.

Features: (taken from the Microsoft page):
--- Quote ---
* Explore and modify the document object model (DOM) of a Web page.
* Locate and select specific elements on a Web page through a variety of techniques.
* Selectively disable Internet Explorer settings.
* View HTML object class names, ID's, and details such as link paths, tab index values, and access keys.
* Outline tables, table cells, images, or selected tags.
* Validate HTML, CSS, WAI, and RSS Web feed links.
* Display image dimensions, file sizes, path information, and alternate (ALT) text.
* Immediately resize the browser window to a new resolution.
* Selectively clear the browser cache and saved cookies. Choose from all objects or those associated with a given domain.
* Choose direct links to W3C specification references, the Internet Explorer team weblog (blog), and other resources.
* Display a fully featured design ruler to help accurately align and measure objects on your pages.
--- End quote ---

Homepage:
http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en

Gizmo:
Firebug is a new extension for Firefox that I've found to be even more useful that the Web Developer extension.

--- Quote ---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.
--- End quote ---

While I haven't tried this yet, there's a Firebug Lite version that can be used with IE, Opera and Safari by adding a little javascript file into your html file which will open the console window in these browsers when you hit F12. Definitely worth a look.

Here's a screencast movie of Firebug in use.

Navigation

[0] Message Index

[#] Next page

[*] Previous page