Menu icon Foundation
Foundation Apps For Ember?

There's a large and thriving Ember community, many like me have great interest in continuing the use of Foundation. I was led to believe that the fact the new release uses Angular that it was an abstracted internal and not something that would interfere with it's use in another framework like Ember.

Can anyone please provide an answer (as detailed as possible) as to how to use the best of this new release within an ember-cli project (motionUI not a hard requirement, as we can use liquidFire)?

Active Threads
=> http://discuss.emberjs.com/t/ember-with-zurbs-foundation-for-apps/6858
=> http://discuss.emberjs.com/t/foundation-for-apps-port-in-ember/6807

I like many others have foundation projects underway using Foundation/Ember and it would be really unfortunate if this can only benefit the Angular community.

I hope there's a decent work-around and thanks in advance for your time!

foundation for appsember

There's a large and thriving Ember community, many like me have great interest in continuing the use of Foundation. I was led to believe that the fact the new release uses Angular that it was an abstracted internal and not something that would interfere with it's use in another framework like Ember.

Can anyone please provide an answer (as detailed as possible) as to how to use the best of this new release within an ember-cli project (motionUI not a hard requirement, as we can use liquidFire)?

Active Threads
=> http://discuss.emberjs.com/t/ember-with-zurbs-foundation-for-apps/6858
=> http://discuss.emberjs.com/t/foundation-for-apps-port-in-ember/6807

I like many others have foundation projects underway using Foundation/Ember and it would be really unfortunate if this can only benefit the Angular community.

I hope there's a decent work-around and thanks in advance for your time!

Rafi Benkual over 4 years ago

We are interested in seeing this happen. We created kind of a Wiki to discuss the roadmap for Foundation Apps and what we're looking to the community to take on. We of course will support that by answering questions and providing specs.

You can find the Wiki here: https://github.com/zurb/foundation-apps/wiki/Contributing

A. Tate Barber over 4 years ago

Just opened up a repo for an ember-cli addon with an initial milestone.

You can track the progress here:

https://github.com/tatemz/ember-foundation-apps/milestones

Rafi Benkual over 4 years ago

Sweet! There will be tons of people who'll find it valuable!

Ryan Brady over 4 years ago

This is great news, Thanks Tate! Let me know if you need help, I posted in the Ember Board you were taking this on as well.

Sina Keshavarzi about 4 years ago

I was first very glad to hear about F. for apps and then very sad to see that Angular was required. I wish Zurb could have made it framework agnostic like Google Material Design.

@Tate Barber: I saw on Github that the project is "past due by 4 months" on Github. Are you still trying to reach the first milestone or is the project dead?

Rafi Benkual about 4 years ago

@sina - Having it JS framework agnostic would mean that it is simply a CSS framework and would take more setup for people to use fully.

Choosing Angular was a tough decision but based on many factors like adoption, support, community etc.

It's great to see some people are taking on ports of it to other MVC's.

Nick Shook about 3 years ago

hey all,

super late post but stealthworker.com uses both Ember and Foundation 6. I found that using the ``didRender`` callback works nicely with Foundation's plugins, e.g. here is the code I use for our navigation component which uses the dropdown/drilldown menus (depending if you're on a mobile or not)

export default Ember.Component.extend({
  layout,
  classNames: ['sw-navigation'],
  didInsertElement() {
    this._super(...arguments);
    $('.sw-navigation').foundation();
  },
  didRender() {
    new Foundation.DropdownMenu($('.dropdown.menu'));
    new Foundation.Drilldown($('.drilldown.menu'));
  }
});

fwiw, I'd love to see Foundation 

Nick Shook about 3 years ago

* be more framework agnostic now that ES6 has a nice way of importing code.