Tuesday.css es la mejor biblioteca de animación en este momento
Ahora ya deberías estar familiarizado con Animate.css como la biblioteca de animación principal entre los diseñadores web.
Pero hay un chico nuevo en el bloque llamado Martes, y está tomando la animación web a la fuerza .
Esta nueva biblioteca no es muy diferente en formato o implementación. Pero el martes viene con un puñado de nuevas animaciones CSS que no puedes encontrar en ningún otro lado .
Estos nuevos efectos son de naturaleza mucho más sutil, por lo que realmente se combinan en una página muy bien . Aquí hay una pequeña lista de los efectos que puede elegir:
- Fundido y expandir
- Fundido y contracción
- Sello abajo y rebote
- Columpio en ángulo
- Suelta desde la izquierda / derecha
- Squash / stretch
- Bisagra
Si revisas esta lista en la página de demostración, notarás que todos los efectos tienen algo en común: la física .
Todos se sienten muy realistas con los principios básicos de la física, y parecen cumplir las leyes de la gravedad . Ninguna de estas animaciones es exagerada o extraña. Son sutiles pero notables y, lo que es más importante, son creíbles .
Creo que Tuesday es una de las mejores bibliotecas modernas de animación CSS porque presenta una visión realista de la animación web .No deberíamos diseñar efectos de interfaz locos que se destaquen como un pulgar dolorido. La sutileza es siempre el nombre del juego porque crea una sensación de interactividad desde cualquier entrada de usuario, ya sea un clic o un desplazamiento.
El problema siempre ha sido escribir estas animaciones desde cero y hacer que se vean bien. Pero ahora, con el martes, sus preocupaciones pueden salir volando.
Simplemente descargue una copia de GitHub y agregue el archivo .css
a su página . En realidad, puede usar la versión CDN directamente desde GitHub si no desea descargar nada localmente.
Una vez que esto se haya agregado a su página web, simplemente agregue la clase .animate
junto con cualquiera de las clases propietarias enumeradas en el repositorio de GitHub. Tu código podría verse más o menos así:
Es martes.
Eche un vistazo a la documentación completa para ver una lista de todas las clases de animación de entrada / salida .
Si trabaja con JavaScript, también puede agregar estas clases de forma dinámica en eventos de clic / desplazamiento. De esta forma, puede agregar la clase animada solo cuando un usuario haga clic en un botón, que parecerá animarse al hacer clic.
Hay mucho que puedes hacer el martes, y es realmente el nuevo Animate.css para animaciones de interfaz de usuario pragmáticas.
Eche un vistazo a la página de demostración para verla en vivo en acción, y puede obtener más información leyendo su publicación "in the making" que habla sobre cómo el equipo de Shakr creó el martes.
Encuentre Inspiración de diseño de interfaz diaria con Collect UI
¿Cuánto tiempo pasas buscando en la web galerías de diseño de calidad e ideas de diseño de UI ? Es una gran parte del proceso de diseño y la mayoría de los diseñadores confían en la inspiración para organizar sus ideas y crear interfaces que funcionan bien.La galería de Collect UI es una fuente en línea gratuita para la inspiración diaria del diseño de UI. Actualmente
Increíbles fotos de Laguna Beach Drone por Mike Soulopulos
La fotografía aérea se hace más fácil en estos días gracias en gran parte a la disponibilidad de drones teledirigidos . Si bien los drones en sí mismos no son exactamente lo que uno consideraría asequible, sí permite a los fotógrafos profesionales tomar fotos que antes se consideraban poco prácticas . Por ejem