Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Debugging de animaciones con DevTools

10/12
Recursos

Aportes 2

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

En Chrome también hay una opción muy curiosa para debuguear animaciones 👀. Simplemente le dan click al botón de los 3 puntitos de las DevTools, seleccionan “More Tools” y eligen “Animations”:
.

.
Si apenas lo acaban de abrir les aparecerá algo como “Waiting for an animation”, simplemente recarguen la página (con esta sección abierta) y automáticamente les registrará la animación que hayan hecho:
.

.
Aquí también pueden jugar con los controles de sus animaciones 👀👇:
.

El poder de Dev Tools 😮

En esta herramienta podemos encontrar diferentes tipos de herramientas para trabajar en paralelo con nuestro código de una manera muy eficiente.
.
Algunas características en la cual nos puede servir son:

  • Accesibilidad web
  • Performance
  • Renderizare

.

Y otros muchos mas 😃
.
Te recomiendo este curso dictado por nuestro profe Diego donde explica varios de estos temas a detalle. 👇
Curso de Debugging con Chrome DevTools