https://github.com/tubbo/ember-foundation
[WIP] make your ember.js code as beautiful as your app
https://github.com/tubbo/ember-foundation
Last synced: 16 days ago
JSON representation
[WIP] make your ember.js code as beautiful as your app
- Host: GitHub
- URL: https://github.com/tubbo/ember-foundation
- Owner: tubbo
- License: mit
- Created: 2013-08-25T09:09:31.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2023-12-15T02:34:09.000Z (over 1 year ago)
- Last Synced: 2025-03-25T21:01:48.320Z (about 1 month ago)
- Language: Ruby
- Homepage:
- Size: 24.4 KB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: MIT-LICENSE
Awesome Lists containing this project
README
# ember-foundation
A plugin for Ember.js that provides a series of views and helpers for
working with Zurb Foundation. Although Ember and Foundation work very
well together, sometimes adding the various attributes and classes
required for Foundation's JS components library can be a little awkward,
especially in Emblem or other alternative templating languages. This
plugin helps to solve that problem by providing all of the Foundation JS
components as Ember.View objects, and all of the CSS components as
either Handlebars helpers or Ember.View mixins. In short, we want to
provide a 1:1 translation layer between Foundation's time-saving
JavaScript components and your rich Ember.js application.
**ember-foundation** is distributed as a Rails plugin, and is suited best
for Ruby on Rails developers who use EmberScript and Emblem, but it can
also be used as a standalone library in any JavaScript application.
## Installation
For **Ruby on Rails** users, just add this gem to your Gemfile:
```ruby
gem 'ember-foundation'
```
And run
```bash
$ bundle install
```
For everyone else, read on..
### Manual Installation
Clone this repo and run the following commands:
```bash
$ bundle install
$ bundle exec rake
```
A file called **ember-foundation.js** will be generated in the `pkg/`
directory. Copy this file to your project and load it after you load
Ember.js but before you load your application:
```html