1 julio 2014

Desarrollos web con diseño adaptativo

Habrá visto últimamente muchos sitios web que se adaptan al tamaño de un ordenador o de una Tablet sin que el usuario tenga que hacer nada, esto se denomina diseño adaptativo o Responsive Design y…está de moda.

Una de los framework de más éxito es Bootstrap. En pocas palabras es el framework de Twitter que permite crear interfaces web con CSS y Javascript que adaptan la interfaz dependiendo del tamaño del dispositivo en el que se visualice de forma nativa.

Aun con todas las posibilidades de Bootstrap a la hora de crear interfaces web, los diseños son simples, limpios e intuitivos, esto les da agilidad a la hora de cargar y al adaptarse a otros dispositivos.

El Framework trae varios elementos con estilos predefinidos fáciles de configurar: Botones, Menus desplegables, Formularios incluyendo todos sus elementos e integración jQuery para ofrecer ventanas y tooltips dinámicos.

En su GitHub oficial se puede encontrar toda la información necesaria para utilizar Bootstrap en sus propios proyectos web, además también puedes encontrar ejemplos de utilización de este Framework.

Por otro lado Bootstrap es completamente independiente del gestor de contenidos que se esté usando, siempre que este esté actualizado a una versión reciente y con los correspondientes plugins. Puede usarse en Wordpress, Joomla o en CMS propios, como nuestro Webexpo.

Aparte existen multitud de plantillas preexistentes para estos CMS, per permiten actualizar el aspecto de su web con muy poco esfuerzo y ponerla "al día".

De todas formas, no todo gira alrededor de Bootstrap. Multitud de actualizaciones se estan desarrolando actualmente pensadas en el "Responsive design", tomando componentes que aparecen continuamente, como la propia libreria jQuery, y destinados a conseguir abandonar definitivamente el "antiguo" PC como único dispositivo para navegar por internet, y permitir al usuario la mejor experiencia de navegación posible.

06-09-2018