Web BizarroWeb Bizarro

Suscríbete a nuestro Newsletter

X

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

El único script que tendrás en tu cabeza

El único script que tendrás en tu cabeza 13.NOV.13

Alvaro José Rios Ch
Fundador WebBizarro

Muchas veces necesitamos varias librerías para hacer tareas comunes como detectar el navegadoro detectar si alguna característica esta disponible o algún media queryque amerite usar JavaScript, esto ocasiona muchas veces lentitud al cargar el sitio incluso si están comprimidos con gzip.

Head.js es una pequeña librería JavaScript con múltiples características que te permite resumir el número de scripts que tendrás que importar en tu aplicación, entre sus características más importantes podemos ver:

Responsive Design  

if (head.screen.innerWidth > 800) {
    document.getElementById("#side-menu").style.display = "block";
}


Con head puedes detectar tamaños de pantalla para ejecutar acciones o estilos con JavaScript, en el caso de que el browser no soporte css media query por ejemplo.

Feature Detections

/* if the browser supports CSS3 box-shadow */
if (head.boxshadow) {
    document.querySelector(".member-menu").style.boxShadow = "3px 3px 3px black";
}    

También puedes detectar si hay características disponibles en el browser como con Modernizr pero más ligero y sencillo.

Resource Loading

Puedes cargar recursos de forma directa o condicional.

head.load("jQuery.js", function() {
    // Call a function when done
    console.log("Done loading jQuery");
});

// Load up some CSS
head.load("bootstrap.css");

Los invito a revisar esta librería y probarla ya que me parece una buena opción que puede acelerar la carga de tu página.