TU NAVEGADOR ES TU MEJOR AMIGOTU NAVEGADOR ES TU MEJOR AMIGOPARA�EL�DESARROLLO�ENPARA�EL�DESARROLLO�ENWORDPRESSWORDPRESSMIGUEL USECHE @ WORDCAMP ESPAÑA | MAYO | 2020MIGUEL USECHE @ WORDCAMP ESPAÑA | MAYO | 2020

¿CÓMO DESCUBRÍ QUE EL NAVEGADOR ES¿CÓMO DESCUBRÍ QUE EL NAVEGADOR ESMI MEJOR AMIGO?MI MEJOR AMIGO?

(UNA HISTORIA DE LA VIDA REAL)(UNA HISTORIA DE LA VIDA REAL)

UN VIERNES POR LA NOCHE...UN VIERNES POR LA NOCHE...

...TENÍA QUE SER EL SALVADOR......TENÍA QUE SER EL SALVADOR...

...FINALMENTE....FINALMENTE.

UN MEJOR AMIGOUN MEJOR AMIGO

Siempre disponibleEstá en los malos momentosConfiableHace más feliz tu vida

NAVEGADORES WEBNAVEGADORES WEB

Instalados en cualquier computadora.Confiables.Poseen las herramientas para hacer sitios web.Usarlas profesionalmente te harán mas feliz.

PROBLEMAS MAS COMUNES ALPROBLEMAS MAS COMUNES ALDESARROLLAR CON WORDPRESSDESARROLLAR CON WORDPRESS

Hacer modificaciones Guardar Cambiar al navegador Actualizar Ver cambios Repetir si falla

FORMA NOVATA DE FORMA NOVATA DE TRABAJAR EN WORDPRESSTRABAJAR EN WORDPRESS

No soporta lasúltimasespecificaciones.Interacción casinula con elnavegador.No van mas allá demanejar el código.

EDITORES OBSOLETOSEDITORES OBSOLETOS

MuchosdispositivosDistintos tamañosde pantallasMúltiplesnavegadores

MUCHAS RESOLUCIONESMUCHAS RESOLUCIONES

Mi dispositivo se sientepesado al entrar al sitio.El plugin / funcionalidad nosirve con mi usuario.El sitio es lento y tarda encargar.

QUEJAS DE USUARIOSQUEJAS DE USUARIOS

¡TU NAVEGADOR TE PUEDE AYUDAR EN¡TU NAVEGADOR TE PUEDE AYUDAR ENESTOS ESCENARIOS!ESTOS ESCENARIOS!

FIREFOX QUANTUM: DEVELOPER EDITIONFIREFOX QUANTUM: DEVELOPER EDITION

HERRAMIENTAS PARA HERRAMIENTAS PARA DESARROLLO DE TEMASDESARROLLO DE TEMAS

EDITOR DE ESTILOS CSSEDITOR DE ESTILOS CSS

MAYOR EXACTITUD EN TUS DISEÑOS WEBMAYOR EXACTITUD EN TUS DISEÑOS WEB

@MEDIA QUERIES@MEDIA QUERIES

CSS SHAPESCSS SHAPES(DEMO DE (DEMO DE ))JEN SIMMONSJEN SIMMONS

EDITOR DE FILTROSEDITOR DE FILTROS

MALLAS CSS / CSS GRIDSMALLAS CSS / CSS GRIDS

PANEL DE ACCESIBILIDADPANEL DE ACCESIBILIDAD

EDITOR DE CSS FLEXBOXEDITOR DE CSS FLEXBOX

TIPOGRAFÍAS VARIABLESTIPOGRAFÍAS VARIABLES

HERRAMIENTAS PARA HERRAMIENTAS PARA DESARROLLO DE PLUGINSDESARROLLO DE PLUGINS

CONSOLA WEB / EDITOR DE JSCONSOLA WEB / EDITOR DE JS

DEPURADOR DE JAVASCRIPTDEPURADOR DE JAVASCRIPT

CHROME LOGGER: ERRORES DE PHP EN LACHROME LOGGER: ERRORES DE PHP EN LACONSOLA WEBCONSOLA WEB

CHROME LOGGERCHROME LOGGERInstala la libreria y complemento del navegador.¡Ejecuta la funcion ChromePhp en un action y listo!

include_once 'chrome-logger.php'; add_action('template_redirect', function () { global $post; ChromePhp::log('¡Se cargó el post!'); ChromePhp::log($post); ChromePhp::log($_SERVER); });

HERRAMIENTAS PARA HERRAMIENTAS PARA OPTIMIZACIÓN DE SITIOSOPTIMIZACIÓN DE SITIOS

REPINTADO DE LA WEBREPINTADO DE LA WEB

PANEL DE RENDIMIENTOPANEL DE RENDIMIENTO

PANEL DE MEMORIAPANEL DE MEMORIA

PANEL DE MEJORES PRÁCTICASPANEL DE MEJORES PRÁCTICAS

¿FALTA ALGUNA HERRAMIENTA?¿FALTA ALGUNA HERRAMIENTA?Instala un complemento desde Firefox Addons.Descarga el código fuente y crea tu propia herramienta.Crear un complemento compatible con cualquier navegador.

ENLACES RECOMENDADOSENLACES RECOMENDADOSMozilla Hispano LabsFirefox DevToolsChrome DevToolsMicrosoft Edge Tools

GRACIAS POR SU ATENCIÓNGRACIAS POR SU ATENCIÓNmigueluseche@mozilla-hispano.org

| | @skatox @mozillahispano @mozillave