Bootflat: Open Source Flat UI Kit based on Twitter Bootstrap 3 | Hacker News Reader

Bootflat: Open Source Flat UI Kit based on Twitter Bootstrap 3

bootflat.github.io

207 pointsjalan52 comments

This looks very nice.

As a primarily backend guy I appreciate all the work people do on this stuff a lot (even if I don't use it I often refer to it for both inspiration and ideas on how to do stuff).

Thanks for sharing.

EDIT: For example I'm already "borrowing" the colours from the notification dialogs, they look much nicer than the stock ones :).

Same thing here, though in the moment I'm having a hard time finding U[I|X] solutions/patterns for the webapp I'm designing, which is much harder than a theme (for me). In the sense that "now, this is organized from a database point of view, how do I make users consume and interact with it?"...

(Just looking at Facebook blows my mind when you start realizing how many tiny patterns they have for displaying more information on the screen. Things like "Jack and 13 more like your link" w/ click to expand)

http://bootsnipp.com/ is nice, doesn't have everything but can speed up prototyping dramatically.

that's an awesome site, wonder if there is anything more like it

There are tons of them.

Below is a good list of them that has been around for a while, enjoy.

http://bootstraphero.com/the-big-badass-list-of-twitter-boot...

For UI/UX inspiration, see:

http://patterntap.com

http://uxarchive.com - Mobile

http://pttrns.com - Mobile

http://zurb.com/responsive - Responsive

=== Just FYI... after opening this link, === and in short succession this nearby one: news.ycombinator.com/item?id=7404618 ("HTML is almost 100% responsive out of the box (fluidity.sexy)"), something sent my Firefox browser and then my entire Galaxy Tab 8.9 (which has been functioning pretty flawlessly for 3+ years) into an unstable state.

I may have to root/wipe it now... :( I can't prove that it was caused by either this or the other link, but the coincidence is troubling... who checks these HN submissions for malware anyway?

Another flat CSS theme for bootstrap? How many minutes did that take you? The layout on the site does look nice though.

http://flathemes.com/ is your main website, it has a link to download version 1.0.1 (even though github says version 2.0.0 is the latest), then when I click download it says that I have to Like with Facebook or Twitter to download my "free gift" of your BootFlat theme, that rubs me the wrong way.

Argh! I hate it when people do things I don't like!!!

Stop the hating, please. It has a hugely negative effect on HN in general and on creators specifically. Don't use it if you don't like it.

Whenever I come across people who really hate me and my work it takes every ounce of energy to try and ignore them and move on. So hard. --John Resig, creator of jQuery (https://twitter.com/jeresig/status/425483930918060032)

and you are not ignoring. And yes the flat fad is dead already and this "work" is just a rip off. So one can "hate" it as much as one wants.

This is such a silly comment.

If people can't show their opinions of things, whats the point of even having HN. I didn't realise that everyone had to love everything posted on this site.

I think it's a question of the tone with which he "didn't love."

There's a difference between:

"Another flat CSS theme for bootstrap? How many minutes did that take you?"

and

"There have been a number of flat CSS themes presented on this site, so I find it hard for any one of them to really distinguish themselves. Have you considered [the idea that OP thinks is better or more original or more useful]?

---

The reason it's less than ideal to weigh in with such disdain is that it discourages other people for whom creating something like that would be a MASSIVE undertaking.

Imagine a beginning designer who doesn't know anything about CSS or graphic design, so, for their initial project, they want to create a flat CSS theme. It's ambitious for them, and they're anxious to start and they log into HN and...oh. Wow. That person just made something better than I could ever make and got BLASTED.

What's the point of trying?

Comment #2 encourages them and points them towards a better suggestion. Comment #1 adds nothing.

Reason #1 for the harsh tone was the requirement of a social media Like before the download.

Reason #2 was that I was disappointed that a CSS file with a few colors changed passes as an HN article these days.

Humility is a valuable lesson to learn. I see no reason to lie to the person and pretend that they provide any real value to anyone actually using Bootstrap.

The point of trying is not to show off, it should be for self-growth. If the article said, "this is my first project as a web-developer, what do you think", then I would have been much more polite, instead this guy just wants as many Facebook likes as possible so that he can eventually make money off of you.

Did the page change in the past 15 hours? You can download the theme as a zip[0] without any social bullshit, or install using bower.

[0] https://github.com/bootflat/bootflat.github.io/archive/maste...

Yes, yes it did. Possibly because of my comment. Either way, good job on the changes OP.

There's a huge difference between sharing opinions and hating. "Another flat theme for bootstrap? How long did that take you?" is hating. "I don't like this, it's not good" or any variation there of is an opinion, ideally containing some reasoning.

Yeah! How dare an author of something free asks you to do another free action to acknowledge his work that you're about to benefit from!

This looks really nice, thanks for creating it.

I'm looking to use it for a small redesign project this week, and I had a quick concern - when I load the sample files on my OS X 10.9.2 in Chrome, the text won't show. Once I "inspect element" in Chrome, it pops in. Strange error for sure - just me or anyone else?

https://www.dropbox.com/s/kkwjt7prm5a4xuh/Screenshot%202014-...

Theres currently a bug in chrome 33/34 where web fonts won't render until you force a repaint.

https://code.google.com/p/chromium/issues/detail?id=336476

.list-group-item warning has color #ffbf21, background-color #ffce54. This is almost impossible to read.

Also, I'm not sure SPAN is a requirement for the .active element in a .breadcrumb, but your .breadcrumb-arrow requires one.

I think your constructive criticism has more chance of being heard at the github repo:

https://github.com/bootflat/bootflat.github.io

I toyed with the idea of logging these as issues, but thought they might not quite qualify, and assumed the author would be reading this thread. Maybe I'll go log them there after all ...

Nexus 7, Chrome, portrait, dropdown menus don't expand.

This is a great looking theme, really like it. Nice work.

Arrgh, does this not bother anyone else? http://imgur.com/X9kZZ5w There's more space below the text than there is to the sides or above, because there's a bottom margin on the paragraph within the popover and that gets added to the padding within the popover.

I'm sure there's going to be a lot of nay-saying here but I have to say I think this looks fantastic. I'm trying to reskin https://code.google.com/p/svg-edit/ and I wonder if I can use this to bring it a bit more up-to-date.

I've used bootflat for a previous project, prior to bootstrap 3, but have since switched. It looks great, but it's just a slight modification in colour scheme now, whereas before it was a huge difference. Bootstrap's hosted on a CDN too, which is nice.

Hmm, that was a bit confusing. It's not clear what your prepositions "it" are referring to.

Thank God for bootstrap and bootstrap kits. I've got no skills in design and all, but still can make acceptable UIs for my servers by hammering bootstrap all over the place.

I'm not an expert, but isn't shadows and rounded corners like anti-flat?

Why on earth would rounded corners be anti-flat? Shadows, I give you.

I think I read it somewhere. Maybe I was mistaken.

At least it is in Metro.

This is not nearly as good as Designmodo's Flat UI. Seems that people are just going to keep making Flat design kits because they are easy.

Love it.

How many of those do we need?

Law of building - anything easy to make will be made over and over again. Anything difficult to make will be made once and complained about forever.

Seems true at first, but then shouldn't text editors be difficult?

What do you mean? There are tons of text editors.

Source: https://www.google.com/search?q=text+editor

And what exactly are you complaining about?

none of them,fortunatly.

I think HN has jumped the shark.

Reply on news.ycombinator.com