Aquesta pàgina forma part de la documentació de Moodle en català, tot i que no ha estat traduïda encara. Podeu contribuir obertament a les tasques de traducció. Podeu consultar la Guia d'edició de la documentació i també participar ens els debats del fòrum de traductors de la documentació a moodle.org

Web developer extension: diferència entre les revisions

De MoodleDocs
Salta a:navegació, cerca
Línia 28: Línia 28:
* [[Development:Firebug]] for information about Firebug, another powerful Firefox extension for web developers
* [[Development:Firebug]] for information about Firebug, another powerful Firefox extension for web developers
* [http://www.microsoft.com/downloadS/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en Internet Explorer Developer Toolbar] for a similar tool for Microsoft Internet Explorer
* [http://www.microsoft.com/downloadS/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en Internet Explorer Developer Toolbar] for a similar tool for Microsoft Internet Explorer
* [http://www.sitepoint.com/blogs/2010/03/23/chrome-web-developer-toolbar/ "The Web Developer Toolbar Comes to Chrome"]





Revisió del 08:34, 24 març 2010

The Web developer extension for Firefox is an essential tool for web developers. It has too many functions to list them all but some of the most useful for use with Moodle development are explained below. Visit the web developer extension's homepage to download and install and for more documentation. Or get it from the Firefox Add-on page.

For CSS development

These functions are useful for anyone creating and debugging CSS:

  • Disable Cache - this prevents Firefox from storing old versions of CSS files as you make changes
  • Edit CSS - this allows you to make changes to the CSS and see the changes instantly. Great for exploring and testing.
  • Display Element Information - show information about page elements, such as ancestors as you hover over them with the mouse.
  • Display Id & Class details - displays all class and id names where-ever they are used.


For HTML development

These functions are useful when creating HTML code:

  • Outline Tables/Headings/Deprecated elements - the outline function puts colored boxes around the elements you specify to make them easier to locate and work with.
  • Validate local HTML - sends the HTML you are looking at to the Validator. Most Moodle pages are protected by passwords so validators cannot visit them, which is the usual practice.

For accessibility

See the Accessibility page for more tools.

  • Replace images with alt attributes - lets you read what those with images unavailable or turned off will receive.
  • Linearize page - shows the order in which audio or small screen browsers will present information

See also