@ -25,7 +25,7 @@ title: Getting started · Ratchet
<p>Use the <ahref="/components"data-ignore="push">documentation</a> as a reference for all the available components and piece together the pages of your app. Be sure to look at the <ahref="#pageLayout">basic page template</a> and <ahref="/examples"data-ignore="push">example applications</a>. Make sure to add <code>ratchet-theme-ios.css</code> or <code>ratchet-theme-android.css</code> to your app's <code><head></code> if you have a specific platform in mind.</p>
<p>Use the <ahref="/components"data-ignore="push">documentation</a> as a reference for all the available components and piece together the pages of your app. Be sure to look at the <ahref="#pageLayout">basic page template</a> and <ahref="/examples"data-ignore="push">example applications</a>. Make sure to add <code>ratchet-theme-ios.css</code> or <code>ratchet-theme-android.css</code> to your app's <code><head></code> if you have a specific platform in mind.</p>
<h3>2. Connect pages with push.js</h3>
<h3>2. Connect pages with push.js</h3>
<p>Read about <ahref="/components/#push"data-ignore="push">push.js</a> then start connecting your pages. Push.js allows you to create a app that feels like a real app when you save it to your phone. Make sure that you have a server running, and that your browser is emulating touch events. <ahref="https://developers.google.com/chrome-developer-tools/docs/mobile-emulation#emulate-touch-events"data-ignore="push">Check out this tutorial on emulating touch events in Chrome</a> (<ahref="https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_View"data-ignore="push">or Firefox</a>) if you're not sure how to do that.</p>
<p>Read about <ahref="/components/#push"data-ignore="push">push.js</a> then start connecting your pages. Push.js allows you to create an app that feels like a real app when you save it to your phone. Make sure that you have a server running, and that your browser is emulating touch events. <ahref="https://developers.google.com/chrome-developer-tools/docs/mobile-emulation#emulate-touch-events"data-ignore="push">Check out this tutorial on emulating touch events in Chrome</a> (<ahref="https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_View"data-ignore="push">or Firefox</a>) if you're not sure how to do that.</p>
<h3>3. Save the app to your phone</h3>
<h3>3. Save the app to your phone</h3>
<p>There are <ahref="https://groups.google.com/forum/#!topic/goratchet/IboE6SCMAyw"data-ignore="push">a few ways to do this</a>, but the simplest is to run a local server on your computer, point Safari on your iPhone to your computer, then click the <spanclass="icon icon-share"></span> button and "Add to Home Screen". For Android, check out <ahref="https://developer.chrome.com/multidevice/android/installtohomescreen"data-ignore="push">this guide</a>.</p>
<p>There are <ahref="https://groups.google.com/forum/#!topic/goratchet/IboE6SCMAyw"data-ignore="push">a few ways to do this</a>, but the simplest is to run a local server on your computer, point Safari on your iPhone to your computer, then click the <spanclass="icon icon-share"></span> button and "Add to Home Screen". For Android, check out <ahref="https://developer.chrome.com/multidevice/android/installtohomescreen"data-ignore="push">this guide</a>.</p>