Web BizarroWeb Bizarro

Suscríbete a nuestro Newsletter

X

Únete a nuestra lista de correos para recibir semanalmente actualizaciones de nuestro contenido.

Goodnight, para aplicar estilos en la noche

Goodnight, para aplicar estilos en la noche 16.FEB.15

Alvaro José Rios Ch
Fundador WebBizarro

Hacer sitios web innovadores solo requiere de un poco de ingenio, tal ves aplicar un estilo diferente para la noche y el día una buena forma de llamar la atención y esto puede ser tan fácil como incluir una librería JavaScript.

Goodnight es una pequeña librería que se encarga de controlar el CSS que debe cargar tu página dependiendo de la hora del día a la que esta sea cargada y es muy fácil de usar.

Primero debes incluir la librería en tu sitio

<script src="scripts/goodnight.min.js"></script>

Luego simplemente debes indicar el archivo CSS que va a cargar por la noche de esta manera

Goodnight.css('styles/dark.css');

Si quieres indicar las horas a las que debe cambiar puedes usar estas variables de configuración

Goodnight.AM = 5; // 5AM
Goodnight.PM = 20; // 8PM

Una librería simple pero muy útil que nos ahorra algo de trabajo y nos puede dar un toque diferente a nuestra página.