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="../../js/"></script>
</head> 
<body> 

<div data-role="page">

	<div data-role="header" data-theme="b">
		<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">
		
		<h2>jQuery Mobile Overview</h2>

		<p>jQuery’s mobile strategy can be summarized simply: Delivering top-of-the-line JavaScript in a unified User Interface that works across the most-used smartphone web browsers and tablet form factors.</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>
			
			
		<img src="../_assets/images/ipad-palm.png" alt="Smartphone and tablet designs" style="max-width:100%; margin-top:20px;">

						

	</div><!-- /content -->
	
</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>
 									<script src="../../js/"></script>
-												The start of basic documentation and cleaned up demos.

											
										
										
											2010-10-08 22:20:20 +00:00
+								</head>
 								<body>
 								<div data-role="page">
-												Added a home link to all pages and changed the header bar theme swatch to b globally

											
										
										
											2011-02-03 22:29:48 +00:00
+									<div data-role="header" data-theme="b">
-												changed page title

											
										
										
											2010-10-14 18:50:48 +00:00
+										<h1>Introduction</h1>
-												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
-												Added h2 to intro page

											
										
										
											2011-02-03 13:17:18 +00:00
+										<h2>jQuery Mobile Overview</h2>
-												content edit

											
										
										
											2010-10-15 22:43:22 +00:00
+										<p>jQuery’s mobile strategy can be summarized simply: Delivering top-of-the-line JavaScript in a unified User Interface that works across the most-used smartphone web browsers and tablet form factors.</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
-												Committing up Todd's changes to docs.

											
										
										
											2010-10-11 12:11:20 +00:00
-												updated intro, new images

											
										
										
											2010-10-15 20:05:27 +00:00
+										<img src="../_assets/images/ipad-palm.png" alt="Smartphone and tablet designs" style="max-width:100%; margin-top:20px;">
-												edits to intro page to add browser list - need help from John on this page

											
										
										
											2010-10-14 18:43:25 +00:00
-												removed the  class="ui-body" wrappers on pages, added to content div. hopefully, we can remove the class completely and have the framework add it for you.

											
										
										
											2010-10-11 19:51:59 +00:00
-												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 -->
 								</div><!-- /page -->
 								</body>
 								</html>