Desarrollo web con Mozilla Firefox

Desarrolloweb conMozillaFirefoxJuan Eladio Sánchez RosasMozilla Perú

¿Desarrollo web con Firefox?• Bueno, no exactamente “programar” con Firefox.• Herramientas de análisis, diseño, construcción, mantenimiento de sitios web.

Tiempo Cero• Elegir 5 sitios web que les gustaría analizar • Y dejarlos abiertos en pestañas • NO Hi5, Hotmail, páginas de 1 solo Flash• Accesos directos • Ctrl+N / Ctrl+T / Alt+1,2,3 … / Ctrl+Tab• Registrar las direcciones en • http://ir.pe/dwfirefox

Herramientas de Firefox• Herramientas • Información de la página

Herramientas de Firefox• Herramientas – Desarrollador web • Consola web

Herramientas de Firefox• Herramientas – Desarrollador web • Inspeccionar

Herramientas de Firefox• Herramientas – Desarrollador web • Borrador

Herramientas de Firefox• Herramientas – Desarrollador web • Código fuente

Herramientas de Firefox• Herramientas – Desarrollador web • Consola de errores

Wappalyzer• Detecta qué herramientas emplea una web • Content Management Systems (Wordpress, Joomla, Drupal) • Sistemas de comercio electrónico (Magento) • Foros de discusión (phpBB, SMF, vBulletin) • Frameworks en JavaScript (JQuery, ExtJS, YUI) • Paneles de sistemas de hostings (Cpanel) • Herramientas de estadísticas (Google Analytics)

ScreenGrab• Guardar una página web (o parte de ella) como imagen

Web Developer• Menú y barra de herramientas • Desactivar componentes • Resaltar componentes • Cookies • Tamaño de ventana • CSS (estilos) • Herramientas adicionales • Formularios • Imágenes • Código fuente • Información

Firebug• Inspeccionar código• Modificar estilo y estructura• Depurar código JavaScript• Analizar uso de red y desempeño• Extender con más complementos

CodeBurner for Firebug• Ofrece material de referencia para HTML y CSS• Opciones concentradas en panel Reference• Provee información complementaria en otros paneles

YSlow• Analiza sitios web• Y sugiere formas de mejorarlos• Reglas basadas en • Best Practices for Speeding Up Your Web Site http://developer.yahoo.com/performance/rules.html• Integrado a Firebug

Más extensiones • ColorZilla • FireFTP • Open With • ShowIP • PassiveRecon • User Agent Switcher

Desarrollo web conMozilla Firefox Mozilla Perú mozilla.pe www.facebook.com/mozillaperu groups.google.com/group/mozilla-peru Juan Eladio Sánchez Rosas jesanchez(a)mozilla.pe blogs.antartec.com/opensource slideshare.net/juaneladio

Desarrollo web con Mozilla Firefox

by Juan Eladio Sánchez Rosas on May 30, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

1 Embed 25

Statistics

Desarrollo web con Mozilla Firefox — Presentation Transcript