Las tarjetas de características animadas
Qué muestra cada una de las cinco tarjetas animadas de la sección Features y cómo cambiar o quitar una.
Qué muestran las tarjetas
La sección Features es una cuadrícula de cinco tarjetas, cada una con un título, una frase y una pequeña ilustración animada. Se reproducen cuando entran en pantalla al hacer scroll y se repiten por sí solas.
| Tarjeta | Qué muestra |
|---|---|
| Performance Metrics | Cuatro indicadores de puntuación (Performance, Accessibility, Best Practices, SEO) que cuentan hacia arriba, pestañas con el detalle de cada uno y una vista previa del sitio analizado |
| One-Click Deployment | Una canalización que avanza por Prepare, Build, Deploy y Live, con una terminal que escribe los comandos, y luego vuelve a empezar |
| File Structure | Las carpetas y los archivos de un proyecto que se abren uno tras otro, como el explorador de un editor de código |
| Scalable Environments | Un gráfico de 24 horas de CPU y memoria, y una fila de servidores que crece y se reduce según cambia el tráfico |
| Global Deployments | Un globo 3D que gira, con puntos en diez ciudades y los totales de despliegues, disponibilidad y regiones |
Son ilustraciones, no herramientas: cada puntuación, comando, nombre de archivo, ciudad y cifra son datos de ejemplo fijos. No se mide ni se despliega nada. Sus etiquetas se traducen con el resto del sitio.
La sección se carga en el navegador después de la página, así que no ralentiza el primer pintado, y muestra un breve marcador de posición mientras se carga.
Cambia sus textos
El título, la frase y las etiquetas de cada tarjeta están bajo features en messages/home/en.json y messages/home/ar.json, un bloque por tarjeta, como features.oneClickDeployment. Cambia los dos idiomas a la vez.
Cambia los datos de una tarjeta
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
El archivo detrás de las puntuaciones, comandos, archivos, gráfico y ciudades de cada tarjeta.
Reordena, cambia el tamaño o quita una tarjeta
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
Cómo se define la cuadrícula y cómo quitar una tarjeta o poner una propia.