Escogiendo un framework front-end

Post escrito por Albert Hilazo Aguilera:

Al empezar en el mundo del desarrollo web, uno va descubriendo poco a poco la enorme cantidad de herramientas disponibles, empezando por librerías de todo tipo y pasando por los llamados "front-end framework". Un framework front-end es una herramienta que se integra con nuestro proyecto web para conseguir que el desarrollo front-end (interfaz, animaciones, ...) sea más fácil, rápido y robusto; convirtiéndolo en una herramienta muy útil para desarrolladores principiantes y programadores con poco tiempo y poca experiencia en ámbitos de diseño. Por otra parte, a pesar de que los framework front-end suelen ser enormemente personalizables, muchos desarrolladores expertos prefieren evitarlos para diferenciar sus proyectos del resto.

Establecida la base del artículo, vamos a comentar dos de los framework front-end más utilizados: Twitter Bootstrap y Zurb Foundation.

Bootstrap vs Foundation

Pocos pondrán en duda que Bootstrap y Foundation lideran actualmente el campo de los framework front-end. Ambas herramientas han lanzado recientemente sus nuevas versiones (Bootstrap 3 y Foundation 4) centradas en un mismo objetivo, pero con su propio enfoque y estilo. Estas versiones se centran en un diseño responsivo y enfocado a dispositivos móviles, utilizando un sistema de cuadrículas (o grids) y apoyados por los numerosos añadidos que los propios creadores y las comunidades de usuarios aportan (widgets, plugins, ...).

Fuente: http://dunbarmedia.com/wp-content/uploads/2013/04/logo_css3.png

Siendo ambos tan completos, el decantarse por uno u otro acaba siendo sobretodo una opinión personal. Aún así, se diferencian en algunos aspectos que pueden inclinar la balanza según las características y requisitos del proyecto en el que se vayan a aplicar.

Navegadores soportados

Quizás la diferencia más importante a tener en cuenta para proyectos corporativos. Lamentablemente, el mundo web aún se ve penalizado por el lastre que suponen los navegadores antiguos que no soportan algunos (o muchos) de los recursos que se utilizan hoy en día en el desarrollo web. Este lastre es mucho más evidente en las grandes empresas que siguen empleando dichos navegadores.

En este aspecto, Twitter Bootstrap gana terreno al dar soporte a una versión más antigua de Internet Explorer, el cual está aún muy presente en muchas empresas en sus versiones 7 y 8. Igualmente, hay que tener en cuenta que la reciente versión de Bootstrap ha abandonado el soporte a Internet Explorer 7, por el cual habría que recurrir a la versión anterior Bootstrap 2.3.2.

Preprocesadores de CSS

Otra diferencia a tener en cuenta es el soporte de preprocesadores de CSS. Ambos framework han tomado caminos diferentes en este campo al decantarse por cada una de las extensiones más utilizadas: Foundation soporta SASS, mientras que Bootstrap soporta LESS. Objetivamente no  existe una opción mejor que otra, por lo que si no dependemos de ninguna restricción y no tenemos ninguna preferencia clara, podemos encontrar comparativas y artículos que nos ayuden a tomar una decisión y a entender qué nos aporta un preprocesador de CSS.

Alternativas

Hay muchos otros aspectos dignos de mención como el cambio de jQuery a Zepto en Foundation o la flexibilidad de sus grids, pero si siguen sin convencernos los dos grandes siempre podemos apostar por alguna alternativa como Skeleton, Gumby o Wirefly.