SpinKit, serie de indicadores animados con CSS

En el 2000 se empezó a hacer muy popular entre los diseñadores web el uso de acciones AJAX que permitían ejecutar acciones sin tener que recargar la pagina, esto trajo nuevas necesidades en cuanto a diseño web y diseño de interfaces, una de ellas fue la necesidad de mostrar indicadores de carga animados que indiquen que una acción se esta realizando y que hay que esperar, la primera opción fue utilizar imágenes GIF animadas pero ahora con la introducción de las transiciones que permiten crear animaciones sencillas con CSS, estos indicadores se pueden realizar de forma más sencilla utilizando puro código CSS.

SpinKit es un sitio el cual nos proporciona una serie de atractivos indicadores de carga animados con CSS de forma gratuita los cuales podemos descargar copiando el código para incluir en nuestros diseños de paginas web.

spinkit spinkit code

Enlace hacia la pagina oficial de SpinKit

comment ¿Que opinas?

Artículos recientes

close

‘In the World of Play-Doh’ una campaña dirigida a niños y adultos

Play-Doh es una marca que es capaz de volver al más amargado de los adultos en un inofensivo niño con ganas de experimentar; esto sucede debido a que la marca nos hace querer extrañar las…

close

play_circle_outline Spider-Man: Homecoming estrena su ultimo trailer

La madrugada de este miércoles se dio a conocer el ultimo trailer de Spider-Man: Homecoming; la nueva película del hombre araña que tendrá como co-protagonista a Iron Man. En esta ocasión se hace evidente que esta…

close

Que tipo de trabajador eres según tu escritorio o espacio de trabajo

El espacio de trabajo suele decir mucho del que lo ocupa; no obstante, esto no queda claro cuando tu eres dueño del área a juzgar; por lo que el día de hoy quiero compartir con…

close

Glasstic type, tipografía en 3D por el diseñador Rafael Merino

Rafael Merino es el responsable de este experimento de diseño que comprende una genial propuesta tipográfica en 3D; esta nos muestra una serie de números apreciables en tres dimensiones a manera de espejos. En lo…

close

Diseñadora cataloga los colores de diferentes paisajes con ayuda de Pantone

Pantone se esta convirtiendo en referencia cuando tratamos de hablar el lenguaje del color; esto se hace evidente cuando notas que la recurrente tendencia en ámbitos como la fotografía, el arte y el diseño. Es por…

close

Como crear un Cinemagraph en menos de un minuto con Photoshop

Adobe continua lanzando pequeños tutoriales para motivar la supervivencia creativa entre sus usuarios; ello lo logra enseñando maneras de crear efectos de doble exposición y logotipos en algunas de sus plataformas. Razón por la cual,…

notifications Recién publicamos
close