Menu icon Foundation
Foundation 6 Upgrade Docs

Foundation 5 included documentation on upgrading:
http://foundation.zurb.com/sites/docs/v/5.5.3/upgrading.html

Anything planned for the Foundation 6 docs?

Foundation 5 included documentation on upgrading:
http://foundation.zurb.com/sites/docs/v/5.5.3/upgrading.html

Anything planned for the Foundation 6 docs?

Rafi Benkual almost 4 years ago

Yes! We're working on a migration guide for 5-6. Right now we're upgrading a client project project to 6 and it will be a great place to highlight all the differences.

Julie Miller over 3 years ago

After six months of silence I've decided to move my support to Bootstrap. I was unable to move forward with multiple projects because there as no support in updating the wire-frames I have spent countless hours developing with Foundation. 

Because Boostrap is also based on a 12 column grid the transition hasn't been all that difficult, its just tedious and time consuming. Most of the components offered with Foundation are equally supported with Bootstrap and there is a wealth of documentation and community support for Bootstrap. 

I thought about putting a conversion guide together but the documentation for Bootstrap is so well done that I don't think you really need it. 

Brandon Arnold almost 4 years ago

Foundation 4 to 5 was a much smaller migration and much closer to a point release that a full re-write. We're jamming on a migration guide, but our resources are trying to keep up with fixes and bugs. We're about to head out for the year, but we'll be making this a priority when we return.

We've migrated a few sites our selves since the launch and can say it's a pretty quick experience depending on how much JS you're using. The grid was kept feature parallel as were most of the css components, but a good majority of the plugin options have changed.

Sorry to cause any stress on people looking to upgrade, but we'll be making that a priority in the new year.

Oliver over 3 years ago

Same thing here I switched months ago to Bootstrap and I am VERY happy about it. The help and support from community and officially is x100 better. It is a shame, we had a good run with Foundation but nobody here seems to care for us.... so we better RUN!

powellian over 3 years ago

Foundation 6 works just fine. The Zurb cli version is a very nice piece of kit and I'm having a great time working with it.

I have a project which I started in Fdn 5 and am in the process of manually converting it to 6 myself right now. Frankly I don't think that a 'conversion' is likely or even possible given the 'root/branch' upgrade that 5-6 is reported to be. So I'm just gonna do it myself.

This post has been ignored by Zurb and that's not too cool - I did +1 the call for an upgrade 4 months ago. However there have quite a few voices in this post that I feel possibly expect too much. We are supposed to be developers so we should be able to handle this stuff ourselves.

As I mentioned before, I think expecting a straight forward 'push the button'/'1 size fits all' upgrade is a tad unrealistic. I don't know what a lot of people expect here, but sites built in 5 may just need to stay in 5. Move on and use 6 for new builds.

I also use Bootstrap and it is fine, although IMO not as advanced as Fdn. I'd cite Fdn's Block Grid, flexible gutters and considerably cleaner top nav as simple examples; and IMHO I feel the sass setup is far superior. That's not really surprising given that BS is natively LESS based and only available in SASS via ported versions. Easily bower or npm installed and they work just fine, but 3rd party nonetheless.

Bootstrap can make me pull my hair out in different ways to Fdn and has done recently, but I'll side with Fdn any day of the week. Especially now that I've really started to enjoy working with the Zurb cli install.

To the people here presumably requesting upgrades for Fdn based sites and who are moving to BS - exactly the same will apply to BS3 sites when BS4 comes out, so be careful what you wish for. I think it's best to be realistic and say that BS3 stays 3 and just build for the future with BS4, or Fdn6

Keep up the work Zurb crew!

Oliver over 3 years ago

@Uzi Ashkenazi: I use the SASS Version of Bootstrap and it works really perfect and very easy together. I use the whole thing with Bower/Grunt installation setup and all automized. For me Bootstrap is the way better choice and I dont see any advantage over Foundation 6 yet. Having said that i might also not use the last tweaks and fine tune like some others. How ever I am happy and specially the tutorials, help, community and support is another world in compare with Foundation. You are always half alone with Foundation and more and more users jump to Bootstrap. I know personally a lot of users which did this already. Use this link with infos on how to setup a smooth bower/grunt/sass/bootstrap project: http://shermandigital.com/blog/bootstrap-project-with-bower-and-grunt/ works perfect for me!

@powellian: Agree in most parts with you. Foundation is nice and always was... but the lack of documentation and support kills it for me. You are right, next bootstrap 3 or 4 will be also an issue to update BUT as i said the difference is that you are not alone and you find thousands of helpful users.

