Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Twitter's Bootstrap 2 ready for testing and feedback

markdotto.com

Post reply on HN
Print view View original

61–70 of 87 posts

Re: Twitter's Bootstrap 2 ready for testing and feedback

#61

Post by firefoxman1 »

hmigneron wrote: post #14
tptacek wrote: post #9

Have been using and loving Bootstrap for the past few weeks. Can't recommend it highly enough. I thought Themeforest templates were a great secret weapon, but the thoughtfulness that went into the actual markup in Bootstrap makes working with it fast and painless. That said: no idea what's in Bootstrap 2. Someone got a concise summary?

Not quite a concise summary, but looking at the documentation, the biggest changes I noticed were : - Responsive design using media queries - CSS Progress bars - A few new javascript plugins (Carousel, Typehead) - Icons The documentation is online here in case you missed the link the article : http://markdotto.com/bs2/docs/index.html Maybe someone has a better summary

Typehead is really responsive too. Especially for how fuzzy its matching is.

Re: Twitter's Bootstrap 2 ready for testing and feedback

#62

Post by roryokane »

latchkey wrote: post #35
mrchess wrote: post #15

Does anyone know why LESS was picked over SASS for Bootstrap?

While Less and Sass are really similar products that do pretty much the same thing; I switched my site from initially using Sass (scss) to now using Less for three reasons: a) Bootstrap uses less and I'm using bootstrap. b) It was trivial to go from sass to less. Mostly just renaming files to have the right suffix. c) I'm sure someone can argue differently, but I really think that the mixin syntax for Less is signifi…

relevant documentation links on your point “c)”:

http://lesscss.org/#-mixins

http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#im...

