jquery-mobile/docs/about/intro.html

<!DOCTYPE html> 
<html> 
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<title>jQuery Mobile Docs - Intro</title> 
	<link rel="stylesheet"  href="../../themes/default/" /> 
	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
	<script src="../../js/jquery.js"></script>
	<script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
	<script src="../_assets/js/jqm-docs.js"></script>
	<script src="../../js/"></script>
</head> 
<body> 

<div data-role="page" class="type-interior">

	<div data-role="header" data-theme="f">
		<h1>Introduction</h1>
		
		
		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
	</div><!-- /header -->

	<div data-role="content">
		
		<div class="content-primary">
		
		<h2>jQuery Mobile Overview</h2>

		<p>jQuery’s mobile strategy can be summarized simply: A unified user interface system that works seamlessly across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Focused on a lightweight codebase built on progressive enhancement with a flexible, easily themeable design.</p>

		<p>The critical difference with our approach is the <a href="platforms.html">wide variety of mobile platforms we’re targeting</a> with jQuery Mobile. We’ve been working hard at bringing jQuery support to all mobile browsers that are sufficiently-capable and have at least a nominal amount of market share. In this way, we’re treating mobile web browsers exactly how we treat desktop web browsers.</p>
		
		<p>To make this broad support possible, all pages in jQuery Mobile are built on a foundation of <strong>clean, semantic HTML</strong> to ensure compatibility with pretty much any web-enabled device. In devices that interpret CSS and JavaScript, jQuery Mobile applies <strong>progressive enhancement techniques</strong> to unobtrusively transform the semantic page into a rich, interactive experience that leverages the power of jQuery and CSS. <strong>Accessibility features</strong> such as WAI-ARIA are tightly integrated throughout the framework to provide support for screen readers and other assistive technologies.</p>
			

		</div><!--/content-primary -->		
		
		<div class="content-secondary">
			
			<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
				
					<h3>More in this section</h3>
					
					<ul data-role="listview"  data-theme="c" data-dividertheme="d">
						<li data-role="list-divider">Overview</li>
						<li data-theme="a"><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
						<li><a href="../../docs/about/features.html">Features</a></li>
						<li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
						<li><a href="../../docs/about/platforms.html">Supported platforms</a></li>

				
					</ul>
			</div>
		</div>		

	</div><!-- /content -->
	
	<div data-role="footer" class="footer-docs" data-theme="c">
			<p>&copy; 2011 The jQuery Project</p>
	</div>	
	
	
</div><!-- /page -->

</body>
</html>
-												The start of basic documentation and cleaned up demos.

											
										
										
											2010-10-08 22:20:20 +00:00
+								<!DOCTYPE html>
 								<html>
-												set utf-8

											
										
										
											2010-11-02 01:46:29 +00:00
+									<head>
-												Added  viewport meta elements to the markup of every template and removed the metaViewportContent option from code and docs. IE does not support generated viewport tags.

											
										
										
											2011-02-18 20:00:18 +00:00
+									<meta charset="utf-8">
-												Ya'll can scale your pages now. Fixes #1645. Note: we originally disabled user zooming to work around a bug in iOS that automatically zooms the page beyond the constraints of the viewport on orientation change. We are not working around this bug at all now, but you are free to include any meta tag you'd like, or better yet, consider this polyfill: http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/

											
										
										
											2011-05-17 21:28:19 +00:00
+									<meta name="viewport" content="width=device-width, initial-scale=1">
-												The start of basic documentation and cleaned up demos.

											
										
										
											2010-10-08 22:20:20 +00:00
+									<title>jQuery Mobile Docs - Intro</title>
-												Sweep through all files to add a trailing slash to <link> tags that include thems/default. This should fix Opera Mobile Issue 763.

											
										
										
											2011-01-06 00:19:24 +00:00
+									<link rel="stylesheet"  href="../../themes/default/" />
-												added demo css file ref to about

											
										
										
											2010-11-11 21:13:11 +00:00
+									<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
-												been meaning to do this for a while.

											
										
										
											2011-04-14 20:04:47 +00:00
+									<script src="../../js/jquery.js"></script>
-												linked up js docs references properly

											
										
										
											2011-06-20 19:41:40 +00:00
+									<script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
 									<script src="../_assets/js/jqm-docs.js"></script>
-												been meaning to do this for a while.

											
										
										
											2011-04-14 20:04:47 +00:00
+									<script src="../../js/"></script>
-												The start of basic documentation and cleaned up demos.

											
										
										
											2010-10-08 22:20:20 +00:00
+								</head>
 								<body>
-												reworked the docs to better accommodate wide screens using a simple responsive layout. Tweaks forthcoming!

											
										
										
											2011-06-20 01:58:12 +00:00
+								<div data-role="page" class="type-interior">
-												The start of basic documentation and cleaned up demos.

											
										
										
											2010-10-08 22:20:20 +00:00
-												more docs updates. moved to the green header, set default transition dynamically

											
										
										
											2011-06-20 19:17:05 +00:00
+									<div data-role="header" data-theme="f">
-												changed page title

											
										
										
											2010-10-14 18:50:48 +00:00
+										<h1>Introduction</h1>
-												reworked the docs to better accommodate wide screens using a simple responsive layout. Tweaks forthcoming!

											
										
										
											2011-06-20 01:58:12 +00:00
-												home button fixes

											
										
										
											2011-02-03 23:34:35 +00:00
+										<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
-												The start of basic documentation and cleaned up demos.

											
										
										
											2010-10-08 22:20:20 +00:00
