es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Parallax Scrolling Made Easy con StickyStack.js

Los efectos paralelos captan la atención rápidamente. Estos efectos mantienen ciertos fondos a la vista mientras se desplaza hacia abajo en la página. Encontrará el desplazamiento de paralaje en muchos sitios web y temas de WordPress, y son una gran parte del diseño web moderno.

También puede crear un estilo de paralaje único utilizando el complemento StickyStack.js . Se basa en jQuery y mantiene cada sección de página principal pegada en la parte superior a medida que te desplazas hacia abajo.

Esto crea la ilusión de un sitio web en capas donde cada página "se acumula" encima de la otra. Es realmente genial y bastante fácil de configurar por su cuenta.

Si bien es bastante fácil de configurar, requiere cierta comprensión del desarrollo frontend.

Primero debe crear secciones de página individuales dentro del contenedor principal. De esta forma, tendrá todo incluido en el HTML, de modo que pueda orientar todo con la función StickyStack jQuery.

También viene con algunas opciones donde puedes personalizar el contenedor principal, los elementos que se deben apilar y una posible sombra de cuadro si te gusta ese efecto.

Aquí hay un fragmento de código de muestra de la página de GitHub:

 $ ('. main-content-wrapper'). stickyStack ({containerElement: '.main-content-wrapper', stackingElement: 'sección', boxShadow: '0 -3px 20px rgba (0, 0, 0, 0.25)' }); 

Si bien esto no se ha actualizado en unos dos años, sigue siendo un complemento muy confiable. Funcionó en todos los navegadores que probé (Chrome, Safari y Firefox) con soporte para todas las versiones de jQuery .

Además, el archivo minificado tiene solo 2 KB, que es un tamaño decente para un complemento.

Para obtener más información, visite el repositorio principal y vea lo que StickyStack puede ofrecer. Creo que funciona mejor en sitios web de una sola página o páginas de inicio con grandes fondos de pantalla completa .

También puede ver una demostración en vivo en CodePen si quiere ver cómo se ve en un sitio en vivo.

5 mejores ejemplos de por qué los selfies pueden ser peligrosos (y fatales)

5 mejores ejemplos de por qué los selfies pueden ser peligrosos (y fatales)

La selfie que se ha hecho palabra del año en 2013 por Oxford Dictionaries, no es una tendencia que se está extinguiendo en el corto plazo (sí, juego de palabras). El punto es que las personas continuarán tomando autofotos, independientemente de si es un signo de un trastorno mental o no.Finalmente, la gente decidió que los selfies simples son demasiado comunes y han intentado tomar otros más interesantes. Como

(Consejos de tecnología y diseño)

Cómo agregar accesos directos de teclado a su sitio web

Cómo agregar accesos directos de teclado a su sitio web

¿Te gustan los atajos de teclado? Pueden ayudarte a ahorrar mucho tiempo, ¿verdad? ¿Le gustaría agregar atajos de teclado a su propio sitio web, para el beneficio de sus visitantes? Mejorará en gran medida la accesibilidad y navegación de su sitio.En esta publicación, daré una guía rápida sobre cómo agregar atajos a su página web usando una biblioteca de JavaScript llamada Mousetrap. Con Mouset

(Consejos de tecnología y diseño)