There is just no argument against the massive user-base and documentation you find for bootstrap aside of the better support in third party scripts. 

In the end everybody has to make up his mind and choose what suits him best, I closed the book on Foundation!

Tero Alén almost 4 years ago

Will you @Rafi Benkual post in this thread when the migration guide is published?

Justin J over 3 years ago

This is not meant to be criticism, but I'll echo that trying to upgrade a codebase that's based on v5 to v6 basically means a pretty in-depth rewrite. I've tried once with a project that has around 300+ screens and it seemed impossible. When you dive into the docs, you'll find anything that's not basically formatting is pretty different and requires different structure of your HTML: top bar, side bar - even breadcrumbs; they'll all break pretty badly.

I don't know why Zurb wouldn't say as much when v6 went out - at least give it a good spin - or prepare people for it. A migration strategy would be nice, even if it's, "There is no migration strategy".

 

 

Elyasin Shaladi over 3 years ago

+1 - how many of you guys managed to migrate to bootstrap instead. I am losing my trust in Foundation since months....

Corey Schaaf over 3 years ago

4 months and still no migration guide. This makes baby Jesus very sad.

Rafi Benkual almost 4 years ago

Will do!

Bilal Abdeen over 3 years ago

I managed to upgrade a (relatively simple) project from 5 to 6. The amount of effort involved made me think twice before upgrading my other bigger projects. I expect any migration documents to be quite complex. I don't expect simple step-by-step instructions. If a document is ever made, it would probably be some general guidelines or a high-level check-list. 

I have summarised my experience in upgrading that relatively simple project in the following post. 

http://stackoverflow.com/questions/36558589/work-needed-to-upgrade-zurb-foundation-v5-to-v6-2/37152108#37152108

Good luck... 

Bilal Abdeen

Uzi Ashkenazi over 3 years ago

For anyone still looking for more info on F6 particularly what changed and how to go about testing it, check out this screencast with Brandon Arnold and Geoff Kimble from Zurb. https://responsivedesign.is/articles/foundation-6. It well worth the hour and twenty minute and it made me take back anything I said on this thread about Zurb! The new Foundation is an amazing framework with tons of improvements over F5.

If you'd like to try it without touching your cli settings checkout the new Yeti Launch app which comes packed with all the node goodness required to start building great sites! http://foundation.zurb.com/develop/yeti-launch.html.

Mike MacDonald almost 4 years ago

Just adding my vote that upgrade docs would be infinity appreciated!

Peter Gibb almost 4 years ago

Thanks @Rafi Benkual. Do you have an idea of timescale for when this will be available?

Ken Greer almost 3 years ago

I guess it's adios Zurb.

Well over a year has now passed and no Foundation 5 to 6 migration guide. All hope is now lost, and the Zurb brand is permanently stained. I use to extol the virtues of Foundation; that has now become a warning to stay away. 

We'll likely be moving to Bootstrap when v4 is stable. Bootstrap appears to be far better supported. They even have an upgrade guide even though Bootstrap v4 is in Alpha.

Aaron Alpar over 3 years ago

Is there a guide available for migration from Foundation 5 to Foundation 6?  We have a web-site built on Foundation 5 that we are now attempting to upgrade to Foundation 6.

- Aaron

Carol Skelly over 3 years ago

@Aaron __ that's what this entire thread is about. Did you read it?

Uzi Ashkenazi almost 3 years ago

@KenGreer,

 

I was in a similar place as you about a year ago (read my previous comments on this thread) however, after building a small project with Foundation 6 I realized that any attempt to migrate or upgrade from Foundation 5 would most likely result in an inferior codebase and lost of headache in the future. Secondly and this is strictly my observation here, front end languages life span is becoming shorter my the day and holding on to old code is certainly not the way to go. Not to mention that a two years design used for any Foundation 5 site is most likely outdated anyway...

Foundation 6 introduced a lot of improvement under that hood and I totally understand why it is taking so long for any migration guide to be release when rebuilding from scratch would be faster. 

As far as the how-to goes, until more familiar with F6, I recommend using Zurb Template instead of the CLI since it is more of a project based install. Once you have a start up project and a new/updated page template markup in place you most likely be able to bring in your sass partials and with a simple find and replace make any necessary changes. You'll have to change media queries to breakpoints in settings.scss (this may be the more involved process depending on how you structured your media queries) and you'll be 90% done with "updating". 

Good luck!

Uzi Ashkenazi over 3 years ago

Julie, Oilver

Did you experience any issues with using the Sass version of Bootstrap? Contemplating a move as well.

Any input would be great.

 

Best, 

Uzi