¡Impresionante framework! Bootstrap

metacortex · #1 (**permalink**) 11/10/2012, 09:44

Amigos, nunca he usado un framework para maquetar. Lo he intentado pero al final me tropezaba con más problemas que soluciones.

Anoche me encontré con Bootstrap y quedé así =>

. Me gustó tanto que estuve probándolo hasta las 4 de la mañana. No sólo se obtienen los beneficios de un robusto framework CSS sino el mejor uso del javascript, incluyendo el apoyo para el diseño sensible a dispositivos (responsive design).

Hasta donde lo pude testear se me hizo muy fácil desarrollar una interfaz decente en tiempo récord. Sin embargo es sano preguntar para salir completamente de dudas: ¿Alguien se ha apoyado en este recurso para desarrollar proyectos? ¿Qué tal le ha ido?.

pzin · #2 (**permalink**) 11/10/2012, 10:30

Yo lo conozco de vista. Tengo un amigo que lo usa mucho y está la mar de contento. Lo que desconocía era que viniera preparado para RWD.

Yo que tú me iba a echar una siestecita hoy.

sergi_multimedia · #3 (**permalink**) 11/10/2012, 14:45

Yo un día casi me animé a usarlo, pero las etiquetas no son semánticas, y para el posicionamiento de google creo que tiene bastantes desventajas.

Aunque sin haberlo probado a fondo, muy por arriba, la facilidad de uso y el resultado final es fenomenal.

Si alguien lo ha usado que cuente sus experiencias.

Saludos

rogertm · #4 (**permalink**) 12/10/2012, 12:05

Hace unos días lo vi, lo bajé, pero no le di mucha importancia, ahora que veo este hilo me pongo a echarle una ojeada y si me parece un framework muy interesante.

Igual hay muchos allá afuera, pero este tiene la particularidad de que ya trae mucho trabajo adelantado, y en caso de que se necesite cambiar alguna cosa, no hay nada que un Ctrl+H no pueda arreglar

chrishxc · #5 (**permalink**) 12/10/2012, 12:22

Yo tuve que hacer un trabajo con bootstrap este verano.
Lamentablemente no puedo decirte la web pq no está aun on-line (dejé el proyecto a medio camino).

Me pareció divertido, pero nada más. Igualito que tu, el primer día me pasé mil horas apuntando en una libreta todas las etiquetas y pensando lo "fácil que iba a ser maquetar cuando me las aprendiera todas".

A la mañana siguiente me volvía loco para hacer una cosa que de codificar de cero el css lo tendría hecho en 5 minutos.

No sé. Personalmente me gusta empezar de cero y teclear a mi modo.

pzin · #6 (**permalink**) 12/10/2012, 12:37

Cita:

Iniciado por chrishxc

No sé. Personalmente me gusta empezar de cero y teclear a mi modo.

Pero eso es normal, cuando empiezas a usar un framework al final piensas que haciéndolo de cero acabas antes, pero después de conocerlo un poco más ya la cosa cambia. De hecho, la idea de cualquier framework es ahorrar trabajo y tiempo.

metacortex · #7 (**permalink**) 12/10/2012, 20:00

Aprovechando que hoy es Día de la Resistencia Indígena estuve probando más este framework y -al igual que chrishxc y Bonez- me sigo quedando con la maquetación "a manito".

- Lo que más me desanimó es la exagerada anidación de capas en varios casos. Nada mejor que un buen equilibrio entre presentación y estructura. Pienso que lamentablemente el Framework no da la talla en esta parte.

- sergi_multimedia tiene razón respecto a las etiquetas, algunas no son semánticas; imagino que se debe a su misma calidad de framework orientado a un uso general (entiéndase genérico).

Cuando me entero de la existencia de un recurso de este tipo, en ocasiones me animo a probarlo (de repente me di cuenta que es una costumbre que ya tiene sus años). Hasta ahora conservo la misma posición: no me he topado con el primer framework que realmente represente una solución real.

Una conclusión personal: el CSS por sí mismo ya nos facilita la vida. Al implementar soluciones sobre algo que, a su vez, ya es una solución, es posible que terminemos complicándonos más.

