springload/hummingbird

Name: hummingbird

Owner: Springload

Description: Hummingbird, a toolset for mobile development

Created: 2014-08-20 04:16:34.0

Updated: 2016-10-24 06:36:16.0

Pushed: 2014-08-20 23:18:35.0

Homepage:

Size: 196

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

Hummingbird

A collection of Backbone Marionette components for rapid JS-powered mobile app development.

• Build tablet and mobile apps with one codebase
• Flexible view transitions
• Easy install via npm

Docs

Core

• Browser capabilities
• Transport
• AppLayout

Models

• DualStorage model

Layouts

• SplitView
• StackView

Views

• View
• ModalView
• TransitionView
• NotificationView
• SearchFormView
• TabView
• EmptyView
• FetchingView

Regions

• TransitionRegion

UI

• Orientation
• Carousel
• Transition
• Animation

Using in your project

m install hummingbird

Then, deep in your application:

Hummingbird = require("hummingbird");

View = Hummingbird.View;

myCoolView = new View({
template: require("./templates/myCoolView.nunj");

Then you can start using hummingbird components right away.

var view = new Hummingbird.StackView();
view.push(new Marionette.ItemView({template: require("templates/intro.nunj") }));
view.pop();

Components

TransitionRegion

Push a view with a transition

var view = new Hummingbird.StackView();
view.push(new Marionette.ItemView({
        template: require("app/templates/intro.nunj")
    }),
    {
        transition: "slideLeft"
    });
view.pop();

EmptyView

A default view for when a collectionview is empty.

FetchingView

A view that shows automatically while fetching a collection

Testing this repo

m install
lp test