Poniéndole magia a los proyectos web. Recopilación de ejemplos de Javascript
Todos deseamos que nuestra web o aplicación tenga ese algo “mágico” que al enseñarlo nos haga sentirnos orgullosos
En esto del desarrollo web hay que estar muy atento para tener siempre a mano recursos que aporten detalles “únicos” y especiales a los proyectos. Todos deseamos que nuestra web o aplicación tenga ese algo “mágico” que al enseñarlo nos haga sentirnos orgullosos. Pero la “magia” tiene que tener un sentido, ir acorde a los objetivos, a la marca, al estilo, a los textos…
Y el primer ejemplo que os traemos es el desarrollo www.basoasuites.com realizado en nuestro Taller de Interzonas. Al cargar la web la casita de logo del proyecto se mueve de lado a lado hasta estabilizarse. Aunque ya escribiremos un artículo específico sobre este desarrollo.
Pero detrás de la “magia” siempre hay muchas horas dedicadas a observar y recopilar lo que otros y otras artesanos del código hacen, para posteriormente poder aplicarlo y adaptarlo a ese proyecto que tenemos entre manos.
Y hoy precisamente os traemos varios de esos ejemplos chulos chulos con javascript que hemos ido recopilando en nuestra Comunidad de Taller de Interzonas.
- Efecto chulo para navegar con imágenes grandes Ver ejemplo
- Sistema de preloader para web Ver ejemplo
- Detección de elementos (caras, formas etc), con muy buenos ejemplos Ver ejemplo
- Gestión de media queries muy muy guapo Ver ejemplo
- Gestión de transiciones y animaciones css3 con jquery Ver ejemplo
- Preciosos efectos de recursividad Ver ejemplo
- Gestión de animación por javascript mediante el scroll Ver ejemplo
- Sistema de partículas simple Ver ejemplo
- Plugin de JQuery que permite crear un carrusel responsivo muy chulo Ver ejemplo
- Detección del nivel responsivo en el que se está con jquery y bootstrap Ver ejemplo
- Ejemplos de hovers molones Ver ejemplo
- Cumplir la ley con CookieCuttr.js Ver ejemplo
- Efectos canvas en javascript muy guapos Ver ejemplo
- Mostrar animaciones según te desplazas por la página Ver ejemplo
- La libería Sticker.js es una librería de javascript que te permite crear el efecto “pegajoso” Ver ejemplo
- Otro sistema de paralax Ver ejemplo
- Youtube pop-out Ver ejemplo
- Menu curioso y parallax impecable Ver ejemplo
- Un plugin precioso para hacer que el color de fondo sea del color dominante de una imagen Ver ejemplo
Esperamos que os gusten y os sean útiles.
Y vosotros/as ¿tenéis más ejemplos chulos?
(Foto https://www.flickr.com/photos/mobilestreetlife/5946319814)