En nuestro artículo anterior habíamos comenzado una lista de frameworks útiles a la hora de definir el aspecto de un sitio web utilizando hojas de estilo. Las hojas de estilo nos permiten controlar aspectos como los diferentes elementos de un sitio web se tienen que representar en diferentes dispositivos.

Térmínos a tener en cuenta

Flexbox: Es un modelo de caja flexible. unidimensional de diseño y un método para ayudar a distribuir el espacio entre los ítems de una interfaz mejorando las capacidades de alineación.

La palabra unidimensional se usa para destacar el hecho de que flexbox maneja el diseño en una sola dimensión a la vez — ya sea como fila o como columna.

CSS Grid Layout (CGL): Es un sistema de diseño bidimensional basado en una cuadrícula desarrollado para crear mejores interfaces de usuarios.

CGL permite dividir una página en áreas o regiones principales, y facilita definir la relación en términos de tamaño, posición y capas entre partes de un control construido a partir de primitivas HTML.

De la misma forma que con las tablas (el método utilizado en los primeros tiempos del diseño web) el grid layout permite a alinear elementos en columnas y filas. Pero, a diferencia de lo que sucede con las tablas, con CSS grid son posibles muchos más diseños y de forma más sencilla.

Algunos frameworks CSS más

Pure CSS

Pure CSS es un framework CSS ligero y responsivo creado por Yahoo en 2014. Está construido usando Normalize.css y es útiil para la creación de diseños responsivos usando grillas y menús. Pure es responsivo por defecto, y a diferencia de Bootstrap, no permite crear diseños fijos.

UI Kit

Se propone como un framework ligero y modular para crear interfaces web rápidas y potentes. A pesar de su tamaño reducido se las arregla para ofrecer casi todas las características de otros frameworks.

Puede crear interfaces web sencillas, limpias y modulares con su conjunto de iconos SVG, muchos componentes, capacidad de responsivos, estilos unificados y opciones de personalización. Además, también puede diseñar diseños complejos basados en flexbox con el kit de interfaz de usuario usando HTML simple.

Mustard UI

Es ideal para principiantes. Sus componentes están divididos en módulos; cuadrículas base de Flexbox, botones, tablas, formularios y tarjetas.

Materialize CSS

En este caso se trata de un framework para crear interfaces Material Design desarrollado por Google

Es la alternativa adecuada para cualquiera que quiera diseñar sitios web o aplicaciones web para Android porque viene con clases y componentes listos para usar. Puedes empezar rápidamente a utilizar sus plantillas de inicio.

Materialize CSS utiliza el formato de cuadrícula de 12 columnas de Bootstrap para que puedas crear rápidamente diseños de páginas responsivas.

Tailwind CSS

Ahora hablamos de un framework CSS altamente personalizable. A diferencia de Bootstrap, que crea una interfaz de usuario de aspecto genérico, Tailwind permite a los desarrolladores personalizar los diseños y darles un aspecto único.

Milligram

En este caso también tenemos un framework minimalista.

Con solo 2kb (comprimido), Milligram se las arregla para proporcionar un completo conjunto de herramientas de desarrollo web. Los usuarios también pueden usar todas las características ofrecidas por la especificación CSS3.

Skeleton

Parece que los frameworks responsivos y minimalistas están de moda. Skeleton tiene solo 400 líneas de código.

De todas formas, se las arregla para ofrecernos muchas opciones de cuadrículas, tipografía, botones, formularios, listas, tablas y código que pueden utilizrse para la creación de sitios web complejos.

Spectre

Spectre es un framework que puede contribuir a la creación de sitios de forma más rápida y flexible con elementos elegantemente diseñados, hermosa tipografía, y componentes pre-construidos.

Picnic CSS

Esta biblioteca que también puede usarse online, no llega a los 10 kb estando comprimida. Proporciona al desarrollador componentes puros de CSS e interactivos, incluyendo cuadrículas, formularios, pestañas, consejos de herramientas y alertas. La biblioteca te ayuda a crear un sitio web receptivo y hermosas aplicaciones web.

Base

Framework desarrollado usando un código ligero y mínimo. A pesar de su diseño simple es muy potente. Los desarrolladores y diseñadores pueden utilizarlo crear sitios web y aplicaciones web que respondan a los estándares web y las exigencias de los buscadores.