Framework de CSS

Un framework de CSS 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.

Ventajas
Un framework de CSS, si está bien diseñado e implementado, proporciona las siguientes ventajas:

·         Proporcionar una forma fácil y por tanto rápida de implementar diseños web.

·         Nos aseguran que el diseño va a funcionar en una amplia gama de navegadores

·         Nos aseguran que su código cumple cierta normas estándar.

·         Nos aseguran cierto grado de fiabilidad en la eficacia de las utilidades que nos aportan. El framework se supone que está bien probado para asegurarnos que no hay errores.

Inconvenientes
El uso de un framework de CSS puede llevar aparejado las siguientes desventajas:

·         La importación de código del framework que no es necesario en nuestro diseño web concreto. Esto provoca un incremento innecesario del consumo del ancho de banda y del tiempo de descarga.

·         Hay un menor control por parte del maquetador de lo que realmente está sucediendo en la visualización de la página web. Esto suele ser un problema cuando se tiene que corregir algún efecto indeseado.

·         Al diseñar con código prehecho, podemos estar limitándonos en cuanto las posibilidades de elección del diseño web.

Ejemplos de frameworks

Tailwind CSS

Este Framework es muy personalizable, te permite crear una interfaz de usuario única, te permite jugar con los colores, tamaños de borde, tamaño de la fuente, paddings, margenes, sombras y otros elementos y propiedades.

Tailwind CSS se centra en los nombre de clases, se le hará difícil dominarla si no tiene nociones de CSS y de la herramienta Atomic CSS y si quieres saber más de este Framework, puedes visitar su sitio web.

 

Bootstrap 

Este Framework es uno de los más populares en la actualidad, hasta la fecha de este Post se encuentra en su versión 5.3.2 pero sacarán nuevas versiones en el futuro, cuenta con características muy importantes como esquemas de color, modificadores, clases útiles para usar formularios, cards, listas, tablas, videos, carrusel, ventanas modales, tooltips, etc

Foundation

Este Framework junto con Bootstrap son uno de los más utilizados en la actualidad, Foundation es más sofisticado, asimismo es muy flexible y fácil de personalizar. Este Framework CSS te permite crear aplicaciones y páginas web adaptables a los dispositivos, empresas como Mozilla, HP, Cisco, eBay, Facebook, Adobe, Disney, entre otras, usan Foundation.

Pure CSS

Este Framework es adaptable a los dispositivos y fue creado por la empresa Yahoo por el año 2014, fue construido sobre la herramienta Normalize CSS. A diferencia de Bootstrap, no permite crear diseños fijos y es muy ligero, pesa alrededor de 3.5 Kb solamente cuando se comprime y se minimiza. Este Framework cuenta con menús verticales, horizontales y desplegables, asimismo con formularios, botones, tablas, etc.