La posibilidad de introducir un preloader para nuestras páginas es una ventaja visual que resultará útil para darle mayor elegancia a nuestro sitio, mientras el usuario espera que termine de cargar.
Seguramente conocemos muchas soluciones creadas en AJAX (¡y haste en Flash, algún tiempo atrás!). Pero con la llegada de HTML5 y CSS3, comenzamos a tener nuevas posibilidades para resolver esta necesidad.
Alessio Atzeni, apasionado Web Designer y Javascript web development ha creado un interesante tutorial sobre como utilizar las propiedades de animación de CSS3 combinadas con jQuery para obtener un muy buen preloader para nuestras página.
El tutorial y el resultado lo podremos ver si ingresamos en el siguiente enlace: CSS3 Preloader Animation for only User Agent supports it.
Para conocer más info sobre Alessio Atzeni, podemos ingresar en: http://www.alessioatzeni.com/about/
Más sobre Diseño y desarrollo Web
Autor de los libros: Webmaster Profesional, HTML5: Comprenda el cambio y Apps HTML5 para móviles. Soy especialista en Desarrollo Web. Realizo proyectos basados en Inteligencia Artificial. Colaboré como autor y editor de contenidos para revistas, colecciones y diversos medios impresos y digitales. Brindo capacitaciones, clases de formación y consultorías sobre lenguajes de programación y herramientas para Desarrollo Web y móvil en modalidad online y presencial.
Buen día amigo, probé este ejemplo y no me funciona podría ayudarme porfavor esta web es la página que diseñé pero quiero colocarle un preloader para que tenga mas estética amigo
¿Lo estás probando en Chrome y con los archivos colocados en un servidor? Algunas características de AJAX requieren estar en un servidor (o al menos en un servidor local) para funcionar correctamente.