Ratchet is designed to respond to touch events from a mobile device. 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). Ratchet is downloadable in two forms, within which you'll find directories and files, logically grouping common resources and providing both compiled and minified variations. The most basic form of Ratchet is the grouping of the precompiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (ratchet.*), as well as compiled and minified CSS and JS (ratchet.min.*). The Ratchicon fonts are included, as are the Android and iOS platform themes. The Ratchet source code download includes the precompiled CSS, JavaScript, and font assets. Provides design patterns that serve as basic building blocks.
Features
- Title bars are full width and docked to the top of the viewport
- Buttons in a title bar are left or right aligned and should be used for actions
- Icons can also be used for actions in toolbars
- Link buttons can be used in tool bars to remove the outline
- Title bars can also house segmented controls
- Provides design patterns that serve as basic building blocks
Project Samples
