twitter-bootstrap - jumbotron - bootstrap mensajes emergentes

Pros/Contras de cambiar a Twitter Bootstrap (3)

Bootstrap le ofrece un conjunto de soluciones para sistemas de cuadrícula, estilos y trucos CSS, y componentes JS. Algunos de ellos no son para ti, pero no es la opción de todo o nada. Tomar un botín como el buen valor predeterminado para empezar, que es estéticamente correcto;) y portátil. Si deja este valor predeterminado sin personalizarlo, su sitio será similar al de todos los demás productos, dejando el mismo valor predeterminado, pero es un buen punto de partida. Los estilos de botones y la barra de navegación en BS son los mismos en la mayoría de los productos BS, pero también los estilos de botones son los mismos en la mayoría de los productos que no usan BS;)

Estoy trabajando para una empresa SaaS de nivel empresarial. El producto está vivo y tiene alrededor de 6 meses de antigüedad en términos de desarrollo. Obviamente, todavía estamos en nuestra infancia como empresa y como producto.

Uno de nuestros chicos del proyecto compró un tema que encontró en línea. Tiene algunas imágenes bonitas, pero aparte de eso es principalmente basura. El único otro complemento que se usa para ui es jQueri ui. Supongo que sería útil mencionar que usamos la pila de Microsoft (C #, MVC3, Visual Studio). También incursionamos en Html5 y Css3.

Recientemente he escuchado de mis amigos dev, qué gran bootstrap es, y cómo no usarlo es el pináculo de la insensatez. Me gustaría llevar la idea de usar bootstrap a otros en la compañía, pero primero quería obtener comentarios de la comunidad SO.

¿Cuáles son los pros / contras en el cambio? ¿Lo recomendarías? En caso afirmativo, ¿qué tanto presionaría usted para el interruptor?

Es una pregunta un tanto subjetiva, pero me he preguntado, así que intentaré una respuesta.

Suponiendo que pueda integrarlo en su producto (una discusión por separado), Bootstrap lo llevará a un lugar decente rápidamente . Digo "decente", porque no considero que sea el fin de todo.

Pros

Funciona en todos los navegadores modernos.
Enfoque de "primer móvil" en la versión 3
normaliza muchas pequeñas molestias CSS
ligero
personalizable
fomenta el uso de LESS CSS ( http://lesscss.org )
da consistencia
ayuda a los desarrolladores con problemas estéticos (aunque creo que cada desarrollador debe tener un conocimiento práctico de UX)
muchas plantillas de inicio atractivas disponibles ( https://wrapbootstrap.com/ , http://bootswatch.com/ , etc.)
integrado con jQuery (algunos podrían considerar esto como negativo)
viene con algunos plugins jQuery
algunos complementos de jQuery ahora ofrecen la temática Bootstrap

Contras

Débil cuando se trata de complejas pantallas de entrada de datos. Por supuesto, las pantallas deben ser simples para los usuarios, pero eso no significa que una forma no sea técnicamente compleja. A veces, los usuarios están bien entrenados y desean formas complejas para que puedan trabajar rápidamente.
Los complementos de jQuery son limitados. Ciertamente, puede integrar los suyos propios, encontrar otros controles de terceros, etc. Pero, de forma extraña, le faltan los bateadores pesados, como cuadrículas, vistas de árbol, arrastrar y soltar, etc.
Las convenciones de nomenclatura y la semántica son mediocres. Ejemplo: usando la etiqueta <i> para los iconos. Nombres de clase como "pull-right".
Es muy personalizable, pero inevitablemente muchos sitios comienzan a parecerse (al igual que Wordpress, considere la cantidad de sitios de blogs que se ven iguales).

Y, por último, el gran pro y con: es el código de otra persona . No lo escribiste; Si desea que funcione de manera diferente, debe descubrir cómo hacerlo y cómo desviarse del flujo de código establecido.

Estudios de caso

Así es como lo he abordado en varios proyectos recientes. Todos se escriben utilizando c #, ASP.Net MVC, HTML5, CSS 2/3 y jQuery (similar a la pila de desarrollo en la pregunta).

Para referencia, soy bastante sólido en JavaScript y CSS. Si nadie en su equipo de desarrollo es fuerte en CSS o JavaScript, comenzar de cero será una tarea desalentadora (y probablemente una pérdida de tiempo).

Producto de Seguridad / Cumplimiento

Este producto cuenta con un modelo de seguridad complejo y pesa en la entrada de datos / flujo de trabajo. Los procesos de negocio gestionados por la aplicación son complejos, por lo que el objetivo principal de la interfaz de usuario es la simplicidad. Comencé con Bootstrap, pero lo arranqué en un día porque sabía que querría un control completo y ya tenía patrones CSS básicos y un puñado de componentes de JavaScript propios para desarrollar.

Sin embargo, mantuve MENOS CSS. También me gustaron los botones codificados por colores. De vez en cuando (y esto sigue siendo cierto), utilicé Bootstrap como referencia para ver cómo un marco ampliamente utilizado aborda un desafío particular.

Sabía que tenía el lujo de poder dedicar una gran cantidad de tiempo a este producto, y me comprometí a mejorar mi propio marco y mi propia documentación. Cuanto más me adentre en el producto, más libertad / extensibilidad necesito para lograr la IU que quería.

Este producto se ha demostrado y vendido comercialmente, y la interfaz de usuario ha sido muy bien recibida. Tomé la decisión correcta al pasar el tiempo en mi propio código.

Asistente en linea

Este fue un sitio simple y público que recopila información del usuario. Diseñé la mayor parte de la solución, pero no trabajé en ella a tiempo completo.

Inicialmente, el uso de Bootstrap fue bastante bien. De hecho, esta respuesta lo calificó como un éxito antes de que se completara el proyecto.

Al equipo le gustó Bootstrap y estaba familiarizado con él. Rápidamente construyeron algunas maquetas usando una plantilla Bootstrap personalizada. La experiencia de usuario resultante fue muy por encima del promedio y Bootstrap ahorró tiempo. El equipo no tuvo problemas para encontrar documentación cuando fue necesario.

Cavar en el "código de otra persona" en la plantilla de Bootstrap resultó ser un reto para el equipo, pero lograron eliminar las cosas innecesarias y hacerlas parecer aceptables.

Bootstrap llevó el proyecto a través de la fase de prototipo. Una vez que comenzamos a afinar, se volvió mucho menos útil. Nunca tomamos la decisión de "dejar de usar Bootstrap", pero cuando el proyecto se puso en marcha, encontramos componentes de JavaScript superiores y personalizamos el CSS más allá del reconocimiento.

Sitio web público simple

Este sitio web es exclusivamente para marketing y se debe construir rápidamente. Mi cliente compró una plantilla que le gustó y la personalizamos en cuestión de horas.

El código de la plantilla fue razonablemente fácil de navegar. La única dificultad era que estaba escrito para una versión anterior de Bootstrap.

Es perfecto No. Pero hizo el trabajo rápidamente y funciona bien en la mayoría de los dispositivos con muy poco esfuerzo de mi parte.

Sitios web de documentación

He utilizado Bootstrap, 100% no personalizado, para reducir el tiempo necesario para crear documentación de aspecto profesional para sistemas en línea (por ejemplo, documentos API). Para este propósito, me encanta. Me permite proporcionar contenido de aspecto profesional con cero energía desperdiciada en estilo.

Conclusión

Si tiene poco tiempo y / o experiencia, considere Bootstrap. Si está planeando un producto importante, prepárese para tener que "profundizar" en el código.

Ciertamente, es posible usar Bootstrap para construir un sitio de excelente apariencia. Y es igualmente posible hacerlo sin. Utilice la herramienta adecuada para el trabajo. Investigar Bootstrap como herramienta candidata al menos una vez probablemente valga la pena. Incluso si tiene experiencia, puede aprender algunas técnicas.

Recientemente he escuchado de mis amigos dev, qué gran bootstrap es, y cómo no usarlo es el pináculo de la insensatez.

Muy pocas cosas técnicas (o la omisión de las mismas) son "el pináculo de la necedad". Tome un fin de semana e intente integrarse en una parte de su producto. Verá muy rápidamente sus fortalezas / debilidades y comenzará a determinar su valor.

No veas Bootstrap como una opción. Tim Medora hizo muchos puntos buenos. Pero me gustaría señalar que siempre es posible extraer piezas individuales de Bootstrap y personalizar aspectos de la misma para obtener algo que parezca nuevo, ya sea buscando el código o utilizando la página personalizada de la página de inicio . Claro, si mantienes la barra de navegación y los menús básicos, obtendrás algo que se siente muy convencional, y eso puede ser un problema. Pero mucha gente ha usado Bootstrap para hacer looks únicos .

Es perfectamente aceptable usar el sistema de red, pero diseñar sus propios componentes. O deshacerse de la rejilla y utilizar sus componentes. No es una proposición de uno u otro. La única vez que se complica es cuando decides que realmente quieres cambiar algo, como la apariencia de un menú. La "manera correcta" de hacerlo no siempre es evidente. Es posible que tenga que profundizar bastante en el código, y puede ser difícil asegurarse de que los cambios no están rompiendo otra cosa. Pero eso es aún mejor que no tener un ejemplo del que extraer.

Creo que el único error que puede cometer es no analizar detenidamente lo que Bootstrap puede proporcionarle.