Live data from Hacker News

State of Bootstrap 4 vs. Foundation

dannyherran.com

31–40 of 107 posts

Re: State of Bootstrap 4 vs. Foundation

#31
The key unanswered question, and for me the fundamental reason I switched from using Bootstrap to Foundation at work, is how designer friendly the two are.

Bootstrap is fantastic when you want a site that looks like Bootstrap, these tend to be put together by developers. Foundation (at least was) much less opinionated and therefore when you're given a PSD by a designer much easier to implement.

Have things improved on that front? Is it easy to override Bootstrap's defaults?

Re: State of Bootstrap 4 vs. Foundation

#32
post #28

Has anyone tried some of the newer css frameworks? Lots of them are listed on cssdb [1]. I especially like skeleton [2]. [1] http://cssdb.co/ [2] http://getskeleton.com/

Skeleton seems unmaintained. https://github.com/dhg/Skeleton

Yes it seems so. But there are forked repositories that are being maintained. They are

1. Skeleton framework (https://github.com/skeleton-framework/skeleton-framework) and

2.Skeleton Plus (https://github.com/oltmannsdaniel/skeleton-plus)

I like skeleton plus because of the responsive menu. The colours are not so good :P

Re: State of Bootstrap 4 vs. Foundation

#33
post #8

Bootstrap 4 seems to be the clear winner, according to the article. If you want to start designing with it already (which is not a great idea; it is still alpha), here's a Bootstrap 4 PSD template you can use: http://hackerthemes.com/blog/bootstrap-4-psd-template

Nobody should be using Photoshop nowadays to design a website. A competent web designer knows about html and css and - most importantly - has a good understanding for how a website behaves, especially regarding responsiveness and animations.

It is a good reason to leave the room / team / project when "design a website" means "open photoshop".

Re: State of Bootstrap 4 vs. Foundation

#34
post #15

I've been a big fan of bootstrap, but I find that these CSS frameworks are becoming more and more irrelevant in the age of widespread flexbox support. CSS modules do put the last nail in the coffin.

I believe Foundation has Flexbox support as well: http://foundation.zurb.com/sites/docs/flexbox.html

Re: State of Bootstrap 4 vs. Foundation

#35
post #12

Wow an alpha version is recommended for production. What world are we living in?! :D I tested BS4 but the alpha tag makes me too nervous to use it in production. Things will break and some things are still not there yet (talking about navigation in bs4).

Foundation 6.1 was worse than Bootstrap 4 Alpha. They are still cleaning up and completely changing things with 6.2 totally breaking your setup. Boostrap alpha is more stable than Foundation "stable".

Re: State of Bootstrap 4 vs. Foundation

#36
post #15

I've been a big fan of bootstrap, but I find that these CSS frameworks are becoming more and more irrelevant in the age of widespread flexbox support. CSS modules do put the last nail in the coffin.

If you think about the grid-systems of those CSS frameworks, you're probably right.

But Bootstrap has a nice "out-of-the-box" experience. I know much about usability engineering and user experience, but not so much about graphic design. And bootstrap fills this hole for me. Getting something out fast that doesn't look like 1999

Re: State of Bootstrap 4 vs. Foundation

#37
post #18
post #15

I've been a big fan of bootstrap, but I find that these CSS frameworks are becoming more and more irrelevant in the age of widespread flexbox support. CSS modules do put the last nail in the coffin.

What about a CSS framework based on flexbox? http://bulma.io

Unless I'm missing something, its grid doesn't really match the capabilities of Bootstrap's. Only one breakpoint for a start?

Re: State of Bootstrap 4 vs. Foundation

#38
post #12

Wow an alpha version is recommended for production. What world are we living in?! :D I tested BS4 but the alpha tag makes me too nervous to use it in production. Things will break and some things are still not there yet (talking about navigation in bs4).

Foundation 6.1 was worse than Bootstrap 4 Alpha. They are still cleaning up and completely changing things with 6.2 totally breaking your setup. Boostrap alpha is more stable than Foundation "stable".

Totally. When Foundation launched it was broken. Some JS components were unfinished and it didn't work as expected for a "stable" version.

Re: State of Bootstrap 4 vs. Foundation

#39
post #15

I've been a big fan of bootstrap, but I find that these CSS frameworks are becoming more and more irrelevant in the age of widespread flexbox support. CSS modules do put the last nail in the coffin.

I don't find this to be the case. There are a ton of conventions in Bootstrap, an obvious one being its variables, that are very useful when working in a team, and (in our experience) with outside contractors. I couldn't imagine giving up Bootstrap simply 'because flexbox'.

Also flexbox support in IE is still terrible, so for those of us building sites for the open-web it's a non-starter for things where a 'just doesn't work' fallback is unacceptable, such as the main site structure and alignment of core elements.

Currently I only find flexbox useful for things like vertical centering, where it's not the end of the world if the element doesn't center in IE.

Post reply on HN