Otra conclusión: el único framework que uso constantemente es JQuery. El motivo principal: no domino javascript (y no tengo planeado ahondar conocimientos en esa materia). Quizás los frameworks CSS también están pensados para ese segmento de usuarios que lo necesitan pero no lo dominan.

sergi_multimedia · #8 (**permalink**) 16/10/2012, 19:34

Cita:

Iniciado por metacortex

Otra conclusión: el único framework que uso constantemente es JQuery. El motivo principal: no domino javascript (y no tengo planeado ahondar conocimientos en esa materia). Quizás los frameworks CSS también están pensados para ese segmento de usuarios que lo necesitan pero no lo dominan.

Se puede plantear tal y como lo dices y estoy bastante de acuerdo, pero entonces si así fuera los profesionales con conocimientos de Javascript no usarían Jquery, y como todos sabemos la gran mayoría lo usa.

Un saludo ;)

chichote · #9 (**permalink**) 16/10/2012, 20:02

el responsive es tan simple, los media query son tan simples que se debe evaluar bien si utilizar o no un framework css. bootstrap lo utilizo desde hace algun tiempo, pero para generar intranet, paneles de administracion en general, es muy bueno, y su suite javascript tambien es buena, simple. Y si tienes conocimientos avanzados de jquery entonces es una bomba, pero para sitios web lo pienso bastante antes de utilizar este o cualquiera de la graaaaan variedad que existe.

rogertm · #10 (**permalink**) 17/10/2012, 10:42

Tomando en cuenta lo que algunos han dicho respecto a ciertas libertades y facilidades, creo que Golden Grid System sería una buena opción

chichote · #11 (**permalink**) 18/10/2012, 13:48

Estoy desarrollando un par de sitios con http://www.initializr.com/, no es nada nuevo, es un kit que facilita un poco las cosa permitiendo obtener una base seteada con mornizer, bootstraap y html5boilerplate.

Saludos.

rogertm · #12 (**permalink**) 19/10/2012, 06:30

También estuve husmeando LESS, un framework javascript que permite trabajar con css como si fuera un lenguaje de programación, osea, permite crear variables (en realidad constantes), funciones a las que les puedes pasar parámetros, anidar clases dentro de otras clases y elementos. En fin, me parece muy interesante, ojalá y el futuro de CSS valla por ese camino...

pzin · #13 (**permalink**) 19/10/2012, 08:24

rogertm yo uso Sass, que viene siendo lo mismo que LESS. Pero no sé si considerarlo un framework como tal.

De hecho a mi modo de ver es más parecido a un lenguaje —hiperlimitado por supuesto— que a un framework. En este sentido, también está haml, que es al html lo que Sass/LESS a CSS.

metacortex · #14 (**permalink**) 19/10/2012, 11:46

Lo que yo veo es que muchos de estos frameworks intentan reinventar la rueda ¿Qué podría ser más fácil que esto a la hora de detectar el ancho de la ventana (y en consecuencia permitir establecer una presentación diferente según el dispositivo)?:

Código CSS:

Ver original@media only screen and (max-width: 320px),
only screen and (max-device-width: 320px) {
 
    /* código personalizado */
 
}

chichote · #15 (**permalink**) 24/10/2012, 09:27

Cita:

Iniciado por metacortex

Lo que yo veo es que muchos de estos frameworks intentan reinventar la rueda ¿Qué podría ser más fácil que esto a la hora de detectar el ancho de la ventana (y en consecuencia permitir establecer una presentación diferente según el dispositivo)?:

Código CSS:

Ver original@media only screen and (max-width: 320px),
only screen and (max-device-width: 320px) {
 
    /* código personalizado */
 
}

existen varias maneras, ya sea por javascript o css, personalmente soy fan de las media query, si haces un diagramado eficiente del html, la cantidad de código que utilices para cada una de las resoliciones sera muy poco. En segundo lugar juego con javascript, principalmente con jquery, pero trato de evitarlo porque siempre queda un margen de tiempo mientras carga la libreria jquery y por otro lado el responsive no es como su palabra lo dice, flexible o fluido.

