¿Debo usar mi propio CSS o Bootstrap?

Depende

Huya lejos de cualquiera que diga “sí” o “no” sin tener en cuenta cuáles son los requisitos. Esas personas son peligrosas

Considere Bootstrap cuando …

  • El tiempo es la esencia
  • El diseño se adapta fácilmente a los patrones de Bootstrap.
  • Tendrás control sobre el HTML final
  • Necesitarás muchos de los patrones de diseño que ofrece Bootstrap
  • No tiene mucha experiencia en escribir CSS y HTML compatibles con varios navegadores

Considera rodar el tuyo cuando

  • Tiene un plazo razonable para escribir el front-end.
  • El diseño no encaja fácilmente en Bootstrap
  • Trabajará con un sistema de gestión de contenido u otra plataforma de software que requiera modificación del HTML.
  • Solo necesita una o dos cosas que Bootstrap tiene para ofrecer
  • Tienes experiencia escribiendo CSS y HTML para sitios web

Yo personalmente…

Nunca lo he usado. En absoluto.

Sin embargo, se me ha encomendado la tarea de solucionar los problemas de Bootstrap muchas veces. En mi experiencia, Bootstrap es lo que usan los que no son de primera línea.

Mi experiencia es escribir front-end que será administrado por sistemas de administración de contenido para compañías Fortune 500. Tienden a tener diseños muy creativos y CMS muy complejos. Bootstrap nunca ha sido capaz de proporcionar una solución a los tipos de problemas que han tenido los clientes de mi empleador.

Creo que deberías ir con la segunda opción: Bootstrap.

déjame decirte por qué bootstrap es el marco de trabajo más popular del mundo para sitios web atractivos y de diseño receptivo.

En bootstrap solo tienes el enlace cdn en tu encabezado, ¡una vez que lo hayas hecho! luego use las clases para crear sitios web impresionantes y atractivos.

También puede agregar su propio archivo CSS.

si tiene alguna consulta relacionada con esta pregunta, no dude en preguntar 🙂

Espero que te ayude…

CSS Grid está fuera y es altamente compatible, puedes aprenderlo en 30 minutos y elimina la necesidad de marcos. Esta no es una pregunta sobre bootstrap, es una pregunta sobre entender algo.

El problema es que CSS no siempre tuvo sentido. Como flotadores, claros y divs que colapsan … solo fueron un montón de hacks … pero ahora está empezando a tener sentido un poco más. Las especificaciones se están volviendo realmente buenas y CSS está comenzando a convertirse en un lenguaje muy comprensible.

Como desarrollador de back-end, querrás saber un poco de CSS para que tus proyectos funcionen, pero saber bootstrap solo te ancla en algo que ahora puede estar muriendo.

Empieza aqui:

Jardín de rejilla

Learn CSS Grid: una guía para aprender el diseño de la cuadrícula CSS

Comencé a crear sitios web cuando usabas blocs de notas y todo estaba en tablas. Luego vinieron los estilos en línea. Finalmente CSS. Me ofrecieron un puesto donde les dije que era competente en CSS. Realmente no sabía mucho.

Tomé una plantilla de arranque y pude mirar a través del código y el inspector de código y al habilitar y deshabilitar las opciones para ver lo que hicieron. Me ayudó a ser competente en unos pocos días. Luego pude agregar mis propios estilos para hacer algo nuevo o para anular algo en bootstrap.

Bootstrap tiene casi todo incorporado, por lo que responde desde el principio, incluye botones y cuadros de diálogo y cuadros básicos e incluso admite datos tabulares. Es una excelente manera de comenzar. Hay otros marcos por ahí, pero Bootstrap parece ser el mejor que he usado hasta ahora.

Luego comienzas a agregar cosas como animate.css para darle un poco de animación a ese arranque usando solo CSS.

Hay docenas de plantillas gratuitas y miles de fragmentos de código para ayudar a extender el arranque.

¡Que te diviertas!

El problema con Bootstrap es que se agregará una clase en varios lugares, lo que a su vez hará que sus componentes se vean un poco fuera de línea en algunos lugares y cuando entre en modo de depuración, tendrá que lidiar con más de 4000 líneas de código de ‘bootstrap.min.css’. Personalmente, creo que deberías construir tu propia hoja de estilo CSS especialmente si tienes múltiples componentes reutilizables. Simplemente recorra las clases para sus componentes.

