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 alcanza la segunda puntuación más alta en 1&ref=advsearch&s=stars&type=Repositories» target=»_blank»>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.
