Desde hace ya una semana, he cambiado el diseño del blog. En otras ocasiones he utilizado templates de WordPress, que se adaptan de manera fácil al blog de Domino.

En esta ocasión he estado haciendo pruebas con BootStrap, un framework CSS , cuya filosofía es la del diseño de interfaces fluidos, que se ajustan a cualquier tipo de resolución de pantalla. Es decir, un diseño único disponible para navegador de escritorio, tableta, SmartPhone, etc

La idea surgió tras ver el sitio collaborationtoday.info y comprobar que a pesar de su gran parecido con OneUI, el diseño de la interfaz estaba realizado con Bootstrap.

Uso de Bootstrap

Para utilizarlo tan sólo hemos de descargarlo y desplegarlo en nuestro servidor web



Adicionálmente hemos de cargar jquery, necesario para algunas de las funcionalidades




En este punto ya estamos preparados para hacer uso del framework.

Hace uso de un grid de 12 columnas que podemos diseñar de manera bastante sencilla. Podemos juntarlas, utilizar sólo 9, definir columnas, ocultarlas en función del dispositivo,...




El resultado es un interfaz totalmente personalizable, que se adaptará al navegador y dispositivo que estemos utilizando para acceder a la página web.



En cualquier caso la documentación es clara y concisa, por lo que ponerlo en marcha no supone un gran conocimiento de CSS, más bien al contrario.

En la comunidad ya he visto más gente que ha tenido la misma inquietud Adding Twitter Bootstrap to the IBM Domino Blog template y gente que además lo ha probado a nivel de XPages para utilizarlo como framework CSS sutituyendo a OneUI XPages – Create a responsive layout with Twitter Bootstrap.

Ahora sólo hace falta alguna prueba de nuestro experto local. :-)

En definitiva, un nuevo framework a tener muy en cuenta que simplifica el soporte de múltiples dispositivos para nuestro diseño web. En cualquier caso considero que la versión de mi blog está es Beta, y os agradeceré cualquier comentario en relación a posibles problemas que tengáis en el acceso al mismo.