Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 8 de 8

Tema: Bootstrap - La nueva forma de crear webs

  1. #1
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    02 may, 11
    Ubicación
    Santiago, Chile
    Mensajes
    2,047
    Poder de Reputación
    21

    Bootstrap - La nueva forma de crear webs

    Hola a todos!

    Yo sé que se ha mencionado en el foro, pero mi intención con esta publicación es incentivar, a los que no lo conocen, que comiencen a leer al respecto.

    Bootstrap es una compilación de estilos (CSS) y jQuery (que no es necesario), que permite crear un diseño web muy rápido y sin muchos problemas. Esta compilación fue creada por Twitter, quienes lo comparten públicamente sin pedir nada a cambio (aparte de los créditos que se merecen).

    Bootstrap está escrito (el código fuente) en less, que es una abstracción de CSS. La idea de less es que puedan crear, por ejemplo, variables, tal como se usan en cualquier lenguaje de programación. less necesita ser transformado a CSS para que el navegador lo pueda interpretar. Un ejemplo de la simpleza de less podría ser este:

    less
    Código:
    a {
      color: red;
    
      &:hover,
      &:active {
        color: blue;
      }
    }
    Que se transformaría en el siguiente CSS:

    CSS
    Código:
    a {
      color : red;
    }
    
    a:hover,
    a:active {
      color : blue;
    }
    Tal vez en este ejemplo no se refleje, pero de verdad les ayudará mucho en el trabajo de diseño. Espero que lean al respecto.

    Volviendo a bootstrap, este les resolverá muchos temas como:

    * Mi sitio no se ve igual en todos los navegadores,
    * Les permitirá, con aplicar un par de clases, crear diseños muy agradables a la vista.
    * Incorpora layouts (investiguen si es que no saben lo que es).
    * Entre otras muchas cosas que aún no sé xD.

    Por último, hay herramientas en línea que les permiten modificar el diseño (y aplicar temas pre-definidos) y luego descargarlo. Una de estas herramientas es http://bootstrap-live-customizer.com/.

    No tengo tiempo para hacer un tutorial, pero debería bastarles con la documentación. Por favor, aprendan less (lo necesitan si quieren modificar el código fuente de bootstrap), les será más fácil modificar el código fuente (que está escrito en less), que modificar el CSS.

    Les dejo el sitio oficial de Bootstrap: http://getbootstrap.com/.

    Saludos!

    P.D: Otra cosa más... para los programadores, tal vez les interese AngularJS. Este framework agiliza mucho el proceso de creación de una interfaz de usuario y ya no tendrán que usar jQuery (a pesar de que Angular utiliza, internamente, una versión más liviana de jQuery).
    Última edición por skaparate; 16/11/2015 a las 20:51

  2. #2
    Me va gustando esto... Habitante Avatar de CircuitoX
    Fecha de Ingreso
    29 nov, 09
    Mensajes
    66
    Poder de Reputación
    12
    Yo uso bootstrap para realizar los menus en wordpress, por tema de optimización y rápidez uso un css de bootstrap minimizado es decir que solo utilizo lo que se necesita, hay muchas líneas de código que no lo voy a utilzar, por ejmplo:
    de 120 kb, lo vuelvo a 18kb esto solo me sirve para el menu para wordpress.
    My website responsive, html5, puro css y con Animación css3 web cusco
    Algo Diferente Paginas web Cusco
    Si necesitas ayuda con algo, entonces:
    http://www.google.com/+NestorMinaweb

  3. #3
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    02 may, 11
    Ubicación
    Santiago, Chile
    Mensajes
    2,047
    Poder de Reputación
    21
    Excelente @CircuitoX! Es una forma muy eficiente de diseñar sitios web y ojalá los novatos lo vean antes de comenzar el curso, pues así se ahorrarán muchos problemas a futuro (especialmente los diseños compatibles en computadores y smartphones o equipos más pequeños - Responsive Design).

    Saludos!

  4. #4
    Esto empieza a ser un vicio... Habitante Avatar de Doodleo
    Fecha de Ingreso
    25 abr, 11
    Ubicación
    Galicia (España)
    Mensajes
    1,329
    Poder de Reputación
    17
    Ya no tengo mucho tiempo de andar con la programación web, pero en los pocos proyectos que trabajo ahora utilizo Bootstrap :)
    Muy recomendado, sobretodo si queréis un responsive design en vuestra página web.

    Pronto saldrá la versión 4, según pone en la página oficial.

    Feliz año a todos!

  5. #5
    Recien Llegado! Habitual
    Fecha de Ingreso
    18 abr, 16
    Ubicación
    Lanzarote
    Mensajes
    10
    Poder de Reputación
    3
    Estoy todavia en fase de aprendizaje y aun no he empezado a usarlo porque quiera llegar a él con mejores fundamentos de HTML, CSS y JavaScript, pero la verdad es que estoy deseando hincarle el diente a Bootstrap.

    Aquí os dejo un enlace muy interesante para el que quiera aprender o consultar sobre el tema:
    http://librosweb.es/libro/bootstrap_3/

    Un saludo.

  6. #6
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    02 may, 11
    Ubicación
    Santiago, Chile
    Mensajes
    2,047
    Poder de Reputación
    21
    Excelente aporte @Manu, gracias.

  7. #7
    Me va gustando esto... Habitante
    Fecha de Ingreso
    25 mar, 16
    Mensajes
    31
    Poder de Reputación
    3
    voy a informarme

  8. #8
    Recien Llegado! Habitante
    Fecha de Ingreso
    30 sep, 16
    Mensajes
    15
    Poder de Reputación
    2
    Cita Iniciado por yayazo Ver Mensaje
    voy a informarme
    lo mismo! no lo conocía

Temas Similares

  1. Generador de nombres - Mi web hecha con Bootstrap
    Por AnaMariaRosas en el foro Criticamos Tu Web (pero no foros)
    Respuestas: 1
    Último Mensaje: 26/12/2016, 12:34
  2. Otra forma de crear tu web: TUTORIAL
    Por valsal en el foro Tutoriales Varios
    Respuestas: 38
    Último Mensaje: 01/11/2007, 22:57
  3. Mi nueva web, para el listado de webs
    Por pipogue en el foro Cuarentena - Papelera
    Respuestas: 1
    Último Mensaje: 02/01/1970, 07:24

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •