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.

La guía del escritor independiente para una mejor gestión del tiempo

La guía del escritor independiente para una mejor gestión del tiempo

Este artículo es parte de nuestra "Guía de la serie Freelancing", que consiste en guías y consejos para ayudarlo a convertirse en un mejor trabajador autónomo. Haga clic aquí para leer más de esta serie. Hora. Simplemente no es suficiente. Pregúntele a cualquier escritor de contenido independiente cuál es su mayor preocupación en un momento dado y, a menos que se encuentre en medio de alguna otra enfermedad, le dirán que no hay suficientes horas en el día para hacer lo que debe hacer. .El sigui

(Consejos de tecnología y diseño)

Mostrar fecha y hora: cómo hacerlo bien

Mostrar fecha y hora: cómo hacerlo bien

Nos encontramos con fechas y horas ... bueno, todos los días. Cuando se trata de la Web, puede verlos en sus aplicaciones móviles, en correos electrónicos, en sus aplicaciones de mensajería y en muchos otros lugares. Sin embargo, a pesar de ver la fecha y la hora todos los días y en todas partes, todavía tenemos que adoptar un formato universal para ello.Por e

(Consejos de tecnología y diseño)