Live data from Hacker News

Flatstrap - Bootstrap with no rounded corners, gradients or drop shadows

littlesparkvt.com

41–50 of 85 posts

Re: Flatstrap - Bootstrap with no rounded corners, gradients or drop shadows

#41
Nice. I did it by myself some months ago!

https://github.com/tagliala/bootstrap/commit/0b9d96517870009...

I removed gradients, shadows, round corners...

You did a step forward: button gradients!

As many of you pointed out, the problem are bootstrap's updates. Maybe a script that removes .border-radius and converts #gradient in plain color is better

Re: Flatstrap - Bootstrap with no rounded corners, gradients or drop shadows

#44
post #31

Earlier quoted context omitted.

But they rewrote the documentation too! And added their names. Seriously, this is a simple theme, nothing special, people have been theming bootstrap since it came out. Moving on then...

They clearly didn't. There's a ton of references to "Bootstrap" still in the docs. Clearly it was a half-assed copy/paste job.

Comments like this annoy me. Open source zealots are always rambling on about how you can just "fork it and do what you want!" - and then when someone actually does, watch the pitchforks come out.

Re: Flatstrap - Bootstrap with no rounded corners, gradients or drop shadows

#45
post #39

A good next step for Bootstrap would be to create a centralized theme repository with the ability to select and change themes from a centrally-managed repository of approved themes. Almost like an npm for Bootstrap themes.

http://bootswatch.com/

Re: Flatstrap - Bootstrap with no rounded corners, gradients or drop shadows

#46
post #44
post #31

Earlier quoted context omitted.

They clearly didn't. There's a ton of references to "Bootstrap" still in the docs. Clearly it was a half-assed copy/paste job.

Comments like this annoy me. Open source zealots are always rambling on about how you can just "fork it and do what you want!" - and then when someone actually does , watch the pitchforks come out.

I'm not an open source zealot. I like open source, and I promote open source, but I also prefer when people try not to ride on other people's shoulders.

Re: Flatstrap - Bootstrap with no rounded corners, gradients or drop shadows

#47
post #46
post #44

Earlier quoted context omitted.

Comments like this annoy me. Open source zealots are always rambling on about how you can just "fork it and do what you want!" - and then when someone actually does , watch the pitchforks come out.

I'm not an open source zealot. I like open source, and I promote open source, but I also prefer when people try not to ride on other people's shoulders.

That's exactly my point.

How is it intellectually honest to push for openness, but then to belittle people who use the rights the license gives them?

Re: Flatstrap - Bootstrap with no rounded corners, gradients or drop shadows

#49
post #12

Very nice! I kept the gradients but got rid of rounded corners here http://fandalism.com/

Hey man, it would be a cool to see a follow up post for fandalism on what came out of your "I have 404,772 users. Now what?" story.

http://news.ycombinator.com/item?id=3850739

Re: Flatstrap - Bootstrap with no rounded corners, gradients or drop shadows

#50
Metro UI does have gradients and drop shadows, though they are very subtle.

If you are good at design, you wouldn't need to start from Bootstrap. If you are not so good at design, Bootstrap is a great framework, but using flat, all-square UI elements can cause some problems, you may be unaware of.

If you use Flatstrap, your tags, labels and buttons will all look the same. If, in the spirit of flatness, you'd also removed the inset shadow on form inputs, then all visual cues for either clicking (element is higher than the page) or form input (element is lower than the page) are gone. This reduces usability and discoverability. [1]

Rounded boxes serve another function, where they draw the attention of the eye to the contents of the box -- It flows more pleasantly too [2]

Designers going for the flat design trend, should carefully strike a balance between a completely flat design, and using subtle gradients, underlines, rounded corners, color, shadows and pseudo-3D to convey information that matches our expectations and wiring of our brains.

[1] http://www.useit.com/alertbox/windows-8.html Flat styles reduce discoverability

[2] http://uxmovement.com/thinking/why-rounded-corners-are-easie...

Post reply on HN