30 Animaciones Preload con CSS espectaculares y GRATIS !!!

30 Animaciones Preload con CSS espectaculares y GRATIS !!!

En numerosas ocasiones, nuestros diseños requieren más tiempo de carga, bien por tener que usar grandes imágenes o por funcionalidades  requeridas por el proyecto.

Nada más incómodo para un usuario que presentarse delante de su pantalla y esperar ante una página vacía, esperando que cargue el contenido. Esta espera repercute notablemente en la usabilidad, el usuario no sabe si está esperando a que cargue el contenido que quiere ver, o si simplemente la página no funciona. Esto es algo que todos conocemos, lo recomendado es hacer un preload de la página para que luego todo el contenido fluya sin problema.

He llegado a ver incluso preloads que necesitaban un preload para visionarlo, lo cual es totalmente absurdo. Hoy os dejo varios preloads realizados con CSS, el peso es ínfimo y las animaciones son verdaderamente espectaculares y sobre todo fluidas, muy fluidas y con un loop infinito sin ningún corte.

 

See the Pen Preload CSS by Omar Benyakhlef Domnguez (@gloobs) on CodePen.light

DESCARGAR PRELOADS

Share and Enjoy !

0Shares
0 0 0
Web App con jQuery Mobile. Transiciones de página. Tutorial II

Web App con jQuery Mobile. Transiciones de página. Tutorial II

Tutorial de jQuery Mobile II. Transición de páginas

Tutorial de jQuery Mobile II. Transición de páginas

Ya hemos visto en Web App con jQuery Mobile. Tutorial I, cómo maquetar una página en HTML, y cómo hacer los enlaces para pasar de una página a otra, pues bien, ahora vamos a ver unos «efectos especiales» para hacer la Web Appmás atractiva.

jQuery Mobile incluye un conjunto de seis efectos de transición entre páginas, basados en CSS y que pueden aplicarse a cualquier vínculo de la página o formulario. Estos efectos los podréis ver en vuestro ordenador si navegáis con Chrome, espero y deseo que en un futuro cercano, podamos utilizar estos efectos también en diseño web tradicional.

También hay que resaltar, que alguna de las transiciones no se ve correctamente con algunas versiones antiguas de Android. En cualquier caso, es obvio que tanto los navegadores de Smartphone como los tradicionales, tendrán que acabar «tragándose» esta tecnología tarde o temprano.

(más…)

Share and Enjoy !

0Shares
0 0 0
Web App con jQuery Mobile. Tutorial I.

Web App con jQuery Mobile. Tutorial I.

Web App con jQuery Mobile I

Web App con jQuery Mobile I

Hoy vamos a ver cómo enfrentarnos por primera vez a una Web App con jQuery Mobile. Se trata de un pequeño tutorial en el que podrás hacer tu primer diseño web para movil. Es básico, pero puede ser la base de grandes diseños futuros.

Vamos a empezar paso a paso definiendo cada uno de los códigos que componen la Web App y vamos a explicarlos.

(más…)

Share and Enjoy !

0Shares
0 0 0