tu navegador es tu mejor amigo paraeldesarrolloen … · chrome logger instala la libreria y...
TRANSCRIPT
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
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Ó[email protected]
| | @skatox @mozillahispano @mozillave