20 impresionantes cargadores animados y hilanderos

La conexión a Internet es cada vez más rápida, sin embargo, de vez en cuando, aún hay algunos momentos en los que debemos esperar a que se cargue una página web. Los diseñadores hacen todo lo posible para que su tiempo de espera sea divertido e indolora utilizando varios cargadores animados y creativos .

Los cargadores le muestran que el proceso está en curso. Pero para asegurarse de que no se vaya antes de que el proceso esté completo, el secreto para los cargadores increíbles radica en la atención a los detalles y la animación interesante . A continuación encontrará 20 fantásticos cargadores que puede descargar y usar en su propio sitio web o proyecto.

Cargador de CSS por @ CKH4

Consulte el cargador Pen css de Connor (@ CKH4) en CodePen.

Rainbow Loader de @jackrugile

Vea el Pen Rainbow Loader de Jack Rugile (@jackrugile) en CodePen.

Redirecting Loader by @mr_alien

Consulte el cargador de redireccionamiento de plumas por Mr Alien (@mr_alien) en CodePen.

Loader CSS por @mattiabericchia

Consulte el CSS de Pen Loader de Mattia Bericchia (@mattiabericchia) en CodePen.

Light Loader de @jackrugile

Vea el cargador de luz Pen de Jack Rugile (@jackrugile) en CodePen.

Infinite Loader CSS3 by @jonathansilva

Consulte el cargador infinito Pen CSS3 de Jonathan Silva (@jonathansilva) en CodePen.

CSS Stairs Loader by @ispal

Consulte el cargador de escaleras Pen CSS por Irko Palenius (@ispal) en CodePen.

CSS Loader de @code_dependant

Vea el Loader de Pen CSS por Che (@code_dependant) en CodePen.

Loader por @ majci23

Ver el cargador de lápiz de Maroà ... ¡ Horniak (@ majci23) en CodePen.

Rubik loader por @FilipVitas

Vea el cargador Pen Rubik de Filip Vitas (@FilipVitas) en CodePen.

Animación CSS3 Loader y ndash Peeek de @rss

Vea la Animación del cargador Pen CSS3 - Peeek por Rà ± ± za Selçuk Saydam (@rss) en CodePen.

Pure Css Loader & ndash Square de @dghez

Vea el cargador de Pen Pure Css - Square de Robert Borghesi (@dghez) en CodePen.

Cocktail Loader por @MarcMalignan

Consulte el cargador de cóctel Pen de Marc Malignan (@MarcMalignan) en CodePen.

Loader a Day (día 2) por @TheDutchCoder

Consulte el cargador de plumas al día (día 2) por Reinier Kaper (@TheDutchCoder) en CodePen.

Polygon Loader por @dan_reid

Consulte el cargador de polígonos Pen de Daniel Reid (@dan_reid) en CodePen.

Code Loader en CSS de @depy

Consulte el Cargador de códigos de lápiz en CSS de Deepak Kamat (@depy) en CodePen.

Un elemento de cuatro cargadoras de color por @tstoik

Vea el cargador de cuatro colores Pen One element de Tiffany Stoik (@tstoik) en CodePen.

Loader # 1 por @samueljweb

Consulte el cargador de plumas n.º 1 de Sam Lillicrap (@samueljweb) en CodePen.

Vamos a cargar cosas por @tomchewitt

Ver el Pen: Carguemos cosas de Tom Hewitt (@tomchewitt) en CodePen.

Otra animación de carga por @redouglas

Vea la animación Pluma otra carga de Robert Douglas (@redouglas) en CodePen.

Crear Diagramas de Flujo en Boceto con Plugin de Flujos de Usuario

Los diseñadores de interfaces se enamoraron rápidamente de Sketch como una herramienta de diseño UI / UX. Desde el primer momento, puede impulsar interfaces simples mucho más rápido que Photoshop o Illustrator.Una buena característica que falta en Sketch es la capacidad de vincular artboards con diagramas de flujo . ¡Per

(Consejos de tecnología y diseño)

15 complementos de jQuery para hacer elementos inteligentes y pegajosos

Ahora es común ver ciertos elementos en un sitio fijo en una posición cuando se desplaza hacia arriba o hacia abajo del sitio, por ejemplo, el menú de navegación, el encabezado o la barra lateral. Esto permite que el elemento esté disponible sin importar la posición del usuario.Llamado un elemento adhesivo, esto se puede lograr simplemente mediante el uso de CSS, sin embargo, con este método, el efecto no es confiable en varios navegadores. Es po

(Consejos de tecnología y diseño)