Como sabes HTML5, CSS3 y JS son una potente combinación pero ya no tienes que usarlos a la antigua, puedes usar frameworks CSS que te facilitan la vida. En mis tiempos (jajaja ya parezco viejita) no existían frameworks, teníamos que trabajar directo con los 3.
¿Qué es un framework css?
Es una librería de estilos genéricos que puede ser usada para implementar diseños web.
Van a aportar a tu sitio y/o sistema Web una serie de utilidades que te facilitarán el trabajo de diseño. Sobre todo cuando eres desarrollador back que se complica cuando tiene que entrarle al front.
Un framework de CSS, proporciona las siguientes ventajas:
- Son 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 el cumplimiento de ciertos estándares.
Frameworks CSS asombrosos
1. Bootstrap
Es el framework css básico que deberías conocer.
Fue desarrollado y liberado por Twitter, permite crear de forma sencilla webs de diseño adaptable, es decir, que se ajusten a cualquier dispositivo y tamaño de pantalla y siempre se vean igual de bien.
Se adapta a otros frameworks, yo lo he usado con Symfony y Laravel.
Es Open Source o código abierto, por lo lo puedes usar de forma gratuita y sin restricciones. Sino lo conoces o nunca lo has usado puedes iniciar AQUÍ.
Es bastante fácil, tiene un estilo bastante limpio que te facilitan el diseño cuando no eres un experimentado desarrollador front, ¡te lo recomiendo!
2. Materialize
Es también responsivo, combina los principios básicos de diseño, se recomienda para proyectos pequeños.
Es creado por Google con la intensión de desarrollar un sistema de diseño que permite una experiencia de usuario unificada a través de todos sus productos en cualquier plataforma.
Tiene dos versiones: la estándar y una más que permite control sobre selección de componentes y utiliza SCSS.
3. Mobi.css
Es un Framework CSS ligero y escalable. Es súper pequeño, en cuanto a tamaño (3kb).
En su versión estándar brinda estilos básicos para crear sitios elegantes. También es escalable porque soporta plugins. Aunque fue diseñado para móviles cabe mencionar que funciona bien en sistemas para la Web.
El que me gusta más es Bootstrap, me parece práctico y sencillo de aprender; sin embargo es conveniente que no sea el único que conozcas ya que puedes requerir vistas específicas del proyecto que no se adapten a este Framework. Por ejemplo, las tablas a veces requieren funciones específicas que puedes solucionar con otro framework CSS o con librerías JS.
¿Has usado alguno?, ¿Cuál es tu favorito?
¡Hasta pronto!