Frameworks de CSS…¡¡Al infinito y más allá!! 🚀

🎤 framework es tu amigo fiel, framework es tu amigo fiel 🎤

Querido Diario: Tengo un nuevo grupo de amigos yaaay! Somos la pandilla los frameworks de CSS, wait! ¿que es un framework de CSS? Ok, ponte cómoda que acá vamos.

A veces las estructuras con CSS pueden ser algo complicadas, es ahí cuando aparecen los frameworks para ayudarnos, estos son un conjunto de estilos genéricos que podemos implementar para desarrollar nuestros sitios de una manera más sencilla, rápida y responsive.

Usar un framework es solo una buena idea si hace lo que quieres que tu sitio haga. No son un sustituto para saber como funciona CSS.

Algunas de las herramientas que podemos encontrar en los frameworks de CSS son:

• “Resetear” los estilos por defecto que aplican los navegadores.
• Manipular correctamente los textos, logrando así que todos los contenidos se vean exactamente igual en los distintos navegadores y que se adapten a estos.
• Crear layouts de manera sencilla asegurándonos que funcionará correctamente en cualquier versión de cualquier navegador existente.

Nuestro nuevo BFF (best friend forever) Bootstrap

Bootstrap fue creado en un principio como una solución interna para twitter y luego liberado al público en el año 2011 como un proyecto Open Source en Github, para así convertirse actualmente en el líder indiscutible en el mundo de los frameworks. Incluye plantillas de diseño con formularios, botones, menús de navegación entre otros elementos basados en HTML, CSS y algunas extensiones de JavaScript.
Para utilizarlo podemos adjuntarlo de diferentes maneras, agregando el código CDN o descargándolo y linkeandolo en nuestro archivo HTML.

Bootstrap posee muchos componentes pre diseñados que harán nuestro camino del Front End más sencillo, además de una grilla para el correcto desarrollo del Responsive Web Design.

Los primos de Bootstrap

Actualmente existen muchísimos frameworks de CSS como por ejemplo:

• Foundation: Desde el año 2011 hace de las suyas en el mundo Front.
• Materialize: Basado en Material Design, tiene todo lo que buscas al más estilo Google.
• Pure CSS: Ideal para quienes buscan desarrollar proyectos rápidos, es muy ligero permitiendo así que el sitio se cargue más rápido que flash corriendo una maratón.
• Milligram: Si eres más minimalista que Dieter Rams, este es tu framework ideal.

Yo ya tengo mi favorito ¿y tú? 😏