Cómo hacer un sitio web como hotdot.pro

Hubo un tiempo, no hace mucho tiempo, cuando la mayoría de los sitios nuevos que estábamos viendo en las galerías de escaparates eran paralaje. Al principio fue realmente interesante, pero como casi cualquier tendencia, se hace más grande como una burbuja y finalmente aparece y la tendencia se desvanece. Esta situación también sucedió con el desplazamiento de paralaje.

El paralaje es un desplazamiento o diferencia en la posición aparente de un objeto visto a lo largo de dos líneas de visión diferentes, y se mide por el ángulo o semi-ángulo de inclinación entre esas dos líneas. Los objetos cercanos tienen un paralaje más grande que los objetos más distantes cuando se observan desde diferentes posiciones, por lo que el paralaje se puede usar para determinar distancias.

Parallax en sitios web. Ingresando HTML5 y CSS3

Con estas dos nuevas tecnologías, el efecto de paralaje fue posible en el diseño web y desde entonces … los diseñadores perdieron la cabeza y comenzaron a agregar desplazamiento de paralaje a cada nuevo sitio de presentación para el que tenían un contrato.

¿Pero por qué fue tan popular? Bueno, las tendencias generalmente despegan porque se ven y se sienten bien, pero había mucho más en el desplazamiento de paralaje que lo hacía intrigante. La mayoría de las veces, el desplazamiento de paralaje es realmente interesante y desplazarse para que aparezca el siguiente elemento en la pantalla te hace sentir como si fueras recompensado.

Además de eso, para los autores de un sitio de paralaje la credibilidad aumenta mucho. ¿Por qué? La gente tiende a apreciar a los diseñadores web que pueden lograr un sitio web bien diseñado. Si se hace de la manera adecuada, la usabilidad no será un problema y el sitio será impresionante e informativo al mismo tiempo.

Sin embargo , todo podría ser contraproducente si no lo hace correctamente. Desplazarse demasiado puede irritar a los visitantes y eso los haría abandonar el sitio antes de que vean lo que usted quiere que vean.

¿Por qué se desvaneció?

Hay más inconvenientes que profesionales cuando se habla de desplazamiento de paralaje, pero la gente lo ignoró durante un tiempo mientras sucedía el bombo de desplazamiento de paralaje.

  • Para empezar, el desplazamiento de paralaje utiliza Javascript / jQuery, lo que hace que la carga de la página sea realmente lenta y molesta a mucha gente. La carga de la página se incrementó porque el complemento Javascript tiene que manipular la posición de todos los elementos que están en la página. Esto parecería un trabajo fácil para un guión, ¿no? No. El complemento tiene que calcular cada vez que se desplaza un píxel en el sitio, lo que significa que hay muchos cálculos mientras mueves con enojo la pequeña rueda del mouse.

La mayoría de los sitios con desplazamiento de paralaje no funcionan en dispositivos móviles . Ese es un problema real y muchos están tratando de superar este problema, pero las personas que han logrado que este efecto funcione en dispositivos móviles no lo darán de forma gratuita y solo podemos esperar que algún día tengamos una versión de código abierto de este código.

Gracias.

Para servicios de desarrollo web: http://www.keshavinfotech.com/co…