fodsite · #16 (**permalink**) 24/10/2012, 15:28

Personalmente prefiero desarrollar el css desde cero, una vez que tienes la experiencia necesaria, se te hará más fácil realizar las modificaciones posteriores.

Este framework lo veo más para el desarrollo back-end o para proyectos en que existan varios maquetadores, lo que permitirá que hablen el mismo idioma.

edudw · #17 (**permalink**) 23/01/2013, 21:03

Yo también lo he probado. Para sitios sencillos con sidebar estilo wordpress anda bien, pero ya se complica (al menos para mi, no soy programador) al tratar de hacer themes mas complejos para wordpress (tipo pinterest x ejemplo). Es cosa de ver las galerias de estos sitios, la mayoria a pantalla completa y nada mas. Solo cambio de colores y proporciones.

Es cosa de darse una vuelta por los foros que hablan de bootstrap en ingles y se daran cuenta. Confusiones sobre porque lo fixed se transforma en fluido, confusiones con span, row y content.... Un lío.

memoadian · #18 (**permalink**) 24/01/2013, 00:34

Yo lo uso, no tiene gran ciencia. usarlo es cosa de niños.

Less no es en si un framework, por que de hecho generan un css común y corriente, solo que se aminora el tecleado de estilos.

De todos modos bootstrap es compatible con less, otra de sus ventajas es que es muy flexible.
cuando lo conoces bien, puedes hacer cosas geniales, además los templates premium se venden muy bien si estan basados en bootstrap

metacortex · #19 (**permalink**) 07/03/2013, 18:17

Cita:

Iniciado por fodsite

Este framework lo veo más para el desarrollo back-end o para proyectos en que existan varios maquetadores, lo que permitirá que hablen el mismo idioma.

A esta parte le veo mucha ventaja y creo que vale la pena el sacrificio que conlleva adaptarse a este recurso.

Desde la creación de este tópico hasta ahora, he probado tanto Twitter Bootstrap como varios elementos de usabilidad (de terceros) construidos para éste. De hecho estoy debutando con el framework mediante un nuevo proyecto en WordPress, el cual exige una fuerte personalización del panel de edición. Sencillamente genial. Y la parte tranquilizadora es precisamente lo que mencionas: Si un eventual proveedor de servicios se topa en el futuro con mi trabajo, encontrará un entorno organizado y documentado que le permitirá orientarse fácilmente (si domina el área, desde luego).

Cita:

Iniciado por memoadian

además los templates premium se venden muy bien si estan basados en bootstrap

Me gustaría saber más sobre esto.

edudw · #20 (**permalink**) 20/03/2013, 22:00

Me pase a Foundation. Es más sencillo, al menos para mi. La desventaja es que solo hay 4 o 5 themes base para wordpress, pero con los ejemplos que esta en esta url http://foundation.zurb.com/templates.php no se ve tan difícil.

gepd · #21 (**permalink**) 22/03/2013, 01:28

revisé rápidamente Foundation y lo veo similar a bootstrap y a 960 grid system

creo que cuando se conoce la lógica que usan todos, con cualquiera de ellos se hace fácil comenzar a maquetar, yo estuve probando en un comienzo 960 grid y me gustó, luego me cambié a bootstrap porque genera un sitio web responsive prácticamente automático y además porque incluye muchas otras funciones, formularios, botones, etc. Además está muy bien documentado.

El único punto negativo, que me hizo falta, en comparación con 960, fue poder eliminar los bordes de 10px que hay entre cada "bloque" (span)

por lo demás ya me estoy acostumbrando y he ahorrado mucho tiempo haciendo una plantilla para wordpress.

edudw · #22 (**permalink**) 22/03/2013, 14:38

Lo de los bordes se modifica en el css madre por decirlo de algún modo. En lo de automatico tienes razón. Pero, tanto es así que todos los sitios se parecen. En fin. En gustos no hay nada escrito como dicen.

saludos