30. Tools

Below is a list of tools that can be useful to you for working with CSS. You don't need to install them all, but you should know about them.

Browsers

My recommendation is that you use 3 different rendering engines. For example, Chrome, Firefox, and Safari. This way you can verify that your code works correctly in practically all browsers.

• Webkit:
  • Midori: Cross-platform.
  • Safari: MacOS and iOS.
  • GNOME Web: Linux
• Blink
  • Chrome: Cross-platform.
  • Edge: Cross-platform.
  • Chromium: Cross-platform.
• Quantum
  • Firefox: Cross-platform.

CSS Framework

CSS frameworks are libraries that let us create web pages quickly and easily. They are very useful for creating prototypes or for creating simple web pages. However, they are not recommended for projects with unusual designs, since they tend to be very rigid.

• Bootstrap
• Tailwind CSS
• pico.css
• Bulma

Normalizers

Normalizers are libraries that let our CSS look the same in all browsers. That is, that all browsers have the same default styles.

• Normalize.css
• Symbiosis.css

7-1 Pattern

The 7-1 pattern is a way of organizing CSS files. It is very useful for large projects, since it lets us have more orderly and easy-to-maintain code.

7-1 Pattern