Build mobile apps with simple HTML, CSS, and JS components.
- Clone the repo with
git clone https://github.com/twbs/ratchet.gitor just download the bundled CSS and JS - Read the docs to learn about the components and how to get a prototype on your phone
- Check out examples
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.
Ratchet's documentation is built with Jekyll and publicly hosted on GitHub Pages at http://goratchet.com. The docs may also be run locally.
- If necessary, install Jekyll.
- Windows users: Read this unofficial guide to get Jekyll up and running without problems. We use Pygments for syntax highlighting, so make sure to read the sections on installing Python and Pygments.
- From the root
/ratchet/docsdirectory, runjekyll servein the command line.
- Windows users: While we use Jekyll's
encodingsetting, you might still need to change the command prompt's character encoding (code page) to UTF-8 so Jekyll runs without errors. For Ruby 2.0.0, runchcp 65001first. For Ruby 1.9.3, you can alternatively doSET LANG=en_EN.UTF-8.
- Open http://localhost:4000 in your browser, and boom!
Learn more about using Jekyll by reading its documentation.
Questions or discussions about Ratchet should happen in the Google group or hit us up on Twitter @GoRatchet.
Please file a GitHub issue to report a bug. When reporting a bug, be sure to follow the contributor guidelines.
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 tohttp://localhost:<port>
- A common solution to this is to simply serve the files from a local server. One convenient way to achieve this is to run
For transparency into our release cycle and in striving to maintain backward compatibility, Ratchet is maintained under the Semantic Versioning guidelines. Sometimes we screw up, but we'll adhere to these rules whenever possible.
Releases will be numbered with the following format:
<major>.<minor>.<patch>
And constructed with the following guidelines:
- Breaking backward compatibility bumps the major while resetting minor and patch
- New additions without breaking backward compatibility bumps the minor while resetting the patch
- Bug fixes and misc changes bumps only the patch
For more information on SemVer, please visit http://semver.org/.
Connor Sears
Connor Montgomery
Created by Connor Sears, Dave Gamache, and Jacob Thornton.
Ratchet is licensed under the MIT License.