FRAMEWORK CSS

¿Qué es un framework?:

Framework (Conocido como "marco de trabajo").

Es una biblioteca, de estilos genéricos que puede ser usada para implementar diseños web. Aportan una serie de utilidades que pueden ser aprovechadas frecuentemente en los distintos diseños web. 

Es una estructura conceptual y tecnológica de asistencia definida, normalmente, con artefactos o módulos concretos de software, que puede servir de base para la organización y desarrollo de software. Típicamente, puede incluir soporte de programas, bibliotecas, y un lenguaje interpretado, entre otras herramientas, para así ayudar a desarrollar y unir los diferentes componentes de un proyecto.

¿Qué es el diseño web responsive?:

El diseño web responsive o adaptativo es una técnica de diseño web que busca la corecta visualización de una misma página en distintos dispositivos. Desde ordenadores de escritorio a tablets y móviles.

Se trata de redimensionar y colocar los elementos de la web de forma que se adapten al ancho de cada dispositivo permitiendo una correcta visualización y una mejor experiencia de usuario.

Ventajas y desventajas de utilizar un framework:

Ventajas:

• Agilización del proceso de desarrollo: Una framework te permite desarrollar más rápido mediante el uso de codigo base y tareas comunes, de modo que no tienes que empezar desde cero.

• Facilita la funcionalidad en diversos navegadores: Una framework ya viene programada para que el resultado final luzca similar en todos los navegadores, de modo que puedes concentrarte en personalizar y crear contenido en vez de modificar la apariencia base.

• Te permite trabajar con layout simétrica: Una framework con CSS con sistemas de cuadrículas asigna columnas con anchos predefinidos, de modo que puedes concentrarte en la creación de contenido.

Desventajas:

• Limita tu libertad: En general solo se utiliza una framework CSS para todos tus proyectos, ya que aprender una tras otra realmente no es muy práctico. Limita tu diseño en cuanto al tamaño de los elementos y el estilo.

• Añade código extra: Es poso probable que emplees todas las característicar de una framework CSS por lo que definitivamente tus aplicaciones tendrán código que no necesitas.

• Te fuerza a usar la semantica propia de la framework: Al usar una framework CSS tienes que acostumbrarte a trabajar on la semántica de esta. En general, esto no suele ser un problema si se trabaja solo, pero si se trabaja en grupo se debe de tener un conocimiento equitativo, para del framework con el que se está trabajando.

• Podría ser una pérdida de tiempo: Si ya estás acostumbrado a trabajar y ordenar tu código de cierta manera y ya luego te ves forzado a utilizar una framework tienes que verte en la obligación de utilizar y aprender sobre este framework.

¿Cuáles son los frameworks más utilizados?:

Frameworks	Descripción y componentes necesarios	Ventajas	Desventajas
BootStrap	El framework de desarrollo más conocido y más utilizado en la actualidad, este framework proporciona una gran cantidad de componentes y estilos preestablecidos, un grid responsive de 12 columnas para que organices los componentes de tu sitio web, y una documentación extensa, clara y completa.	Bootstrap es soportado por la mayoría de navegadores web. Framework apoyado por una gran comunidad de desarrollo detrás Muchas plantillas y componentes disponibles están creadas en Bootstrap. Buena documentación	Utiliza clases CSS no semanticas que ensucian el html Tiene la necesidad de utilizar jQuery Si no personalizas tu sitio, se parecerá a muchas webs que utilizan este framework
Foundation	Foundation fue durante mucho tiempo, el rival directo de Bootstrap, actualmente la adopción de este framework no es tan alta como lo es la de Bootstrap, pero esto no significa que Foundation no sea un framework CSS a tener en cuenta.	Gran cantidad de componentes muy personalizables Extensa y detallada documentación con tutoriales en vídeo en algunas secciones Las clases CSS utilizadas son semánticas, por lo que no ensucian tu HTML.	La comunidad de Foundation no es tan grande como la de Bootstrap. No hay tantos recursos externos disponibles para Foundation. Es más complejo que otros frameworks disponibles.
Bulma	Bulma CSS es un framework de desarrollo relativamente nuevo, pero ya ha capturado la atención de un gran número de desarrolladores, este mismo se centra en crear un framework CSS ligero y simple utilizando Flexbox para su sistema de rejilla.	Gran cantidad de componentes muy personalizables Extensa y detallada documentación con tutoriales en vídeo en algunas secciones Las clases CSS utilizadas son semánticas, por lo que no ensucian tu HTML.	La comunidad de Foundation no es tan grande como la de Bootstrap. No hay tantos recursos externos disponibles para Foundation. Es más complejo que otros frameworks disponibles.