Ingenieros de desarrollo, utilizando Bootstrap, desarrolladores front-end, utilizando Foundation . Hablemos de por qué.
Hay muchas diferencias clave entre Bootstrap y Foundation, pero creo que solo necesita recordar una cosa:
Los dos conceptos de diseño de Zurb y Twitter son muy claros, ya que se pueden ver desde su nombre de sus propios marcos: Bootstrap significa Bootstrap, Bootstrap, en otras palabras, trata de manejar todo lo que necesita en su proyecto. Foundation significa creación, creación, en otras palabras, solo te da una fuerte creatividad en tu proyecto.
Manteniendo esta opinión, ahora enumeraré más de las diferencias clave entre los dos:
1. Elementos de UI
La fundación solo organiza algunos elementos limitados, mientras que Bootstrap le brinda todos los elementos que pueda imaginar.
El objetivo de diseño de Zurb para Foundation es que incluso si usa elementos de IU predefinidos, no debe parecer demasiado similar a su sitio web.
Por otro lado, Bootstrap intenta proporcionarle todos los elementos de UI definidos.
2. REMS vs Pixels
Foundation usa REMS, mientras que Bootstrap usa píxeles .
El uso de píxeles significa que debe definir con precisión la altura, el ancho, los márgenes internos, los márgenes externos de un componente y en cada dispositivo y tamaño de pantalla, porque diferentes dispositivos tienden a tener una gran diferencia en los efectos de la pantalla.
Ahora Foundation 5 usa REMS, no EM. Esto evita el problema de la cascada de EM.
Usar REMS significa que puede usar el tamaño de la fuente: 80%; para reducir todo el componente y sus subcomponentes en un 20%.
Vale la pena mencionar que con REMS, puede deshacerse de los detalles de los píxeles, por lo que vale la pena usar REMS para manejarlos.
Foundation también proporciona un método de mezcla de SASS para convertir píxeles a REMS, para que pueda continuar utilizando el método de pensamiento de píxeles para definir páginas:
.Element {Ancho: Rem-Calc (10px); // se convertirá en REMS}3. Guilía flexible versus cuadrícula predefinida
La cuadrícula de la Fundación puede adaptarse automáticamente al ancho del navegador actual. Boostrap predefinió varios tamaños de cuadrícula para adaptarse a los dispositivos y pantallas convencionales.
Bootstrap cambiará de repente su cuadrícula cuando cambie el ancho del navegador.
Foundation se adaptará de manera flexible al ancho actual del navegador. Este es un nuevo método técnico. Mientras se adapta automáticamente, puede realizar el mismo efecto que el transformador.
La base tiene dos puntos clave cuando la cuadrícula cambia: pequeña, mediana y grande. Todas las operaciones solo se reducen y se agrandan y se adaptan al ancho del navegador actual. No se requieren tamaños de pantalla predefinidos, y la razón más importante es que se le anima a definir diferentes estilos según el tamaño de la pantalla.
Usando Bootstrap, obtiene una malla fija o múltiple, lo que significa que debe establecer o no un ancho predefinido para el contenedor de malla.
Con Foundation y Sass, puede ajustar libremente el tamaño de la cuadrícula más grande (se calculan automáticamente los medios y pequeños), el número de columnas para pantallas grandes y el número de columnas para pantallas pequeñas.
4. Los dispositivos móviles son preferidos frente a los dispositivos móviles también son compatibles
Foundation fue diseñado con cualquier pantalla de cuatro esquinas en mente. Bootstrap fue diseñado con predivido en: teléfonos móviles, tabletas, escritorios y escritorios con pantallas de gran tamaño .
Construir un sitio web móvil primero que admita dispositivos móviles significa que ciertamente está disponible en una pantalla más grande. Entonces, Foundation lo alienta a hacer esto: móvil primero.
Si usa la mezcla de consultas de medios SASS de la Fundación, encontrará que no hay una consulta de medios específica para consultar qué es un dispositivo móvil, pero utiliza la consulta de medios para definir cómo debe mostrarse en una pantalla más grande.
Si primero considera las computadoras de escritorio al diseñar cosas, puede encontrar grandes problemas al admitir pantallas más pequeñas. Si considera por primera vez su teléfono, se centrará en lo que es más importante para los usuarios y aumentará su sentido del espacio.
5. Comunidad
Bootstrap tiene una comunidad más grande. Y con la base debes ser más autosuficiente.
Lo más destacado de Bootstrap es la comunidad. Es muy grande, todo incluido, y puedes encontrar casi cualquier cosa que quieras.
Si elige la base, la autosuficiencia puede ser algo que debe dominar. Casi todas las soluciones son para Bootstrap, y solo puede construir las suyas.
en conclusión
Hágase algunas preguntas:
¿Quieres que algo sea más útil o lo haga más realista?
¿Desea organizar su propio CSS y simplemente convertirlo en su componente subyacente?
Las respuestas son: Bootstrap. Base .
Si aún desea estudiar en profundidad, puede hacer clic aquí para estudiar y adjuntar 3 temas emocionantes a usted:
Tutorial de aprendizaje de bootstrap
Tutorial práctico de bootstrap
Tutorial de uso de complemento de bootstrap
¿Es esta una comparación interesante? Espero que sea útil para todos comprender el front-end Frameworks Bootstrap 3 y Foundation 5.