Categoría: CSS

Qué es un Preloader y Cómo hacer uno para tu página web

Qué es un Preloader y Cómo hacer uno para tu página web

Básicamente es indicador de carga que aparece cuando el resto del sitio sigue descargándose. También se les conoce como “Loader”, por lo general son animaciones sencillas que le dan la impresión al usuario de que algo está sucediendo mientras esperan que el servidor procese el contenido. ¿Son importantes? La respuesta corta es sí, pero no […]

Cómo crear un Sticky Header

Cómo crear un Sticky Header

Para qué sirve En temas de Usabilidad es muy importante ayudar a los usuarios a tener accesibilidad siempre a elementos importantes de tu sitio, este podría ser el caso del Header de tu sitio donde generalmente se encuentra la navegación principal, es por eso que para simplificar la navegación a tus usuarios y evitar que […]

Position Sticky

Position Sticky

Sticky significa pegajoso, y Position Sticky es una nueva propiedad de posición de las 4 que anteriormente existían, Relative, Absolute, Fixed y Static. Comparte ciertas características de las anteriores. Relative y Static mantienen su posición en el documento, mientras que Absolute y Fixed flotan. Para entender mejor su funcionamiento tenemos que entender que depende de dos componentes, el primero […]