mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-03-22 17:00:24 +00:00
57 lines
No EOL
3.4 KiB
HTML
Executable file
57 lines
No EOL
3.4 KiB
HTML
Executable file
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>jQuery Mobile Docs - Intro</title>
|
|
<link rel="stylesheet" href="../themes/default" />
|
|
<script type="text/javascript" src="../js/all"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div data-role="page">
|
|
|
|
<div data-role="header">
|
|
<h1>Introduction</h1>
|
|
</div><!-- /header -->
|
|
|
|
<div data-role="content">
|
|
|
|
<p>All pages in jQuery Mobile are built with clean, semantic HTML to ensure compatibility with pretty much any web-enabled device. In devices that interpret CSS and JavaScript, jQuery Mobile applies progressive enhancement techniques to unobtrusively transform the page into a rich, interactive experience that leverages the power of jQuery and CSS.</p>
|
|
|
|
<h2>Key features of jQuery Mobile:</h2>
|
|
<ul>
|
|
<li><strong>Built on jQuery core</strong> for familiar and consistent jQuery syntax and APIs for minimal learning curve</li>
|
|
<li><strong>Compatible with all major mobile platforms</strong> - iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, Windows Mobile, bada, MeeGo with baseline support for all devices that understand HTML</li>
|
|
<li><strong>Lightweight size</strong> (9k compressed for all mobile functionality) and minimal image dependencies for speed.</li>
|
|
<li><strong>Markup-driven configuration</strong> of pages and behavior for fast development and minimal scripting
|
|
<li><strong>Progressive enhancement</strong> approach brings core content and functionality to all mobile, tablet and deskstop platforms and a rich, installed application-like experience on newer mobile platforms</li>
|
|
<li><strong>Automatic initialization</strong> by using HTML5 <code>data-role</code> attributes in the HTML markup to act as the trigger for the <code>mobilize()</code> function to automatically initialize all jQuery Mobile widgets found on a page.</li>
|
|
<li><strong>Accessibility</strong> features such as WAI-ARIA are also included to ensure that the pages work for screen readers (e.g. VoiceOver in iOS) and other assistive technologies.</li>
|
|
<li><strong>Normalized events</strong> streamline the process of supporting touch, mouse, and cursor focus-based user input methods with a simple API. </li>
|
|
<li><strong>Powerful theming framework</strong> and ThemeRoller application make highly-branded experiences easy to build.</li>
|
|
|
|
</ul>
|
|
|
|
<h2>Supported platforms</h2>
|
|
<p>For the alpha release, the following devices have been tested and should have a fairly solid jQuery Mobile experience. That being said, there are still a fair amount of bugs and performance improvements to be tackled before the 1.0 release in January. </p>
|
|
<ul>
|
|
<li>Apple iOS: iPhone, iPod Touch, iPad (all versions)</li>
|
|
<li>Android: all devices (all versions)</li>
|
|
<li>Blackberry Torch (version 6)</li>
|
|
<li>Palm WebOS Pre, Pixi</li>
|
|
<li>Nokia N900</li>
|
|
</ul>
|
|
|
|
<p>Older versions of Blackberry, Nokia/Symbian, and Windows Mobile may work but we're still seeing JavaScript errors and rendering bugs that need to be tracked down. We don't yet have phones to test Windows Mobile 7, bada, or MeeGo but these will be added as soon as we can get devices.</p>
|
|
|
|
<p>Since jQuery Mobile is built on the jQuery core, all pages should also work great on most recent versions of desktop browsers too - Firefox, Chrome, Safari, Internet Explorer, Opera, etc.</p>
|
|
|
|
|
|
|
|
|
|
|
|
</div><!-- /content -->
|
|
|
|
</div><!-- /page -->
|
|
|
|
</body>
|
|
</html> |