{"id":71,"date":"2008-06-17T17:24:44","date_gmt":"2008-06-17T15:24:44","guid":{"rendered":"https:\/\/www.websdirect.es\/?p=71"},"modified":"2008-06-17T17:24:44","modified_gmt":"2008-06-17T15:24:44","slug":"plugins-firefox-desarrolladores-disenadores","status":"publish","type":"post","link":"https:\/\/www.websdirect.es\/actualidad\/plugins-firefox-desarrolladores-disenadores\/","title":{"rendered":"Los mejores complementos de Firefox para desarrolladores"},"content":{"rendered":"

El navegador Firefox tiene una serie de complementos o add-ons, como son conocidos popularmente, que hace mucho m\u00e1s sencillo trabajar con \u00e9l. Para los dise\u00f1adores y desarrolladores web tener un buen n\u00famero de estos complementos puede hacer que ahorren mucho tiempo en su trabajo. Os ofrecemos una lista de m\u00e1s de 30 complementos para Firefox que todo dise\u00f1ador web<\/a> y desarrollador deber\u00eda tener.<\/p>\n

<\/p>\n

CSS<\/strong><\/h2>\n

Aardvark<\/a> – Una extensi\u00f3n para dise\u00f1adores y desarrolladores web que les permite ver los atributos CSS \u00a0adem\u00e1s de su id y clase seleccionado cada elemento individualmente.<\/p>\n

chromEdit – Cambia la apariencia de cualquier p\u00e1gina editando los archivos CSS y Javascript con este complemento.<\/p>\n

CSSMate<\/a> – Complemento de Firefox para editar archivos CSS.<\/p>\n


\n<\/a>CSS validator – Comprueba la compatibilidad de tu sitio web usando este complemento para la validaci\u00f3n CSS.<\/p>\n

CSSViewer<\/a> – Mira las propiedades CSS de los elementos de tu p\u00e1gina con este add-on.<\/p>\n

EditCSS – Divi\u00e9rtete con las CSS ya cargadas, el complemento Web Developer<\/a> tambi\u00e9n proporciona esta funcionalidad.<\/p>\n

Style Sheet Chooser II<\/a> – Los usuarios pueden escoger entre diferentes estilos de p\u00e1gina para su sitio web.<\/p>\n

Depuraci\u00f3n y an\u00e1lisis<\/strong><\/h2>\n

HTML Validator<\/a> – Add-on para validar sitios web con los est\u00e1ndares HTML de W3C.<\/p>\n

JavaScript Debugger<\/a> – Herramienta para c\u00f3digo JavaScript con un entorno de depuraci\u00f3n muy potente.<\/p>\n

Otros<\/strong><\/h2>\n

Clipmarks<\/a> – Guarda f\u00e1cilmente partes de un sitio web con esta herramienta.<\/p>\n

Greasemonkey – Controla todos los aspectos del comportamiento de un sitio web a\u00f1adiendo un c\u00f3digo Javascript\u00a0 a cualquier sitio web.<\/p>\n

Measureit – Los usuarios pueden calcular las medidas espec\u00edficas de tablas y p\u00e1rrafos en Internet.<\/p>\n

Platypus – Una de los mejores add-ons para Firefox para modificar un sitio web. Los usuarios pueden modificar una p\u00e1gina web, guardar los cambios como un script Greasemonkey y la p\u00e1gina salvada se cargar\u00e1 la pr\u00f3xima vez que visitemos el sitio web.<\/p>\n

Poster – Add-on imprescindible para desarrolladores que permite interactuar con servicios web y otros recursos.<\/p>\n

Professor X – Comprueba el contenido de la cabecera de la p\u00e1gina web sin necesidad de introducirse en el c\u00f3digo fuente.<\/p>\n

View Source Chart<\/a> – Muestra el c\u00f3digo fuente de cualquier sitio web tal como lo ve Firefox.<\/p>\n

Web Developer<\/a> – A\u00f1ade un men\u00fa con varias herramientas para el desarrollo web.<\/p>\n

X-Ray<\/a> – Add-on imprescindible que permite al usuario ver el c\u00f3digo de una p\u00e1gina web con el bot\u00f3n derecho del rat\u00f3n y cambiar entre la p\u00e1gina y el c\u00f3digo f\u00e1cilmente.<\/p>\n

Espero que estas herramientas te sirvan de ayuda a la hora de dise\u00f1ar o desarrollar tu web, pero recuerda que si lo que buscas en un servicio de calidad y profesional debes ponerte en contacto<\/a> con uno de nuestros ejecutivos comerciales.<\/p>\n

Fuente original: Mashable<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

El navegador Firefox tiene una serie de complementos o add-ons, como son conocidos popularmente, que hace mucho m\u00e1s sencillo trabajar con \u00e9l. Para los dise\u00f1adores y desarrolladores web\u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4],"tags":[],"class_list":["post-71","post","type-post","status-publish","format-standard","hentry","category-diseno-web","category-diseno-desarrollo-web"],"_links":{"self":[{"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/posts\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":0,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/posts\/71\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/media?parent=71"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/categories?post=71"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.websdirect.es\/actualidad\/wp-json\/wp\/v2\/tags?post=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}