Estrategia, creación y seguimiento web

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 estos 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.

Aunque no todo son ventajas. Veamos primero los «pros» y luego los «contras».

Ventajas de usar un framework CSS

Estas son las ventajas que yo le veo:

  • Mejora la compatibilidad 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.
  • 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.

Desventajas de usar un framework CSS

No todo es bonito. También hay un precio a pagar:

  • Pesan. Cargas mucho más código del que usa. Algunos de ellos tienen soluciones para esto, aunque no suele ser suficiente.
  • El proceso de aprendizaje. Y cuando ya crees que lo controlas, te lo cambia...
  • Esto me lleva a otra desventaja: no tienes control ninguno. La siguiente versión puede que ya no sea compatible con tu web y te quedas atrás si no cambias.
  • No es oro todo lo que reluce: a veces el código no está del todo conseguido, por ejemplo, he visto demasiados «!important» en algunos de ellos.

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.

Tailwind CSS

Muy completo y funcional, pensado para desarroladores.

 

Licencia MIT.

UIkit

Muy completo y con un largo recorrido.

 

Licencia MIT.

Bulma

Muy popular, completo y con largo recorrido.

 

Licencia BSD

Foundation

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

 

De la empresa Zurb. Licencia MIT

Bourbon

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

De la empresa Thoughtbot. Licencia MIT.

¿Nos conocemos un poco mejor?

Pon tu correo aquí debajo y empezamos.

Te escribo, me escribes... lo típico.

Incluso puede que intente venderte algo. Si esto podría ser un problema para ti, no te apuntes.

¡Ah! Y te soborno con regalitos. Para empezar el curso de bienvenida a Joomla.

Ya solo con los 2 primeros vídeos vas a aprender algo que casi nadie respeta, pero, que si tú lo haces, le ahorras muchas horas a tu yo futuro, aunque no uses Joomla.

Deja tu correo y te haces con él (y otros beneficios que vendrán).

Loading...