En cuanto a la capacidad de respuesta, la consulta de medios css hará la tarea por usted, incluso Bootstrap lo usa y CSS3 le brinda el FlexBox muy potente y eficiente (Bootstrap 4 viene con él). Por lo tanto, si entiendes FlexBox, no creo que sea difícil codificar tu propio CSS. Será fácil de manejar y manipular.

La elección es toda tuya. Espero que esto ayude.

diseñaré un sitio web profesional front-end receptivo int bootstrap, CSS, HTML5

Soy un diseñador front-end con gran habilidad de bootstrap, HTML y CSS y siempre me enfoco en la satisfacción del cliente.
si desea obtener un diseño profesional y estándar para su página web y sitio web, no dude en preguntar porque este es el lugar adecuado para la satisfacción del cliente y el 100% de garantía.

obtendrás por solo $ 5

  • PSD a HTML, CSS y receptivo
  • Reverencia ilimitada
  • imagen de su elección que puede usar
  • Archivos web
  • Soporte al cliente
  • Compatibilidad cruzada del navegador

************************************************** ************
Por favor, póngase en contacto para cualquier consulta.

Gracias.

Si desea hacer algo que se vea decente y desea concentrarse en el back-end, sí, Bootstrap es exactamente el ahorro de tiempo que necesita.

Especialmente porque puedes obtener plantillas Bootstrap muy atractivas por poco dinero. Por lo tanto, está externalizando efectivamente el trabajo de diseño en el que no se especializa, y eso está bien siempre que su juicio sobre lo que se ve bien sea competente.

Es muy noble querer aprender todo y hacerlo todo usted mismo, pero generalmente no es práctico ni particularmente productivo cuando se trata de cumplir con los plazos y ganar dinero.

Como con la mayoría de las cosas, el conocimiento adicional seguirá siendo útil, y si puede encontrar el tiempo para aprender más CSS, será útil.

Siempre uso mi propio marco CSS, a menos que entre en un proyecto que use otro. No me gusta toda la hinchazón de bootstrap, etc., creé mi propia cuadrícula, estilos de botones / formularios y navegación que son todos receptivos / adaptativos. De esta forma, puede crear lo que necesita para proyectos específicos sobre la marcha con facilidad. Use sass para organizar sus componentes e importarlos a su base. Recomendaría Responsive Skeleton CSS Boilerplate a todos los que comienzan. Es una gran base para construir.

Eres bueno usando Bootstrap para evitar dolores de cabeza innecesarios con la forma general del sitio. Es un marco confiable y robusto que ha resuelto las bases para miles (¿millones?) De sitios web, por lo que no tiene sentido reinventar la rueda.

Sin embargo, Bootstrap se verá como muchos otros sitios, por lo que su propio CSS ayudará a adaptar el sitio a la marca de su cliente. No se necesita mucho para cambiar el aspecto general, a veces solo un tipo de letra o estilo de botón alternativo bien elegido puede hacer maravillas.

Sin embargo, en algún momento realmente debería “asimilar” el modelo de cuadro CSS. Saber cómo y cuándo usar márgenes, relleno, bordes, etc. es invaluable. El posicionamiento CSS también es otro gran.

Supongo que soy de la vieja escuela en comparación con todos los demás aquí.

Personalmente, creo que debes aprender a hacer algo a mano, desde cero, si quieres aprender a hacerlo bien. Una vez que realmente comprenda cómo funciona css y sus matices, pasaría a otros métodos si cree que es necesario o conveniente para el trabajo que está haciendo.

Para ser sincero, he estado construyendo sitios durante 10 años, incluidos algunos diseños bastante complicados, y nunca he usado Bootstrap ni ningún otro marco, principalmente porque mi trabajo ha sido constante y no he sentido la necesidad de ir allí. Mi CSS está constantemente libre de errores y sé lo que hace y por qué lo hace.

Un día analizaré Bootstrap u otros marcos entre trabajos, pero hasta entonces me atendré a lo que sé y en lo que soy bueno. Por supuesto, tengo una opinión diferente de los demás, y es su elección.

