GithubHelp home page GithubHelp logo

sibsfinx / phonegap_template Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 1.0 2.12 MB

phonegap template with middleman (haml/sass/coffeescript) in development

Objective-C 60.94% C 0.32% Ruby 2.03% Shell 6.73% AppleScript 0.38% JavaScript 14.87% CoffeeScript 0.03% CSS 14.70%

phonegap_template's Introduction

PhoneGap + Middleman template


This template is for static sites and phonegap apps development.

Using haml, sass, haml_coffee_assets (.hamlc), coffeescript.

Write and test your app with Middleman in development, then build static site and phonegap app for any mobile platform.

--

Development

Development enviroment runs with Middleman โ€” Sinatra-based app that generates static websites.

bundle install first.

bundle exec middleman starts a server on 0.0.0.0:4567 (livereload included)*.

bundle exec middleman build builds a static site in www folder (configurable).

Install livereload browser extensions


Local data and content

Middleman uses front matter for accessing data stored in yml and json files.

models folder contains sample ruby models. They are unused currently, but feel free to use them if you need.

For example, data is stored in data folder in .yml files.

Access data in templates with = data.yml_file.key... objects, like = data.projects.first.title


Install phonegap

sudo npm install -g phonegap

sudo npm install -g ios-sim

PhoneGap docs


Run and build apps with phonegap

phonegap run ios runs your app in device or simulator

You can use any platform (need sdk installed).

phonegap build ios creates a build

phonegap_template's People

Watchers

James Cloos avatar Alexander Mescheryakov avatar

Forkers

brandymint

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.