1
00:00:06,210 --> 00:00:11,670
En videos anteriores hemos visto cómo allí chico herirnos simplifica la cantidad de código que necesitamos

2
00:00:12,570 --> 00:00:20,920
para crear efectos muy atractivos en nuestro sitio web sin embargo en la parte donde realmente sobresale

3
00:00:20,980 --> 00:00:28,260
es en la cantidad de plugins que encuentras disponibles para prácticamente cualquier cosa en este serie

4
00:00:28,260 --> 00:00:29,490
de capítulos.

5
00:00:29,660 --> 00:00:38,470
En este capítulo estamos viendo una serie de plugins para galerías para animaciones de números para

6
00:00:38,470 --> 00:00:45,480
un contador como el que tenemos acá abajo para cambiarle los estilos a un título como éste.

7
00:00:45,500 --> 00:00:51,820
Veremos algunos muy atractivos así que veremos.

8
00:00:51,820 --> 00:01:02,840
Empezaremos con esta sección de numerosos yo quiero que cuando recargamos aquí empieza de cero uno dos

9
00:01:02,840 --> 00:01:04,030
tres cuatro cinco seis.

10
00:01:05,340 --> 00:01:12,520
Y para eso existe un plugin llamado ánime number saldarla explicándolo Zippo fiel a la eléctrica que

11
00:01:12,520 --> 00:01:18,390
quiere mostrar en Finder o si está usando Windows donde descargues el archivo doy clic aquí para descomprimir

12
00:01:18,390 --> 00:01:26,120
el archivo y habrá una carpeta aquí tenemos un demo puedes abrirlo y vemos cómo se va animando aquí

13
00:01:26,120 --> 00:01:32,100
se ve muy pequeño como que le cobraban por pixel al creador del plugin.

14
00:01:32,240 --> 00:01:41,870
Puedes ver cómo animándose y igual aquí se ve el efecto más a fondo ya que es un número más grande pero

15
00:01:41,870 --> 00:01:44,000
puede servirte para muchos proyectos

16
00:01:46,820 --> 00:01:50,460
y vamos en este caso a copiar el archivo de Cuadri.

17
00:01:50,490 --> 00:01:55,140
Anímate Nombela puede ser cualquiera de los dos puedes ver que es una librería bastante ligera.

18
00:01:55,240 --> 00:02:08,590
Kilowatt y vamos a abrir nuestro diseño y vuelve a abrir Akenatón en la carpeta de JS so in Finder abrimos

19
00:02:08,590 --> 00:02:15,090
JSE y aquí lo pegamos igual la forma en que está diseñado HTML5 boiler.

20
00:02:15,130 --> 00:02:18,160
Ellos dicen que Akiko copia estos plugins.

21
00:02:18,310 --> 00:02:25,210
Sin embargo yo soy más de tener mis plugins por separado porque en caso de que salga una nueva versión

22
00:02:25,700 --> 00:02:31,090
pues nada más puede reemplazar el archivo y si lo tuviera todos en este archivo de cargo diez plugins

23
00:02:31,090 --> 00:02:35,950
de Cuadri pues tendría que estar buscando dónde inicia y dónde finaliza cada plugin.

24
00:02:35,950 --> 00:02:43,630
Por lo tanto yo siempre he elegido esta forma de trabajo vamos a abrir el Index para registrar nuestro

25
00:02:43,630 --> 00:02:48,130
nuevo plugin y voy a copiar esta línea.

26
00:02:48,130 --> 00:02:49,120
Copio y pego aquí.

27
00:02:50,830 --> 00:02:56,090
Siguientes copiar el nombre del archivo y copiarlo de aquí al Finder selecciono todo.

28
00:02:56,190 --> 00:02:57,510
Copio y pego aquí

29
00:03:02,420 --> 00:03:11,580
Animate number y vamos a finalizar a recargar y ver aquí en la consola que no tengamos algún error puedes

30
00:03:11,580 --> 00:03:13,820
ver qué otros errores son de otras cosas.

31
00:03:16,440 --> 00:03:23,860
Veremos un poco más adelante cómo solucionarlos pero vemos que no tenemos el error por la recién agregada

32
00:03:23,860 --> 00:03:32,300
librería que tenemos aquí así que en el siguiente video veremos cómo utilizar esta librería de animated

33
00:03:32,460 --> 00:03:32,990
number.