Creación, mantenimiento y asistencia web

Ventajas de usar un framework CSS

En este artículo doy mi punto de vista acerca de usar un framework o biblioteca CSS a la hora de construir sitios web. Primero explico qué son, luego sus ventajas y algunas de las soluciones más destacables.

Lo primero, qué es un framework CSS

Parte de la definición de framework que nos ofrece la Wikipedia es que éstos son diseñados con la intención de facilitar el desarrollo de software, permitiendo a los diseñadores y programadores pasar más tiempo identificando requerimientos de software que tratando con los tediosos detalles de bajo nivel de proveer un sistema funcional. En este caso, aplicado a los estilos en cascada o CSS, nos proporcionan una base sólida para iniciar la tarea de dar estilo a un sitio web.

No todo son ventajas. Por un lado está el proceso de aprendizaje. Por otro también el código incluido que no necesitemos. Pero este artículo está enfocado a las ventajas:

  • Mejora la compativilidad del sitio entre los distintos navegadores web. Una de la formas de hacerlo es haciendo un reseteo CSS para que se parta de las mismas bases en todos navegadores desde un comienzo.
  • Los formularios, botones, etc. cuentan con un mínimo de detalles de accesibilidad que permite el uso de los sitios web creados por el mayor número de personas posible .
  • La mayor parte son de código abierto y libre. Esto es importante:  .
  • Aportan un sistema de rejilla con el que se pueden crear contenidos adaptables a todo tipo de pantallas (responsive).
  • Suelen permitir el uso de pre-procesadores CSS como Less o Sass.
  • Reduce tiempos de desarrollo. Aunque hay que tener en cuenta el tiempo para el aprendizaje e instalación, en general, compensa.
  • Aporta una estandarización de los estilos de todo el sitio.
  • Generalmente ofrecen una hoja de estilos también para la impresión.

A continuación nombro algunos frameworks destacados

Bootstrap

Muy extendido y popular. Con un montón de plantillas que pueden servirnos de ejemplo.

 

Creado por Twitter. Licencia MIT.

Pure

Muy ligero. Con una herramienta para generar lo que ellos llama "pieles".

 

Creado por Yahoo. Licencia Yahoo BSD

Concise

Pensado desde el inicio para ser sencillo de usar. Dispone de addons para aligerar el núcleo.

 

Licencia BSD

Foundation

Muy difundido también. Pensado sobre todo para emplear Ruby.

 

De la empresa Zurb. Licencia MIT

Ink

Tiene detalles como el poder centrar el contenido verticalmente. Creado en Portugal.

Licencia MIT

Bourbon

Algunas que en otros son básicas aquí son plugins.

De la empresa Thoughtbot. Licencia MIT.

  

Desarrollo web

Construyo sitios web. Especializado en Joomla y en la programación frontend.

Formación

Cursos y ponencias de desarrollo web y TIC presenciales y online.

Mantenimiento web

Actualizaciones, asistencia técnica, mejora continua... lo que necesitas para tu web.

Apúntate y recibe gratis directamente en tu buzón de correo la Guía rápida de iniciación a Joomla.

Además, cada cierto tiempo envío trucos y novedades para aplicar a tu sitio web.

No me gusta el correo basura. Protejo tus datos.