 Bueno, pues continuamos con la que será la última charla en este track B. Estamos con Miguel Luceche. Miguel es desarrollador web, profesor, universitario en la UNED, voluntario en Mozilla y promotor de software abierto. Colabora en la comunidad creando plugins gratuitos y ha creado la primera Meetup en Venezuela. WordPress ha sido el motor de su blog durante casi 15 años y lo comenzó como un hobby para mantener su sitio web en línea. Y Luceche formó en su mayor fuente de ingresos monetarios. Eso es genial. Nos va a contar cómo puedes usar el navegador para mejorar tu desarrollo web y ahorrar tu tiempo al ver los resultados en tiempo real. Pues nada, Miguel, cuando quieras, adelante. Gracias Nora. Ok, bueno, como les iba a comentar, voy a hablar sobre tu navegador, es tu mejor amigo para el desarrollo en WordPress. La idea de esta charla es que ustedes aprendan a cómo utilizar el navegador durante el desarrollo de temas, sitios y todo el proceso de hacer páginas en WordPress. Entonces comencemos. ¿Cómo descubrir yo que el navegador es mi mejor amigo? Es una historia basada en la vida real. Un viernes por la noche en Venezuela, el igual que en España, en muchos lugares del mundo, pues estaba probablemente en un bar y le estaba bailando y eso. Y recibí entonces una llamada del dueño de la estatua donde trabajaba. A recibir la llamada, vine a decir que era emergencia laboral. Y resulta que el viernes, un viernes la noche, se le ocurrió aún viendo el trabajo, realizar un comis de CSS que dañó la aplicación y los está mostrando a uno de los inversores y que ni siquiera podían hacer locking. Entonces me sentí como Tom Cruise, no porque estuviese bailando todo bien y guapo, sino porque me asignaron una misión imposible. Estaba lejos de la oficina y lejos de mi casa para poder hacer algún cambio o solucionar el problema. Entonces resulta que en Venezuela, en muchos lugares, hay computadoras de escritorio puestos allí porque como hay una inflación muy alta y no hay dinero, es más fácil entrar en la cuenta bancaria y hacer una transferencia al local de lo que has consumido. Entonces al ver esa computadora, decidí usarla lentamente y entonces trate de solucionar con el navegador el problema de CSS que ocurría. Tenía la ventaja de que el código estaba pedado en GitLab, entonces podía editarlo ahí mismo, editar los cambios de la regla CSS, hacer el comis y guardarlo. Y finalmente una vez que hice eso, entonces pude solucionar el problema, me sentí como el salvador y regresar otra vez a lo que ya estaba. Bueno, que resulta que ahí fue cuando descubrí que el navegador era mi mejor amigo. Si nos ponemos a pensar que es el mejor amigo, es una persona que siempre está disponible, puede llamar a 9 de la noche, en la madrugada y siempre te va a atender a esa hora. También pues esa persona suele estar en los malos momentos, a veces cuando tienes una ruptura amorosa, un problema familiar, etcétera, esa persona te da apoyo. Son personas confiables, les contamos nuestros mayores secretos y esa persona no los va a usar en contra, sino más bien para ayudarnos. Y hacer nuestra vida mejor. Entonces si vemos a los navegadores, son como nuestros mejores amigos, siempre están disponibles. Resulta que si observamos, todas las computadoras tienen actualmente navegadores y todos los navegadores tienen herramientas para hacer sitios web. Son confiables, ahí pasamos nuestras tarjetas de crédito, información personal entre otras cosas y sabemos que el navegador nos va a proteger de eso. Y esa herramienta, si las usamos profesionalmente, vamos a tener una vida mucho mejor, nos vamos a hacer más feliz profesionalmente. Entonces les quiero comentar sobre problemas más comunes al desarrollar con WordPress. Una es la forma anubata cuando entramos con WordPress. Cuando iniciamos, generalmente escribimos el código, guardamos los cambios, cambiamos el navegador, refrescamos, vemos si funciona y si falla, volvemos al mismo paso. Entonces es un proceso muy repetitivo y muy tedioso. Lo otro es que los editores suelen ser obsoletos, generalmente si quieres trabajar con las últimas tecnologías, no vas a tener errores, de pronto el editor no reconoce esos comandos o esas características. Y generalmente es complicado trabajar con el navegador. Por un lado está el editor y por otro lado el navegador. Otro, lo más común, tenemos muchos dispositivos, muchas resoluciones y resulta que es imposible o no imposible, no. Si nos podríamos comprar todos los dispositivos que necesitamos, nos saldríamos del presupuesto. Entonces es mucho más fácil simular todos esos dispositivos que no solamente tienen varias resoluciones sino también tienen varios navegadores. Entonces se complica toda la prueba, las pruebas de las páginas. Las que es a los usuarios. Otro problema que solemos tener es que una vez que finalizamos el proyecto, de pronto sale a un usuario no, mi página se siente pesada, este plugin no me sirve conmigo, el sitio es totalmente lento, el sitio tarde a encargar y pues ocurrimos chato. Todos vemos que hemos tenido todo ese tipo de problemas, ¿verdad? Al menos la mitad de estos. Hemos tenido, lo hemos vivido como tal. Entonces déjame decir que podemos usar el navegador para ayudarte en esos escenarios. En este momento pues voy a hacer los demos con Firefox Quantum Developer Edition, pero la idea es que tú uses tu navegador favorito. Aquí no se va a implementar el uso de un navegador en específico, sino que uses el que más te conmigo, que tenga más práctica y aplique estos conocimientos. Te recomiendo es usar los navegadores para desarrolladores o las versiones de prueba. ¿Por qué? Porque son navegadores porque tienen varias cosas. Una entre ellas es que te ofrecen funcionalidades que no están disponibles en las versiones estables. Están diseñadas más que todo para los programadores o diseñadores o personas que trabajan en la creación de páginas web. Y también porque estos navegadores están viviendo el futuro como 15 semanas hacia el futuro. ¿Qué significa esto? Que tienes 15 días para solucionar los problemas que aparecen en estas versiones. Por ejemplo, cuando los navegadores decidieron mostrar todas las páginas sin certificados SL como inseguras, yo cuando descubrí eso, dije, wow, tengo 15 semanas para arreglar ese mensaje en todas las páginas. Entonces, como vía el futuro, me dio chance o oportunidad de poder hacer los cambios y no tener problemas más adelante. Ahora comencemos a ver cuáles son las herramientas para cuando desarrollamos temas de Warpers. Uno que les quiero mostrar el primero es el editor de estilos de CSS. Es un editor como cualquier otro que nos permite escribir reglas de CSS y ver los cambios en tiempo real en el navegador. Como podemos ver aquí, la herramienta nos permite ver todos los archivos CSS que están dentro de nuestra instalación de Warpers. Y como observan allí, a lo que voy escribiendo las reglas, el navegador me va actualizando en tiempo real los cambios como observan ahí arriba y me va rellenando las reglas existentes, los atributos. Entonces, es mucho más fácil escribir el código porque sé que las cosas van a funcionar y no tengo que estar perdiendo tiempo en buscar dónde se encuentran esas reglas. Fíjense, por ejemplo, ahora voy a asignar una regla para cambiar el color del botón. Y, entonces, en este caso, falló. Entonces, bueno, voy a reglarle una subclase a ese botón y simplemente me listas las posibilidades. Y fíjense cómo voy creando un tema de administrativo de Warpers en poco tiempo y viendo los cambios de tiempo real. Yo ocurre, al final, simplemente puedo guardar todos esos cambios en un archivo y en nuestro tema y a recargarlo ya debería estar funcionando. Y nos ahorramos tiempo y costos y, pues, obviamente, vamos a ganar más dinero como tal. Otra es la mayoría de la actitud en sus diseños web. No sé si les ha pasado que a veces diseñan y hemos visto personas que usan los dedos. Entonces, por ejemplo, bueno, hay cuatro dedos distancia, aquí hay otros dos dedos. Entonces, bueno, tengo que acumularlos, que sea tres y tres. Pero esto también es navegadores. Se observan, al fondo, a ver, en la parte inferior derecha. Tienen unas reglas. Entonces, con esas reglas puedo medir las áreas o, inclusive, seleccionar parte de ellas y ver cuánto vienen píxeles. Esto es muy útil cuando estamos haciendo diseños que sean píxeles perfectos. Entonces, podemos medir áreas y medir bien sea manualmente o secciones en navegador y tener mayor exactitud en los diseños. Los media query. Muchas veces, cuando utilizamos los media query, lo que hacemos es encoger el navegador poco a poco y resulta que es una forma incorrecta. Porque cuando lo encogemos, en realidad no estamos simulando ni resoluciones ni dispositivos. Entonces, la idea es que tú utilices la vista de diseño responsivo que sí simula resoluciones y dispositivos e, inclusive, cambia los clicks a eventos touch, tal como se puede ser un dispositivo. Y la ventaja es que se observan en la parte inferior derecha, que está listado todos los media queries. Con un simple click, tú puedes ver el cambio en tiempo real y te evitas eso de estar bastrando un píxel que de pronto falló, se me pasó el píxel. Entonces, en pocos clicks ve rápido los cambios que se hacen en los media query. Otro demo que quiero mostrar es un demo de CSS shapes de Jen Simmons, una excelente persona que hace tutoriales de CSS. Ahí vemos un editor de Word, pero estamos en un post y tenemos una imagen que es totalmente cuadrada. Con la imagen, el texto se apega pues a la imagen que es totalmente cuadrada. Con una regla que se llama, ese clip, ese path, clip path, podemos definir un polígono y ese polígono me permite entonces colocar una máscara encima de la imagen. Y luego con el click outside podemos definir, entonces, que el texto recubra ese polígono. Entonces, ok, se ve genial y podemos ver el en tiempo real. Lo chevere es que cuando le haces click al botón del polígono puedes, entonces, editar de forma gráfica el polígono en tiempo real y de esa manera ajustar los cambios a como tú lo quieras ver. Una vez que finalices, fíjase cómo la regla CSS se va actualizando en tiempo real. Entonces, cuando una vez finaliza simplemente copias la regla, la pegas en el editor y listo. Ya tienes guardada la opción para modificarlo. Los otros son las CSS Gris, Maya CSS. Eso depende ya, ya tiene una tecnología, pero no se ha popularizado tanto en mi opinión. La idea es que tú puedes crear páginas con tablas, pero no tablas como en los años 90, sino tablas especialmente diseñadas para páginas web responsivas, o adaptables. Entonces aquí podemos ver, por ejemplo, cómo unos sitios son hechos con Maya CSS. Entonces, las herramientas del navegador lo que te permite es, por ejemplo, en este caso con Firefox puedes, por ejemplo, ver abajo, en la parte inferior se observan, ven cómo es la tabla, como la diseña del navegador. Y el lado izquierdo es como la renderiza. Entonces puedes ver, por ejemplo, que áreas cubres cuáles celdas puedes colocar, por ejemplo, el nombre de esas áreas, la separación y puedes ver de manera gráfica cómo el navegador entiende la Maya que tú has definido. Entonces es muy útil para hacer cambios. Inclusive, por ejemplo, vamos a ver cómo haciendo, podemos explicar efectos CSS, por ejemplo, roten con una cantidad de ángulos en la tabla y veremos cómo refleja el cambio en tiempo real. Entonces puedes trabajar con las Maya CSS de una manera mucho más fácil y viendo los cambios allí, ahorrando este tiempo. Simplemente, guardas la regla y la guardas CSS y recargas de nuevo. Otro que es el panel de accesibilidad. Muchas charlas aquí han hablado de accesibilidad y, por ejemplo, aquí vemos la herramienta, la hacemos click y guardamos. Entonces nos va a mostrar, por ejemplo, cómo los dispositivos para personas con discapacidades visuales interpretan esa página. Entonces es muy útil si no tenemos un dispositivo de eso, ver cómo nuestra página funcionaría en eso. Inclusive, puedo hacer, por ejemplo, pruebas de contraste para personas que tienen problemas visuales. Entonces fíjense que allí Pueblo se está quejando del texto de Búsqueda de Warped, Search on Warped. Porque es un gris claro sobre un fondo de gris oscuro. Entonces personas que tengan problemas de diferencias grises van a tener problemas viendo. También, por ejemplo, se queja de que el 35% de ese párrafo no tiene contraste muy bueno. Entonces es muy útil porque puedo usar esta herramienta para inclusive mejorar tu sitio y que tu sitio de Warped llegue a más personas en el mundo. Y sea más inclusivo, como tal. Otro es el editor de Flatbots parecido de las mayas CSS en el cual tú puedes simplemente ver en tiempo real como el navegador interpreta las columnas y filas de una página web. Es totalmente visual, no tienes que estar basando los cambios allí con el navegador y el cursor y simplemente copias los cambios de la regla CSS. Otro demo que quiero mostrar rápidamente es de tipografías variables. Ya ustedes conocen por varias charlas que ha dado Ana Silujano. Entonces por ejemplo, la idea es que tú tengas en vez de tener tres familias de fuentes y las descargues de internet ocupando espacio y poniendo la página un poco más lenta, descargues una y simplemente cambiando los parámetros que ves allí puedes crear distintas tipografías y usarlas en tu página. Entonces como ven allí, puedes jugar en forma gráfica simplemente moviendo los scrolls o colocando las variables puedes crear las distintas tipografías. Y una vez de eso, pues, defines esa regla CSS dentro archivo y puedes crear distintas tipografías con la ventaja de que solamente estás cargando una sola. Entonces te ahorras ancho de banda e inclusive tiempo procesado. Y eso funciona no tanto solo para las tipografías que usamos por ejemplo en español o en inglés si nos sirve por ejemplo para japonés árabe, coreano entre otras cosas. Ahora, vámonos hacia la parte del backend un poco, la gente que desarrolla plugins. Entonces tenemos la consola web y todo el DJS. En este caso voy a crear un código de jQuery que cuando le haga clic de un párrafo me va a cambiar al color rojo. Entonces yo puedo en la consola web puedo pegar ese código como tal y puedo ejecutarlo allí mismo. Con la ventaja que se observan allí pegue el código y cuando le ejecutar fíjense que la página no se recarga se ejecuta allí mismo. Entonces cuando le doy clic a los párrafos van a ver que se cambian a rojo. Entonces puedo probar código de javascript e inclusive puedo crear todo el código ahí de jQuery y una vez que esté seguro los voy a guardar en archivo. Por ejemplo, ahí voy a cambiar para que entonces el color sea blanco y ahora me hago una alerta y le haga clic. Y de nuevo simplemente lo ejecuto, no hay que recargar la página y entonces ahora que le doy clic toma los cambios. Entonces me ahorro mucho tiempo en estar escribiendo código javascript y recargando y sucibamente. Puedo hacerlo todo en tiempo real y cuando lo guarden estoy 100% seguro que funciona. Lo otro es depurador de javascript. Por ejemplo es un caso donde en WooCommerce queremos hacer una intercepción de cuando seleccione el país. Entonces por ejemplo me meto al debugger, entro en una carpeta WP content, de WooCommerce luego yo estoy en una carpeta que se llama assets javascript y dentro de ella front end se llama country select. Entonces con country select ahí está todo el código para manejar el cambio de país. Como está minificado porque lo trae por defecto por raro espacio con un clic podemos transformarlo en donde está el ojo, podemos ver cómo transforma el código a formato de humano. Y de esa manera podemos ahí agregar llamadas al sistema, pero en un punto de ruptura o breakpoint que hayan llamado y entonces estudiar cómo funciona el código de cuando seleccione un país. Y entonces fíjense ahí cuando cambia el país se detiene y puede empezar a correr lo paso o paso o ver qué eventos se lanzan para poder inyectar allí mi código de javascript. Y supongamos que yo por ejemplo no quisiera que se detuviera todo el tiempo sino que por ejemplo solamente cuando seleccione España, porque no me interesa de más casos. Entonces puedo agregar puntos de rupturas dinámicos que dependiendo del valor que tomen las variables, ahí se detiene y pues me ahorro mucho más tiempo en las pruebas. Otro herramienta que voy a mostrar es ChromeBlogger de esta manera puedes ver los errores de PHP en la consola web. Esto es muy útil cuando estás de pronto en un sitio en un hosting donde no tienes acceso al backend o similar y entonces simplemente puede hacerlo como esto. Incluyes la librería de ChromeBlogger agregas el código por este caso, voy a agregarlo a una acción, una acción que se llama template raider que es la acción que se ejecuta de mostrar información en pantalla en Word, de una plantilla. Y fue así que estoy simplemente llamando al objeto POST Global y postrando estas características. Entonces, allí van a ver que a los que yo recargo la página él simplemente va a mostrar en la consola web los datos del objeto de POST, de ese POST. Entonces ahí puedo ver por ejemplo POST Tile, POST Output y ver toda esa información desde el frontend. Si tienen que estar depurando en el backend. Incluso puedo imprimir cosas del servidor de interacción de plugins entre otras cosas y depurarla por más calma en el frontend. Esto es muy útil cuando necesitan arreglar problemas en producción donde no podemos agregar código que si perdón en el backend. Luego quiero mostrar unas herramientas para optimizar de sitios. Ya una vez que hemos finalizado por ejemplo hacer nuestro Wordpress que podemos mejorarlo. Hay una que es repintada la web. En este caso, ese nuevo admin de uCommerce que suelo anusado está hecho totalmente en JavaScript. Entonces con al activar eso en la parte inferior derecha a lo que yo voy haciendo click y voy tratando con la página, él va pintando con colores todos los cambios que ha hecho sobre la misma. Y de esa manera puedo ver detectar si hay problemas de velocidad porque si yo abro un menú en el lado derecho y se pinta algo en el izquierdo es que algo ocurre mal. Y gráficamente pues puedo observar muy bien todos los cambios que hace el DOM para, se hace en el DOM y que son pintados en el navegador de una forma muy fácil. Otro que les quiero mostrar es el panel de rendimiento. Es totalmente un panel que usted le da click aquí y puede guardar durante un tiempo todo lo que está ocurriendo en el navegador. Ese es un plugin que hice a unos clientes totalmente en JavaScript. Entonces fíjense que cuando yo guardo o salen pues hay recargas o salen unos pop-ups va a haber un pico de rendimiento. Por ejemplo ahí estoy guardando y va a salir un pop-up y fíjense cómo va el rendimiento de golpe. Entonces ahí pasó algo con el rendimiento. Esta herramienta me permite guardar todo eso y luego entonces seleccionar una porción de ellas para analizarlo con más detalles más adelante. Puede ser que por ejemplo estoy abusando de los cambios del DOM, estoy repintando cosas que lo voy a repintar entre otras cosas como observan allí. Entonces es muy útil para cuando estemos finalizado ver qué problemas tenemos de rendimiento en la página. Luego mire el panel de memoria. Este panel de memoria lo que permite es similar a esta, es exactamente lo mismo. De hecho estoy probando el mismo plugin y entonces me va a mostrar es, guardar en un momento específico la memoria de esa página. Entonces en este caso cuando lo doy click allí, vamos a ver todo el tiempo que todas las por ejemplo la cantidad de tamaño que hay de strings, de objetos, de JavaScript, inclusive entro más detalles, puedo ver la forma listada y ver entonces cómo se dispone la memoria en el navegador y detectar qué falla hay para tomar medidas. Luego finalmente hay un panel de memoria de memoria, perdón un panel de las mejores características las características se deberían tomar en cualquier página. Entonces le doy click allí y me va a dar consejos de cosas que debería aplicar para poder entonces mejorar el sitio. Entonces ahí vemos por ejemplo se va a quejar de problemas de área por ejemplo me dice en este select le falta el área que un dispositivo descapacitado pues pueda funcionar de forma correcta. Y lo otro que también por ejemplo me dice bueno hay problemas de contraste, hay problemas de seguridad por ejemplo este enlace está apuntando mal o el CCL se venció y eso es de una manera muy útil para ver con un resumen de todos los problemas que puede oscure una página y que yo debo mejorar directamente el navegador sin usar herramientas de terceros. Bueno, si le falta alguna herramienta pues no te dice bueno en un momento alguna herramienta hay varias opciones hay complementos tanto para Chrome como para Firefox y Edge que te permiten expandir todas las funcionalidades por ejemplo si usas React o W o Angular hay herramientas que te permiten mejorar tipo de cosas. Lo otro es que también si todas estas herramientas son open source puedes cargar el código fuente y crear tu propia herramienta si no la consigues si necesitas más información hay Mozilla Spanish Labs tienen varias documentaciones de esto en nuestro idioma y también puedes visitar las páginas de las herramientas oficiales de cada navegador que os más encontrar toda la información sobre ello Bueno, esto ha sido todo muchas gracias por tu atención entienden mi correo, las mis cuentas en Twitter tanto en Mozilla Spanish como la personal estupendo Miguel, muchísimas gracias la verdad es que yo me he quedado alucinada porque yo utilizo esto pero es una versión súper básica y de repente he pensado toma, toma, toma, te vas a ver esto mucha gente ha dicho esto también yo pensaba que sabía usar esto ha sido genial vamos con las preguntas que tenemos poquito tiempo ahora la primera pregunta es de Tamara Zambrana y nos preguntan si recomiendas algún blog con newsletter donde saber este tipo de trucos si, lamentablemente en español no hay no consigo uno como tal pero a mi me gusta es Mozilla Hacks mucha gente piensa como tiene el nombre Mozilla en el nombre es por las cosas de Firefox pero en realidad hablan de la web en general entonces es hacks.mozilla.org hay uno que se llama Mozilla ispanolabs que es la versión español que traducimos eso y si quieren pueden colaborar traduciendo esos artículos para que colaboren con la comunidad dándole contenido español y ustedes mismos van descubriendo que características nuevas van agregando es estupendo, si no ya sabéis preguntar uno en español ya que no existe vale, la segunda pregunta es de Cristo Santo si lo he leído bien si preguntas si hay alguna extensión de navegador para complementar el desarrollo del diseño o la edición en WordPress específicamente ok, esa es una buena pregunta por cierto estudié con Cristo Santa en la universidad este... para lo que pasa es que estas herramientas estoy diseñadas para la web entonces cuando nos trabajamos con WordPress como tal WordPress utiliza HTML CSS y JavaScript es como que no hay una específicamente sino que usamos esas herramientas en base a nuestros temas no sé si me explico un poco funciona para cualquier web prácticamente porque para WordPress como tal no hay la única es la de Chromeblogger pero ya sería como una aplicada PHP como tal no hay WordPress en otras palabras no hay una específica para WordPress bueno, vale es comprensible si al final todo el código que puedes tocar con WordPress no entiendo pero interesante vale, alguien Diego Ruanova nos pregunta si conoces el navegador Yandex no, no lo conozco realmente pues nos quedamos en Sabel pero bueno siempre puedes investigar y compartirlo con la comunidad Diego si lo sabes vale, la siguiente pregunta es Enrique Aguilar y nos pregunta si existe alguna extensión o funcionalidad para probar la navegación desde otros navegadores por ejemplo para estar con Safari desde Windows es una excelente pregunta ahorita se está creando un protocolo que se llama Chrome Remote Protocol que es CRP entonces la idea es que cada navegador tiene un API donde se puede conectar otro navegador y depurarlo entonces de hecho se puede hacer con Firefox tu por ejemplo en Firefox puedes hacer depuración desde Chrome tanto en Android como en Editorio y dice Versa, si con Chrome te puedes conectar a otros navegadores es algo que se está viendo un poco pero por ejemplo hay cosas como Safari que eso si lamentable por políticas de Apple son cerrados ahí tendrías que hacerlo a Chrome o es pero es una tecnología que viene en camino que los navegadores están implementando es una pregunta interesante, siempre es un dolor de cabeza el tema de otros dispositivos en otros navegadores vale, la siguiente pregunta es de Luis Francisco Bautista y nos pregunta si cambia mucho la herramienta para desarrolladores entre la versión normal y la de para developers pues realmente son muy pocos los cambios y cosas que he visto que por ejemplo antes si tu la versión es de desarrolladores entraba tanto en Chrome como en Firefox entraba a un archivo JSON él te lo mostraba todo bonito y podías navegarlo y la versión estable no lo tenía, hay herramientas que menos que mientras están no sean suficientemente estables solamente van a estar en la versión de desarrolladores entonces realmente la diferencia es mínima, probablemente para la mayor de los usuarios puede hacer todo esto en las versiones estables sin problemas en verdad la pregunta que yo también tenía porque yo tengo la versión developer me la bajía directamente porque dije pues tendrá más cosas pero realmente no sabía la diferencia la pregunta que te hago ahora la hace Foney pero la he hecho más gente de otras maneras preguntan básicamente si esto que nos has enseñado es tal cual de base o tienes alguna extensión o si era modificado no, en este caso para esta la prestación ninguna herramienta es complemento, todas son nativas del navegador que las tiene y mi recomendación es usar varios porque por ejemplo Firefox está muy optimizado para ccs y digamos una parte de disenio y Chrome tiene muchas herramientas para JavaScript entonces a veces uno es una funcionalidad en una navegador y en otro y toca usarlas vale, perdón es que de repente la gente ha hecho como muchísimas preguntas, te hago la última y ahora tenemos que cerrar si tienes algún navegador favorito para developer lo supongo, Braveface, Firefox, Chrome bueno, antes de responder voy a estar después en Zoom por si quieren interactuar más conmigo o hablar y bueno respecto a la pregunta no tengo mi favorito de Firefox por la costumbre, ya tengo muchos años usándolo y entonces pronto cuando cambio a Chrome es como que no es que sea malo sino como que las cosas están fuera del lugar entonces me siento perdido y no soy tan productivo pero mi favorito es el de Firefox, sobre todo para la parte de ccs y html como tal si yo cuando me cambié uno a otro también me pareció mejor Firefox porque tiene más opciones, me parece más usable vale, estupendo Miguel pues muchísimas gracias, hacía una charla súper interesante te corto unos minutitos antes perdona y pero lo que decía él estará en Zoom, le podéis ir allá y preguntar, hace un que visto que lo siento y muchas preguntas en responder y eran bastante interesantes y ahora sí, ha llegado el final al menos en ese track B muchísimas gracias por estar aquí con nosotros y ahora os pido que vayáis hacia el track A porque allí tendremos la despedida tendremos alguna charla y tendremos los sorteos habéis participado en los sorteos durante estos días en el track A allí es donde os enteraréis si habéis salido por todo me más, muchísimas gracias por haber estado en ese track B, por haber estado en las charlas por haber hecho preguntas y dinomizado y espero que hayáis aprendido muchísimo y que estos tres días de charlas hayan sido geniales recordad que mañana está el contributor así que hasta aquí este track B pasado al track A, muchas gracias