29. Herramientas

A continuación te dejo una lista de herramientas que te pueden ser útiles para trabajar con CSS. No es necesario que las instales todas, pero si que las conozcas.

Navegadores

Mi recomendación es que utilices 3 motores de renderizado diferentes. Por ejemplo, Chrome, Firefox y Safari. De esta forma podrás comprobar que tu código funciona correctamente en prácticamente todos los navegadores.

• Webkit:
  • Midori: Multiplataforma.
  • Safari: MacOS y iOS.
  • GNOME Web: Linux
• Blink
  • Chrome: Multiplataforma.
  • Edge: Multiplataforma.
  • Chromium: Multiplataforma.
• Quantum
  • Firefox: Multiplataforma.

Framework CSS

Los frameworks CSS son librerías que nos permiten crear páginas web de forma rápida y sencilla. Son muy útiles para crear prototipos o para crear páginas web sencillas. Sin embargo, no son recomendables para proyectos con diseños poco comunes, ya que suelen ser muy rígidos.

• Bootstrap
• Tailwind CSS
• pico.css
• Bulma

Normalizadores

Los normalizadores son librerías que nos permiten que nuestro CSS se vea igual en todos los navegadores. Es decir, que todos los navegadores tengan los mismos estilos por defecto.

• Normalize.css
• Symbiosis.css

Patrón 7-1

El patrón 7-1 es una forma de organizar los archivos CSS. Es muy útil para proyectos grandes, ya que nos permite tener un código más ordenado y fácil de mantener.

Patrón 7-1