https://github.com/webpro/responsive-web-apps

Building Responsive Web Applications
https://github.com/webpro/responsive-web-apps

Last synced: 15 days ago
JSON representation

Building Responsive Web Applications

• Host: GitHub
• URL: https://github.com/webpro/responsive-web-apps
• Owner: webpro
• Created: 2013-05-07T12:53:14.000Z (over 11 years ago)
• Default Branch: gh-pages
• Last Pushed: 2013-07-02T14:04:47.000Z (over 11 years ago)
• Last Synced: 2024-10-14T14:24:13.815Z (29 days ago)
• Language: JavaScript
• Homepage: https://webpro.github.io/responsive-web-apps/
• Size: 275 KB
• Stars: 62
• Watchers: 8
• Forks: 12
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Responsive & Hybrid Web Apps Demo

## Introduction

This repo contains techniques and concepts to build responsive & hybrid web applications.

* Declarative and conditional module injection

    * using `data-*` attributes,

    * a basic "advisor" and "composer" layer, and

    * [wire.js](https://github.com/cujojs/wire) to load and instantiate modules.

* Various basic application modules (built using vanilla JS, Backbone, Maria, and Flight).

* Manifest files

    * to build for PhoneGap (or point your [PhoneGap Build](https://build.phonegap.com) app directly to this repo), and

    * to run directly on Firefox OS (or point the [Firefox OS Simulator](https://marketplace.firefox.com/developers/docs/firefox_os_simulator) directly to this repo).

* Build script (using Grunt and r.js) to optimize the modules (run `grunt build`).

It is also served as a [running demo](http://webpro.github.io/responsive-web-apps/). For a more in-depth introduction and overview, read [Building a Responsive Web Application](http://mobile.smashingmagazine.com/2013/06/12/building-a-responsive-web-application/).

## Run & build

Clone this repo, and you can:

    # run

    bower install

    # build

    npm install

    grunt build