Web BizarroWeb Bizarro

Suscríbete a nuestro Newsletter

X

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

La forma más fácil de crear sitios responsive

La forma más fácil de crear sitios responsive 25.MAR.15

Alvaro José Rios Ch
Fundador WebBizarro

Crear sitios web responsive no es una tarea del todo fácil, generalmente terminamos usando un grid que nos ayude o algún otro elemento combinado con media querys para cumplir con la tarea, pero muchas veces esto se queda corto y tenemos que combinarlo con múltiples librerías JavaScript que terminan añadiendo una gran cantidad de código a nuestro proyecto.

RestiveJs es una buena solución a muchos problemas comunes con los sitios responsive, todo combinado en un pequeño plugin de jquery que combina muchas características de muchas otras herramientas, como la detección de navegadores, ancho de pantalla, orientación, tipo de dispositivo, sistema operativo y la resolución del dispositivo desde 120x160 hasta incluso los 8K de resolución.

Usarlo es muy simple, puedes crear un sitio web responsive solo con las siguientes líneas

$('body').restive({
    breakpoints: ['240', '320', '480', '640', '960'],
    classes: ['css-240', 'css-320', 'css-480', 'css-640', 'css-960']
});

o no solo hacerlo responsive sino también que se adapte según el dispositivo

$.restive.startMulti();

$('body').restive({
    platform: 'ios',
    breakpoints: ['240', '320', '480', '640', '960', '1024'],
    classes: ['css-i-240', 'css-i-320', 'css-i-480', 'css-i-640', 'css-i-960', 'css-i-1024']
});

$('body').restive({
    platform: 'android',
    breakpoints: ['240', '320', '480', '640', '960', '1024'],
    classes: ['css-a-240', 'css-a-320', 'css-a-480', 'css-a-640', 'css-a-960', 'css-a-1024']
});

$.restive.endMulti();

Como pueden ver es muy fácil de usar por lo que se convierte en una muy buena opción para crear sitios web modernos que funcionen correctamente en múltiples dispositivos.