mirror of
https://github.com/moparisthebest/app-UI
synced 2024-08-13 16:54:00 -04:00
updated microsite content
This commit is contained in:
parent
a71b948f5b
commit
9b54342702
123
index.html
123
index.html
@ -25,34 +25,125 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</header>
|
</header>
|
||||||
<section>
|
<section>
|
||||||
<p>test 123</p>
|
|
||||||
|
|
||||||
<h3>Welcome to GitHub Pages.</h3>
|
<p><strong>app-UI</strong> is a collection of user interface components that may be helpful to web and mobile developers for creating interactive applications using HTML and JavaScript, especially those targeting mobile devices. app-UI is a continual work in progress - it was born out of the necessity to have rich & native-feeling interfaces in HTML/JS experiences, and it works great with PhoneGap applications (http://www.phonegap.com). app-UI can easily be styled/customized using CSS.</p>
|
||||||
|
|
||||||
<p>This automatic page generator is the easiest way to create beautiful pages for all of your projects. Author your page content here using GitHub Flavored Markdown, select a template crafted by a designer, and publish. After your page is generated, you can check out the new branch:</p>
|
<p><em>Disclaimer: Please keep in mind that things will change as the project is improved and matured - this is a beta/early prototype.</em></p>
|
||||||
|
|
||||||
<pre><code>$ cd your_repo_root/repo_name
|
<p>app-UI was created by Andrew Trice
|
||||||
$ git fetch origin
|
<ul>
|
||||||
$ git checkout gh-pages
|
<li>blog: <a href="http://tricedesigns.com" target="_blank">http://tricedesigns.com</a></li>
|
||||||
</code></pre>
|
<li>twitter: <a href="https://twitter.com/#!/andytrice" target="_blank">https://twitter.com/#!/andytrice</a></li>
|
||||||
|
</ul>
|
||||||
|
</p>
|
||||||
|
|
||||||
<p>If you're using the GitHub for Mac, simply sync your repository and you'll see the new branch.</p>
|
<p>All of app-UI was created using HTML, CSS, & JavaScript. All animations are rendered using CSS3 translate3d, so that they are hardware accelerated (where supported). app-UI works well on iOS, Android and BlackBerry browsers (others not tested), and works well on most desktop browsers as well.</p>
|
||||||
|
|
||||||
<h3>Designer Templates</h3>
|
<hr />
|
||||||
|
|
||||||
<p>We've crafted some handsome templates for you to use. Go ahead and continue to layouts to browse through them. You can easily go back to edit your page before publishing. After publishing your page, you can revisit the page generator and switch to another theme. Your Page content will be preserved if it remained markdown format.</p>
|
<h3>Application Containers</h3>
|
||||||
|
|
||||||
<h3>Rather Drive Stick?</h3>
|
<p>app-UI currently has three application containers</p>
|
||||||
|
<p><em>Please see the "samples" directory for usage scenarios - there is no documentation yet.</em></p>
|
||||||
|
|
||||||
<p>If you prefer to not use the automatic generator, push a branch named <code>gh-pages</code> to your repository to create a page manually. In addition to supporting regular HTML content, GitHub Pages support Jekyll, a simple, blog aware static site generator written by our own Tom Preston-Werner. Jekyll makes it easy to create site-wide headers and footers without having to copy them across every page. It also offers intelligent blog support and other advanced templating features.</p>
|
<h5>ViewNavigator</h5>
|
||||||
|
<p>The ViewNavigator component allows you to create mobile experiences with an easily recognizable mobile UI paradigm. You use this to push & pop views from the stack.</p>
|
||||||
|
<p>Samples:
|
||||||
|
<ul>
|
||||||
|
<li><a href="examples/samples/01 - viewnavigator/01 - basic/index.html" target="_blank">Simple ViewNavigator</a></li>
|
||||||
|
<li><a href="examples/samples/04 - browser history/index.html" target="_blank">Simple ViewNavigator w/ Browser History Integration</a></li>
|
||||||
|
</ul></p>
|
||||||
|
|
||||||
<h3>Authors and Contributors</h3>
|
|
||||||
|
|
||||||
<p>You can <a href="https://github.com/blog/821" class="user-mention">@mention</a> a GitHub username to generate a link to their profile. The resulting <code><a></code> element will link to the contributor's GitHub Profile. For example: In 2007, Chris Wanstrath (<a href="https://github.com/defunkt" class="user-mention">@defunkt</a>), PJ Hyett (<a href="https://github.com/pjhyett" class="user-mention">@pjhyett</a>), and Tom Preston-Werner (<a href="https://github.com/mojombo" class="user-mention">@mojombo</a>) founded GitHub.</p>
|
<h5>SplitViewNavigator</h5>
|
||||||
|
<p>The SplitViewNavigator component allows you to create tablet experiences with an easily recognizable mobile UI paradigm. The SplitViewNavigator allows you to have side-by-side content in the landscape orientation, and the sidebar is hidden in portrait orientation.</p>
|
||||||
|
<p>Samples:
|
||||||
|
<ul>
|
||||||
|
<li><a href="examples/samples/02 - splitviewnavigator/01 - basic/index.html" target="_blank">Simple SplitViewNavigator</a></li></a></li>
|
||||||
|
</ul></p>
|
||||||
|
|
||||||
<h3>Support or Contact</h3>
|
|
||||||
|
|
||||||
<p>Having trouble with Pages? Check out the documentation at <a href="http://help.github.com/pages">http://help.github.com/pages</a> or contact <a href="mailto:support@github.com">support@github.com</a> and we’ll help you sort it out.</p>
|
<h5>SlidingView</h5>
|
||||||
|
<p>The SlidingView allows content to slide to the side using a horizontal swipe gesture, revealing a navigation container "underneath". This is very similar to the behavior in Facebook's iPad application.
|
||||||
|
|
||||||
|
<p>Samples:</p>
|
||||||
|
<p>Just swipe horizontally with a finger or the mouse...
|
||||||
|
<ul>
|
||||||
|
<li><a href="examples/samples/03 - slidingView/01 - basic/index.html" target="_blank">Basic SlidingView</a></li></a></li>
|
||||||
|
<li><a href="examples/samples/03 - slidingView/02 - view navigators/index.html" target="_blank">Layered ViewNavigators in SlidingView</a></li></a></li>
|
||||||
|
</ul></p>
|
||||||
|
|
||||||
|
|
||||||
|
<hr />
|
||||||
|
|
||||||
|
<h3>BUGS/FEATURES</h3>
|
||||||
|
|
||||||
|
<p>No software is ever bug-free. If you encounter an issue, hvae feedback, or have feature requests, please log them at: <a href="https://github.com/triceam/app-UI/issues" target="_blank">https://github.com/triceam/app-UI/issues</a>a></p>
|
||||||
|
<p>-OR-</p>
|
||||||
|
<p>Fork it, fix it, and send me a pull request. </p>
|
||||||
|
|
||||||
|
<p>Please do not just complain.</p>
|
||||||
|
|
||||||
|
<hr />
|
||||||
|
|
||||||
|
<h3>REAL WORLD USAGE</h3>
|
||||||
|
|
||||||
|
<p>You can see this framework in the following real-world apps:
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>US Census Browser:
|
||||||
|
<ul>
|
||||||
|
<li><a href="http://itunes.apple.com/us/app/us-census-browser/id483201717?mt=8" target="_blank">http://itunes.apple.com/us/app/us-census-browser/id483201717?mt=8</a></li>
|
||||||
|
<li><a href="http://tricedesigns.com/census" target="_blank">http://tricedesigns.com/census</a></li></ul></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p>If you have built your own app using this framework, please let me know! (<a href="https://twitter.com/#!/andytrice" target="_blank">@andytrice</a> on twitter)</p>
|
||||||
|
|
||||||
|
<hr />
|
||||||
|
|
||||||
|
<h3>Dependencies</h3>
|
||||||
|
<p>The required dependencies are contained within this code repository, with links to the original files/sources. Dependencies include:
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>jQuery - <a href="http://jquery.com/" target="_blank">http://jquery.com/</a></li>
|
||||||
|
<li>jQuery Animate Enhanced - <a href="https://github.com/benbarnett/jQuery-Animate-Enhanced" target="_blank">https://github.com/benbarnett/jQuery-Animate-Enhanced</a></li>
|
||||||
|
<li>iScroll 4 - <a href="http://cubiq.org/iscroll-4" target="_blank">http://cubiq.org/iscroll-4</a></li>
|
||||||
|
<li>NoClickDelay - <a href="http://cubiq.org/remove-onclick-delay-on-webkit-for-iphone" target="_blank">http://cubiq.org/remove-onclick-delay-on-webkit-for-iphone</a></li>
|
||||||
|
</ul>
|
||||||
|
</p>
|
||||||
|
<hr />
|
||||||
|
|
||||||
|
<h3>LICENSE</h3>
|
||||||
|
|
||||||
|
<pre>
|
||||||
|
Copyright 2011 Andrew M. Trice. All rights reserved, except where otherwise noted.
|
||||||
|
|
||||||
|
Redistribution and use in source and binary forms, with or without modification, are
|
||||||
|
permitted provided that the following conditions are met:
|
||||||
|
|
||||||
|
1. Redistributions of source code must retain the above copyright notice, this list of
|
||||||
|
conditions and the following disclaimer.
|
||||||
|
|
||||||
|
2. Redistributions in binary form must reproduce the above copyright notice, this list
|
||||||
|
of conditions and the following disclaimer in the documentation and/or other materials
|
||||||
|
provided with the distribution.
|
||||||
|
|
||||||
|
THIS SOFTWARE IS PROVIDED BY ANDREW M. TRICE ''AS IS'' AND ANY EXPRESS OR IMPLIED
|
||||||
|
WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL ANDREW M. TRICE OR
|
||||||
|
CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
|
||||||
|
CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
|
||||||
|
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
|
||||||
|
ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||||
|
NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF
|
||||||
|
ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||||
|
</pre>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
<footer>
|
<footer>
|
||||||
<p>This project is maintained by <a href="https://github.com/triceam">triceam</a></p>
|
<p>This project is maintained by <a href="https://github.com/triceam">triceam</a></p>
|
||||||
|
Loading…
Reference in New Issue
Block a user