Bootstrap vs Foundation: por qué usar Bootstrap para un sitio web | Loogic Startups

Todos los diseñadores y desarrolladores web terminan enfrentándose al dilema de elegir qué Framework CSS utilizar en nuestro trabajo. Dos buenas opciones son Bootstrap y Foundation. En MAKE Digital Marketing apostamos por la primera y os explicamos por qué.

¿Qué es un Framework CSS?

Hacer una página web desde cero lleva mucho tiempo, por lo que los desarrolladores y diseñadores recurren a un Framework CSS, también llamado front-end framework, para agilizar el proceso. Se trata de un paquete compuesto por una estructura de archivos y carpetas de código estandarizado (HTML, CSS, documentos JS, etc.) que se pueden utilizar para apoyar el desarrollo de sitios web, como base para comenzar a construir un sitio.

Componentes de un framework CSS

  • Código HTML que ayuda a estructurar la página.
  • Tipografías
  • Un CSS estándar para cambiar los elementos visuales y el uso de clases.
  • JavaScript para dar movimiento a elementos dinámicos.
  • Responsive media queries para adaptar la web en dispositivos móviles.
  • Compatibilidad con los navegadores.

Bootstrap es más popular

Si comparamos las palabras “Bootstrap 4” (versión alpha) y “Foundation 6” (última versión) en Google Trends, la primera destaca por tener mucha más actividad. Según BuiltWith, un 14.7% de las 100.000 páginas web más importantes utilizan Bootstrap, mientras que el 2.6% opta por Foundation Framework.

bootstrap

Bootstrap alcanza la segunda puntuación más alta en Github, con 104.000 estrellas y 47.000 repositorios. Foundation, en cambio, tiene 24.000 estrellas y unos 5.000 repositorios.

¿Por qué usar Bootstrap?

  • Estabilidad: Bootstrap 4 se toma la compatibilidad y estabilidad muy en serio, utilizando test automáticos de Saucelabs antes de publicarse en su rama principal. Foundation 6.2 fue publicado hace meses, y en su lanzamiento algunos de sus componentes no estaban terminados; como su librería de validación de formularios Abide que estaba rota.
  • JavaScript: Bootstrap está un poco más avanzado en JS porque sus componentes son más simples, usan menos código y están bien testados; además de ofrecer una versión compilada de cada componente por separado. Foundation, por otro lado, ofrece un único archivo de JS con todos los componentes compilados.
  • Grid: ambos frameworks usan un sistema de grid. Eso sí, Foundation tiene un aclamado responsive gutters.
  • Formularios: los de Bootstrap 4 tienen un diseño mejor clasificado para los inputs radios y checkboxes, que ofrecen un aspecto mejor que los usados por los navegadores por defecto.
  • Comunidad: los plugins y el soporte de Bootstrap es el más utilizado, puesto que puedes encontrar plugins para todo.
  • Ambos en sus últimas versiones utilizan Sass, mixins y hojas de estilo separadas.
  • El reset de Bootstrap utiliza reboot.css, mientras que Foundation usa normalize.css.
  • Ambos frameworks soportan 12 columnas con anchos escalables de hasta 75em.
  • Ninguno de los dos en sus últimas versiones es compatible con Internet Explorer 8.
  • Ambos son activos en Github.

Conclusión

Bootstrap tiene una mayor comunidad de usuarios (lo que facilita cualquier tipo de consulta), más plugins desarrollados y una buena documentación. Sin duda, este framework es la mejor elección a día de hoy para comenzar tu página web.