Sass, too, supports Less’s mixin model. Sass can include any block as a mixin with the @extend directive (http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#ex...). Basically, if a block is going to be used in the HTML as well as elsewhere, you write it normally and then include it with @extend. If a block is only going to be included in other styles, you write it with @mixin and then include it with @include. I think Sass’s approach is better because it’s more flexible – if a style isn’t going to be referenced in the HTML, it doesn’t clutter up the CSS because it is hidden with @mixin. And if you like Less’s approach better you can just use @extend everywhere.

The main reason I prefer Sass is the indent-based and semicolon-less Sass syntax (as opposed to the SCSS syntax). I find that that syntax’s advantages greatly outweigh its few weaknesses.

Re: Twitter's Bootstrap 2 ready for testing and feedback

#63

Post by scorpion032 »

esmevane wrote: post #8

Fantastic, guys. Great job. Question: I notice that the button styles are still static (as are a lot of the color styles). Are there any plans to implement project-wide color changing based on the primary color variable? I ask because I've hacked this out manually in a project at my day job, and another in my own free time. [Edit]: + I'd be more than happy to contribute this. (Probably should crosspost this to Github…

`@primaryButtonColor`, a less variable is by default set to `@blue`: http://markdotto.com/bs2/docs/less.html#Conponents .

You can always change and recompile.

Re: Twitter's Bootstrap 2 ready for testing and feedback

#64

Post by conradfr »

ibejoeb wrote: post #16
tptacek wrote: post #9

Have been using and loving Bootstrap for the past few weeks. Can't recommend it highly enough. I thought Themeforest templates were a great secret weapon, but the thoughtfulness that went into the actual markup in Bootstrap makes working with it fast and painless. That said: no idea what's in Bootstrap 2. Someone got a concise summary?

The big one, for me at least, is the move from a 16-column grid to a 12-column grid. I didn't look into the technical differences, just those that would impact development with it. I just converted a ton of stuff (like last week ), so it's pretty fresh in my mind. I feel like I should have checked the wip branch first, but this has really become my favorite kit. I've been about 95% YUI and the remainder OOCSS, and Bo…

I don't really get why they would get rid of the 16-column instead of only adding the 12 and mix them with something like .

I have use for both.

Re: Twitter's Bootstrap 2 ready for testing and feedback

#65

Post by JustinMowka »

I have used Zorb's Foundation for all of my projects, just because of the responsive layout.

Should I bother "porting" them to Bootstrap or is there no real advantage?

I still am reluctant to move to Bootstrap, but due to its popularity I think it will get more updates and will attract more people willing to improve it ...

Re: Twitter's Bootstrap 2 ready for testing and feedback

#66

Post by sheraz »

dkhenry wrote: post #10
sheraz wrote: post #2

I've been using the new twitter bootstrap with backbonejs for some prototypes and have progressed much faster than I anticipated. The learning curve on this one was not bad at all -- the examples are great!

Bootstrap and backbone are great together. I wish there was more concrete tutorials on getting the two to play nice, but all I could find was bits and pieces about both. Even with that I have managed to knock out a few prototypes fairly easily.

I'd be happy to share -- maybe we could take the todo.js example a but further and make it pretty with boostrap?

Hell, I would even strip out the localStorage and include a php script that hits a sqlite database.

Re: Twitter's Bootstrap 2 ready for testing and feedback

#67

Post by alwillis »

davidw wrote: post #31
aaronbrethorst wrote: post #11

Earlier quoted context omitted.

The docs offer more details: http://markdotto.com/bs2/docs/index.html Here's my quick (and probably incomplete) list: - new 12 column grid - responsive layout - tons of new JS plugins - stacked forms are now the default - lots of new 'controls', like split buttons, new tabs, toolbars, highly styled radio buttons and check boxes. - icons(!)

I wonder if this puts it 'ahead' of Zurb Foundation? I have this sneaking suspicion that even if Zurb does a 'good' job, unless it's way better, they're never going to get the publicity these guys do, and thus won't have quite the same feedback loop.

The Zurb guys talked about Foundation vs. Bootstrap on The Changelog podcast: http://thechangelog.com/post/13873612141/episode-0-7-0-found...

Re: Twitter's Bootstrap 2 ready for testing and feedback

#68

Post by tmcdonald »

evilduck wrote: post #29
joshfinnie wrote: post #18

Earlier quoted context omitted.

I don't know why, but if you are looking for SASS there is a fork: https://github.com/jlong/sass-twitter-bootstrap

I've been using https://github.com/thomas-mcdonald/bootstrap-sass/tree/2.0 for the last few days. I haven't encountered any problems. A big thanks to Thomas if you read this, a gem is way nicer than converting it myself.

Much appreciated - it's nice to hear and see others using it. There's a few commits to catch up with on the 2.0-wip branch, hopefully I'll get some updates done and pushed today.

Re: Twitter's Bootstrap 2 ready for testing and feedback

#69

Post by ThomPete »

tptacek wrote: post #56
tstegart wrote: post #55

Earlier quoted context omitted.

Can you recommend a different book that would be more useful to someone trying to edit Twitter Bootstrap from a beginner's perspective?

You don't need a book. You just need to build a hello-world application with the Bootstrap CSS/JS code, using one of the layouts they provide as a starting point. Then just use the page of Bootstrap demos as an a la carte menu as you find yourself needing UI features. The Grid Systems book that was recommended earlier is a better bet if you're a typographer or graphic designer, and particularly if you're thinking abo…

That doesn't mean one can't educate oneself on what it is though no?

I mean I am a designer but still taught myself programming and is generally interested in technology.

Understanding design better will make you a better programmer IMHO.

Re: Twitter's Bootstrap 2 ready for testing and feedback

#70

Post by moizsyed »

tstegart wrote: post #55
tptacek wrote: post #53

Earlier quoted context omitted.

I have this book and like it, but I doubt it's particularly useful for the typical nerd wiring up a credible looking web application.

Can you recommend a different book that would be more useful to someone trying to edit Twitter Bootstrap from a beginner's perspective?

Khoi Vinh's Ordering Disorder is a good book on grids, and its focused entirely on web design.

Although, nothing beats Brockmann's Grid Systems book mentioned earlier.

http://www.amazon.com/Ordering-Disorder-Principles-Design-Vo...

Post reply on HN