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

Bootstrap 2.0, From Twitter

twitter.github.com

Post reply on HN
Print view View original

151–160 of 163 posts

Re: Bootstrap 2.0, From Twitter

#151

Post by StavrosK »

dminor wrote: post #138
StavrosK wrote: post #118

Earlier quoted context omitted.

I have filed a bug that was closed about this very thing. Bootstrap is very hard to customize because the variable color names are inane. Rather than define a palette of X many colors and then use that everywhere, bootstrap defines variables as @gray, @pink, @white, etc. If you want a light-on-dark layout, you need to redefine @gray as white, which makes no sense. I proposed names like @primaryColor, @primaryColorLig…

That's a shame - this is my main complaint about bootstrap. If you do plunge ahead and do a bunch of color customization, it also makes upgrading to new versions a pain.

Actually, to give credit where it's due, I just downloaded the 2.0 release and it seems like things are much better. Still not at the point I'm describing, but at least the end classes aren't littered with @gray declarations.

Re: Bootstrap 2.0, From Twitter

#152

Post by eurleif »

davidw wrote: post #147
jonknee wrote: post #135

Earlier quoted context omitted.

It's used on Twitter, Google and Facebook (er, Blue Bar). I think the "average user" can get it.

There are plenty of 'average Joe' kind of people who don't use stuff like Twitter or Facebook much. Some of our customers seem to have some difficulties finding information on pricing here, for instance: http://www.liberwriter.com/ If that navigation link were at the top in a small black band, it might as well be on Mars.

Are you sure people wouldn't have an easier time finding the nav links on your site if they were in a bar? They look a lot like body text to me now, which might be the issue. Have you done any testing?

Re: Bootstrap 2.0, From Twitter

#153

Post by easp »

VonLipwig wrote: post #87

I am going to chime in being negative against the wave of positive feedback here. Twitter has done well releasing this and when I first saw it ages ago it looked neat and fairly professional. However, like a pop song which has been completely overplayed on the radio it has become tired and frankly a bit annoying. It has its uses offline to quickly get a demo up and running but it shouldn't be used on a live site. At…

Once upon a time, smart, thoughtful people thought it was a good thing for different applications to make use of a common set of well thought out UI elements because it allowed users to leverage knowledge across many applications.

Some would say that it isn't a bad thing to have more of that on the web.

Re: Bootstrap 2.0, From Twitter

#154

Post by davidw »

eurleif wrote: post #152
davidw wrote: post #147

Earlier quoted context omitted.

There are plenty of 'average Joe' kind of people who don't use stuff like Twitter or Facebook much. Some of our customers seem to have some difficulties finding information on pricing here, for instance: http://www.liberwriter.com/ If that navigation link were at the top in a small black band, it might as well be on Mars.

Are you sure people wouldn't have an easier time finding the nav links on your site if they were in a bar? They look a lot like body text to me now, which might be the issue. Have you done any testing?

I think a bar might work and that testing would be the best way to see.

The point about pricing in particular is that there is a huge button in the middle of the page, and people are still not clicking it. My instincts are that a black bar at the top of the screen would be nearly invisible to these people, many of whom are more advanced in their years than the average HN user.

Re: Bootstrap 2.0, From Twitter

#155

Post by danneu »

dminor wrote: post #138
StavrosK wrote: post #118

Earlier quoted context omitted.

I have filed a bug that was closed about this very thing. Bootstrap is very hard to customize because the variable color names are inane. Rather than define a palette of X many colors and then use that everywhere, bootstrap defines variables as @gray, @pink, @white, etc. If you want a light-on-dark layout, you need to redefine @gray as white, which makes no sense. I proposed names like @primaryColor, @primaryColorLig…

That's a shame - this is my main complaint about bootstrap. If you do plunge ahead and do a bunch of color customization, it also makes upgrading to new versions a pain.

I didn't even notice the LESS variables and built a dark theme in about 20 minutes by cascading over Bootstrap vanilla. Upgrading isn't an issue as long as you make customizations in a separate file that you simply include after bootstrap.css.

http://danneu.com/darkstrap/darkstrap.html

Re: Bootstrap 2.0, From Twitter

#156

Post by danneu »

pdk wrote: post #60

Has anyone compared this to the Skeleton responsive grid? I like that the styling on skeleton is more minimalist, but worry that I'm missing on some features from Bootstrap.

I use Skeleton on my blog.

You're worried that it's missing some features? Skeleton has no features. It's a grid, some typography, and some defaults. On the other hand, Bootstrap is a complete front-end package. They're very different. Look at Bootstrap's js bundle alone.

Skeleton is nice when you just want some sensible defaults with your responsive grid.

Re: Bootstrap 2.0, From Twitter

#157

Post by damncabbage »

digitaltoad wrote: post #125
damncabbage wrote: post #89

Earlier quoted context omitted.

Foundation uses s with its form fields (eg. , etc), which just makes it annoying to style if you want to style anything ever so slightly out of the box Zurb puts you in.

I use Foundation and haven't had to use any with forms, nor have I even thought about it.

Ah, this is my error, sorry.

I went back and checked; it was actually the lack of any wrapping container that was bothering me; etc.

(Unless you're very careful with the styling it gets to be a pain in the bum to include non-standard chunks of markup underneath some elements, particularly if you want to arrange the label on the left and everything else on the right.)

Re: Bootstrap 2.0, From Twitter

#159

Post by mrpollo »

nhebb wrote: post #84
niels wrote: post #81

Earlier quoted context omitted.

They don't use anymore. They use class icon.

It looks like they still do. From http://twitter.github.com/bootstrap/base-css.html#icons How to use With v2.0.0, we have opted to use an tag for all our icons, but they have no case class—only a shared prefix. To use, place the following code just about anywhere:

yeah, it's only their recommendation it doesn't really matter what tag as long as you have the class here is the selector

[class^="icon-"]

Post reply on HN