Build mobile apps with simple HTML, CSS, and JS components. http://goratchet.com/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
connors 969b76bc43 fixing the themes 11 years ago
_includes seg controls 11 years ago
_layouts homepage realign 11 years ago
dist fixing the themes 11 years ago
docs-assets fixing the themes 11 years ago
examples/app-default do away with attribute selector 11 years ago
lib fixing the themes 11 years ago
.gitignore Remove folders of other scm's from gitignore 11 years ago
CONTRIBUTING.md Add note about editing dist files 11 years ago
Gruntfile.js bit more org 11 years ago
LICENSE.md Fix license 11 years ago
README.md Change David badge theme to shields.io 11 years ago
_config.yml Reorganizing the docs files and breaking things. 11 years ago
bower.json Add bower json file 11 years ago
components.html simplify segmented controls and fix js. broke themes 11 years ago
favicon.ico Jekyll the docs. 11 years ago
getting-started.html Reorganizing the docs files and breaking things. 11 years ago
index.html fixing the dump wrapping on the homepage 11 years ago
one.html fixing up some example pages 11 years ago
package.json updates 11 years ago
two.html fixing up some example pages 11 years ago

README.md

Ratchet v2.0 WIP devDependencies

Prototype mobile apps with simple HTML, CSS, and JS components.

Getting Started

  • Clone the repo with git clone https://github.com/maker/ratchet.git or just download the bundled CSS and JS
  • Read the docs to learn about the components and how to get a prototype on your phone
  • We will have example apps to check out very soon!

Take note that our master branch is our active, unstable development branch and that if you're looking to download a stable copy of the repo, check the tagged downloads.

Documentation

Ratchet's documentation is built with Jekyll and publicly hosted on GitHub Pages at http://maker.github.io/ratchet. The docs may also be run locally.

Running documentation locally

  1. If necessary, install Jekyll.
  2. From the root /ratchet directory, run jekyll serve in the command line.
  3. Open http://localhost:4000 in your browser, and boom!

Learn more about using Jekyll by reading its documentation.

Support

Questions or discussions about Ratchet should happen in the Google group or hit us up on Twitter @GoRatchet.

Reporting bugs & contributing

Please file a GitHub issue to report a bug. When reporting a bug, be sure to follow the contributor guidelines.

Troubleshooting

A small list of "gotchas" are provided below for designers and developers starting to work with Ratchet

  • Ratchet is designed to respond to touch events from a mobile device. In order to use mouse click events (for desktop browsing and testing), you have a few options:
    • Enable touch event emulation in Chrome (found in the overrides tab in the web inspector preferences)
    • Use a javascript library like fingerblast.js to emulate touch events (ideally only loaded from desktop devices)
  • Script tags containing javascript will not be executed on pages that are loaded with push.js. If you would like to attach event handlers to elements on other pages, document-level event delegation is a common solution.
  • Ratchet uses XHR requests to fetch additional pages inside the application. Due to security concerns, modern browsers prevent XHR requests when opening files locally (aka using the file:/// protocol); consequently, Ratchet does not work when opened directly as a file.
    • A common solution to this is to simply serve the files from a local server. One convenient way to achieve this is to run python -m SimpleHTTPServer <port> to serve up the files in the current directory to http://localhost:<port>

Authors

Connor Sears

Dave Gamache

Jacob Thornton

License

Ratchet is licensed under the MIT License.