Si es un principiante y comienza a aprender la codificación HTML, será mejor que si puede usar su propio CSS con la consulta @media. Aquí obtendrá una idea sólida de la estructura HTML. En bootstrap, no necesitas pensar en la estructura. Las estructuras externas son mantenidas por la rejilla de arranque. Solo necesita ajustar las posiciones de sus elementos.

Una vez que haya entendido cómo hacer una estructura en CSS o si comienza a trabajar para sus clientes, será mejor que si puede usar Bootstrap. Le ayudará a hacerlo rápido con una estructura de codificación organizada.

Así que ahora las opciones son tuyas.

Ir con bootstrap es una opción inteligente, ya que bootstarp no es solo para CSS, también hará que su aplicación responda y la haga independiente del dispositivo.

Además, bootstrap proporcionará muchas funciones integradas en botones, tablas y formularios que facilitarán su trabajo.

Como eres más un “tipo de fondo”, te sugiero que uses Bootstrap u otros marcos CSS. Esos marcos ya tienen un sistema de cuadrícula incorporado que lo ayudará a construir sitios web de diseño receptivo sin demasiados dolores de cabeza, y otras cosas que no solo se limitan a CSS sino también a JS (modal, alertas, información sobre herramientas, caja de luz, etc.).

Esta respuesta asume que no te estás enfocando en aprender cosas de front-end. Si quieres ser más hábil con las cosas de front-end, entonces deberías intentar construir plantillas desde cero con CSS y JS de vainilla.

Recomendamos invertir algo de tiempo para aprender CSS como freelance. No es tan difícil y realmente divertido jugar con él. Aunque puede hacer todas las cosas interesantes con Bootstrap, pero aprender CSS le facilitará tener más control sobre su visión y diseño.

Como no eres tan bueno con CSS, te sugiero que uses Bootstrap Y mejoras tus habilidades de CSS. Bootstrap y muchos otros marcos CSS ahorran mucho tiempo que pasaría para asegurarse de que su front-end responda. Incluso si mejora sus habilidades de CSS, usar un marco CSS es una buena idea.

Además, te sugiero que aprendas SCSS. Básicamente es CSS con algunas características excelentes. ¡Todavía puedes usar CSS normal con él!

¡Buena suerte!

Sugeriría usar la combinación de ambos.

Para la mayoría de las cosas, como capacidad de respuesta, menú, pestañas, botones, formularios, obtendrá lo que desea con bootstrap. Así que no es necesario reinventar la rueda.

Ahora hay cosas que no forman parte de bootstrap y tendrás que escribir CSS personalizado para ello.

Debe usar Bootstrap siempre que sea posible, ya que el marco de Bootstrap está escrito con precisión y le proporciona más funciones de las que espera.

& Si desea agregar algo / alterar un valor, puede hacerlo asignando una clase diferente o modificando la misma clase (si se usa una vez) en su hoja de estilo.

Sepa cómo usar sus propios estilos, pero también sepa cuándo buscar una solución de marco.

No debe intentar rodar su propio CSS para un proyecto grande antes de tener

  1. Pasó tiempo analizando la metodología detrás de al menos dos marcos principales
  2. Pasó tiempo creando CSS para sus propios proyectos

Los mismos dos puntos se aplican cuando se usa un marco. La clave es saber cuándo usar qué enfoque. La única forma de llegar allí es arremangándose las mangas y desarrollar sus propios proyectos primero.

debe usar bootstrap para un diseño receptivo y mejor. si quieres una plantilla gratis de bootstrap, entra aquí

Obtenga plantillas y temas de arranque gratuitos para wordPress, woocommerce, magento y opencart – BWT

La clave es dar un paso atrás y pensar en cómo el marcado y los estilos funcionan juntos. No puede escribir un marcado malo y luego simplemente poner algunas clases de marco en las cosas y esperar que funcionen. La gente siempre me dice: “He terminado en un 90% con este sitio, pero ahora solo necesito que responda”. Así no es como funciona.

Le sugiero que lea esto: Semántica – MaintainableCSS – un enfoque para escribir CSS modular, escalable y mantenible | Por Adam Silver, y luego aprender a escribir un marcado realmente bueno y cómo diseñarlo con CSS en pantalla pequeña primero. Echa un vistazo a un preprocesador como Stylus.

Luego, un día más tarde … mire el boostrap, y verá en unos 5 minutos que no es una buena opción en estos días.