Giter VIP home page Giter VIP logo

framework7's Introduction

Framework7

Full Featured HTML Framework For Building iOS7 Apps

Attention!

Framework7 is on early development stage, so many things may be changed and sorted in a short time.

Getting Started

  • Clone/download this repo
  • Start building your App from changing Kitchen Sink, or from a clean template from dist/ folder

Server

Because Framework7 uses Ajax for navigation between pages you will need a server. So to make it work you should put dist folder (or Kitchen Sink) on a server. Or, as an option, you may use Grunt's server. Just run:

$ grunt server
  • Kitchen Sink will be available on http://localhost:3000/kitchen-sink/
  • Dist - on http://localhost:3000/dist/

Kitchen Sink

Framework7' JS and CSS files in Kitchen Sink are temporary linked to build/ to make development process easier on this stage. So to make it work you need to build Framework7 (see Build section) or to re-link JS and CSS files to dist/ folder.

Dist vs Build versions

On production use files (JS and CSS) only from dist/ folder, there will be the most stable versions, build/ folder is only for development purpose

Build

Framework7 uses grunt to build a development (build) and dist versions.

First you need to have grunt-cli which you should install globally.

$ npm install -g grunt-cli

Then install all dependencies, in repo's root:

$ npm install
$ grunt build

The result is available in build/ folder.

Dist/Release

After you have made build:

$ grunt dist

Distributable version will available in dist/ folder.

Contributing

All changes should be commited to src/ files. Framework7 uses LESS for CSS compliations, and concatenated JS files (look at Gruntfile.js for concat files order)

Docs

Coming soon...

framework7's People

Contributors

bitdeli-chef avatar nolimits4web avatar

Watchers

 avatar

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.