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

Bootstrap 3 preview

rc.getbootstrap.com

Post reply on HN
Print view View original

91–100 of 166 posts

Re: Bootstrap 3 preview

#91

Post by jasonlotito »

gdonelli wrote: post #51

Can we make the flat UI optional?

https://github.com/twitter/bootstrap/pull/6342#issuecomment-... Gradients and other embellishments have temporarily been removed while I focus on other things. It has nothing to do with skeuomorphism or anything like that.

Also, considering the nature of Bootstrap, the UI design is always optional.

Re: Bootstrap 3 preview

#92

Post by crisnoble »

alexvr wrote: post #75
crisnoble wrote: post #57

Earlier quoted context omitted.

>I can make flat DIVs myself, thank you very much. What about the scaffolding, the grid system and sane typographic rhythm? What about the glyphicons and out of the box mobile awesomeness? Bootstrap is more than 3D buttons and box shadows, perhaps they are moving away from that to focus on the utilities that make the framework great, and not for the shiny buttons.

You're right, but I never use the grid stuff anyway; I only want to invest time in learning about something if it's not framework/vendor-locked, so to speak, so I'd rather just use the elements and do the scaffolding myself. Glyphicons are probably my favorite part, though.

If you literally only want the buttons, then you should use something like this: http://blog.koalite.com/bbg/ to create the css for your buttons and avoid a whole lot of overhead including the entire framework's css just to get the buttons.

Re: Bootstrap 3 preview

#93

Post by baby »

rkuykendall-com wrote: post #45
baby wrote: post #23

Earlier quoted context omitted.

Well there is no Scaffolding section so it's hard to know what changed beside the aesthetic.

This is the new scaffolding section: http://rc.getbootstrap.com/css/#grid-system I've only been using bootstrap for a week, but I instantly noticed that the grid elements were separated not with a left margin, but with both left and right padding. This is going to be fantastic, and shows their responsive first thinking.

Weird that the Grid section is buried in the CSS section where it's the most important. See, I like that Foundation starts by explaining directly how the grid system works. That columns need to be in rows, etc... Overall Bootstrap's documentation is better, but it lacks this Grid System first approach.

Still no border-sizing:border-box. Which makes me still root for Foundation.

Buuut, there is now a better nesting (Foundation-like) where there is no need to write row-fluid. Which is good.

Re: Bootstrap 3 preview

#94

Post by eflowers »

psychometry wrote: post #61
lucisferre wrote: post #48

Earlier quoted context omitted.

What would you suggest they use? Why does your happiness depend on this?

Use bootstrap, but customize the design to fit your brand. Bootstrap is a framework for building your own CSS on top of. The less opinionated it becomes, the better, since it'll make it easier to adapt the framework for your design.

This is the key to Bootstrap (or similar css frameworks). It's not intended to be a theme. If you want to just have the css/html ready for you to do some documentation or a project that has no need for any visual differentiation, then go ahead and use vanilla.

When used to build something that should be visibly unique, the visual design and appeal is something that should be created aside from bootstrap, maybe with the grid in mind, and delivered as mockups or pattern guides.

Re: Bootstrap 3 preview

#95

Post by tonyblundell »

benoitg wrote: post #9

For everyone complaining about the flatness, it looks like it's only temporary. https://github.com/twitter/bootstrap/pull/6342#issuecomment-...

Would be cool if the gradients and 'shiny' stuff was in a separate file so it could easily be removed for those who want a flatter look. In 2 it's scattered around the codebase.

Re: Bootstrap 3 preview

#97

Post by duncans »

callahad wrote: post #7
Kiro wrote: post #5

The buttons look like they are disabled.

More than that, they have a really strange linear gradient on Firefox for Android. My flight is about to take off, so I can't check on desktop Firefox or submit a bug report right now. :(

Hey everybody, callahad is on a plane!

Re: Bootstrap 3 preview

#98

Post by drewmclellan »

The issue Bootstrap still has is that the parts that make use of JavaScript completely rely on JavaScript. If you're on a flakey data connection, for example, and JavaScript doesn't load parts of the page simply break.

The tab component is a good example of this - turn off JavaScript in your browser and you'll see that it still looks like tabs (thanks to CSS) but you just can't access anything part from the first tab.

Technically, this isn't a hard problem to solve. Have JavaScript add the HTML class that triggers the CSS rules to make the content look like tabs. If JavaScript fails, no part of the page ever gets hidden.

It would be great to see Bootstrap embrace progressive enhancement properly. With more devices of different capabilities accessing the web over networks of varying quality all the time, it becomes more important than ever to build robustly and not just for the best-case scenario.

Re: Bootstrap 3 preview

#99

Post by jackmoore »

rkuykendall-com wrote: post #45
baby wrote: post #23

Earlier quoted context omitted.

Well there is no Scaffolding section so it's hard to know what changed beside the aesthetic.

This is the new scaffolding section: http://rc.getbootstrap.com/css/#grid-system I've only been using bootstrap for a week, but I instantly noticed that the grid elements were separated not with a left margin, but with both left and right padding. This is going to be fantastic, and shows their responsive first thinking.

Why does padding make it more responsive than using margins? I've considered using padded grids as well, but was discouraged because it would lead to more markup if you don't want background images/color to bleed into your gutters.
Post reply on HN