+									</div><!-- /header -->
-												switched up padding and margins on content div. Now it will get 15px padding, unless its a fullscreen page.

Inset listviews have no margin now, and regular listviews have -15px margins. Also, collapsibles now have no padding.

Updated HTML to remove ui-body classes for content divs, to match these changes.

Fixes #161

											
										
										
											2010-10-12 19:50:28 +00:00
+									<div data-role="content">
-												Committing up Todd's changes to docs.

											
										
										
											2010-10-11 12:11:20 +00:00
-												reworked the docs to better accommodate wide screens using a simple responsive layout. Tweaks forthcoming!

											
										
										
											2011-06-20 01:58:12 +00:00
+										<div class="content-primary">
-												Added h2 to intro page

											
										
										
											2011-02-03 13:17:18 +00:00
+										<h2>jQuery Mobile Overview</h2>
-												Updated supported platforms, intro and features for beta 2 prep.

											
										
										
											2011-08-03 14:11:06 +00:00
+										<p>jQuery’s mobile strategy can be summarized simply: A unified user interface system that works seamlessly across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Focused on a lightweight codebase built on progressive enhancement with a flexible, easily themeable design.</p>
-												updated intro, new images

											
										
										
											2010-10-15 20:05:27 +00:00
-												content edits

											
										
										
											2010-10-15 22:53:26 +00:00
+										<p>The critical difference with our approach is the <a href="platforms.html">wide variety of mobile platforms we’re targeting</a> with jQuery Mobile. We’ve been working hard at bringing jQuery support to all mobile browsers that are sufficiently-capable and have at least a nominal amount of market share. In this way, we’re treating mobile web browsers exactly how we treat desktop web browsers.</p>
-												text edits

											
										
										
											2010-10-16 01:49:03 +00:00
-												content edits

											
										
										
											2010-10-15 22:55:31 +00:00
+										<p>To make this broad support possible, all pages in jQuery Mobile are built on a foundation of <strong>clean, semantic HTML</strong> to ensure compatibility with pretty much any web-enabled device. In devices that interpret CSS and JavaScript, jQuery Mobile applies <strong>progressive enhancement techniques</strong> to unobtrusively transform the semantic page into a rich, interactive experience that leverages the power of jQuery and CSS. <strong>Accessibility features</strong> such as WAI-ARIA are tightly integrated throughout the framework to provide support for screen readers and other assistive technologies.</p>
-												added placeholder pages for accessibility and  features

											
										
										
											2010-10-15 15:04:44 +00:00
-												edits to intro page to add browser list - need help from John on this page

											
										
										
											2010-10-14 18:43:25 +00:00
-												more updates to docs

											
										
										
											2011-06-20 14:49:01 +00:00
+										</div><!--/content-primary -->
-												reworked the docs to better accommodate wide screens using a simple responsive layout. Tweaks forthcoming!

											
										
										
											2011-06-20 01:58:12 +00:00
 										<div class="content-secondary">
-												adjusted the presentation of the left nav and footer for the docs

											
										
										
											2011-09-29 20:35:31 +00:00
+											<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-												reworked the docs to better accommodate wide screens using a simple responsive layout. Tweaks forthcoming!

											
										
										
											2011-06-20 01:58:12 +00:00
-												more updates to the docs markup. getting close!

											
										
										
											2011-06-20 22:23:09 +00:00
+													<h3>More in this section</h3>
-												reworked the docs to better accommodate wide screens using a simple responsive layout. Tweaks forthcoming!

											
										
										
											2011-06-20 01:58:12 +00:00
-												more docs updates. moved to the green header, set default transition dynamically

											
										
										
											2011-06-20 19:17:05 +00:00
+													<ul data-role="listview"  data-theme="c" data-dividertheme="d">
-												reworked the docs to better accommodate wide screens using a simple responsive layout. Tweaks forthcoming!

											
										
										
											2011-06-20 01:58:12 +00:00
+														<li data-role="list-divider">Overview</li>
 														<li data-theme="a"><a href="../../docs/about/intro.html">Intro to jQuery Mobile</a></li>
 														<li><a href="../../docs/about/features.html">Features</a></li>
 														<li><a href="../../docs/about/accessibility.html">Accessibility</a></li>
 														<li><a href="../../docs/about/platforms.html">Supported platforms</a></li>
-												more updates to docs

											
										
										
											2011-06-20 14:49:01 +00:00
-												reworked the docs to better accommodate wide screens using a simple responsive layout. Tweaks forthcoming!

											
										
										
											2011-06-20 01:58:12 +00:00
+													</ul>
 											</div>
 										</div>
-												Committing up Todd's changes to docs.

											
										
										
											2010-10-11 12:11:20 +00:00
-												The start of basic documentation and cleaned up demos.

											
										
										
											2010-10-08 22:20:20 +00:00
+									</div><!-- /content -->
-												reworked the docs to better accommodate wide screens using a simple responsive layout. Tweaks forthcoming!

											
										
										
											2011-06-20 01:58:12 +00:00
+									<div data-role="footer" class="footer-docs" data-theme="c">
-												updated the footers in the new docs templates

											
										
										
											2011-06-20 22:50:52 +00:00
+											<p>&copy; 2011 The jQuery Project</p>
-												reworked the docs to better accommodate wide screens using a simple responsive layout. Tweaks forthcoming!

											
										
										
											2011-06-20 01:58:12 +00:00
+									</div>
-												The start of basic documentation and cleaned up demos.

											
										
										
											2010-10-08 22:20:20 +00:00
+								</div><!-- /page -->
 								</body>
 								</html>