es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Wicked CSS - Una nueva biblioteca de animación en Pure CSS3

Gracias a CSS3 puedes crear animaciones alocadas en la web. Estos pueden funcionar en todos los navegadores y elementos de página para controlar elementos de navegación, menús desplegables, pestañas, lo que sea.

De hecho, incluso puede generar estos códigos de forma dinámica utilizando herramientas de animación. Pero esos son bastante limitados en comparación con una biblioteca de animación en toda regla.

Wicked CSS es la biblioteca más nueva de su tipo. Esto me recuerda a principios de Animate.css que era bastante simple y rudimentario, sin embargo, podría ser utilizado en casi cualquier sitio web.

Echa un vistazo a la página principal para ver una demostración en vivo junto con una lista de todas las animaciones compatibles. Al escribir este artículo, cuento 24 estilos de animación totales desde diapositivas hasta rotaciones y efectos de pulsación / rebote.

Muchas de estas animaciones son características únicas que se utilizan para mostrar un elemento (o dejarlo fuera de la vista). Esto es útil para páginas con animaciones de desplazamiento a vista dirigidas a elementos de página específicos.

Pero también puede usar esto para mostrar (u ocultar) elementos adicionales de la página como menús desplegables, barras de búsqueda, formularios ocultos de registro o cualquier otra cosa. Aquí hay una pequeña lista de animaciones que puedes elegir:

  • Sacudir
  • Acercar / alejar
  • Deslice hacia arriba / abajo
  • Fade in / out
  • Rolling in / out
  • Bounce y pop
  • Rotación circular entrada / salida

Todos estos estilos de animación están diseñados para un solo uso. Se pueden llamar varias veces por página y por elemento, pero no son repeticiones de animaciones .

En su lugar, los usará en función de los clics, el desplazamiento o el efecto de deslizamiento de un usuario. También se pueden usar en botones CTA para efectos de pulsación / pulsación, pero eso requiere una función de sincronización de JavaScript.

Eche un vistazo a la página de ejemplos para una vista previa en vivo y algunos detalles más. También encontrará documentación completa en el sitio principal junto con el repositorio de GitHub.

Wicked CSS es una biblioteca más nueva por lo que aún no tiene muchos seguidores. Pero la biblioteca es estable y es probable que esté presente en los años venideros.

Cree gráficos dinámicos rápidamente en D3 con Plottable.js

Cree gráficos dinámicos rápidamente en D3 con Plottable.js

La biblioteca gratuita D3.js es solo una de muchas que le permite crear gráficos interactivos en la página. Si bien D3 es quizás el más popular del grupo, aprender a usarlo no es una tarea fácil.Es por eso que Plottable.js es una biblioteca tan valiosa. Es un proyecto gratuito de código abierto construido sobre D3.js, l

(Consejos de tecnología y diseño)

Las paradojas innegables de la cultura Techie

Las paradojas innegables de la cultura Techie

La complejidad de lo que es Silicon Valley no ha dejado de crecer, en sintonía con la simplificación de herramientas y la próxima burbuja que algunos esperan explotará en el futuro cercano . Silbamos mientras hacemos ajustes en la próxima aplicación de fitness o tecnología portátil, haciendo todo lo posible para permanecer ingenuamente ajenos a los temblorosos apuntalamientos de nuestra cultura tecnológica.Son ines

(Consejos de tecnología y diseño)