Mobile-Web-App

Monday, January 21, 2013

jQuery Mobile sample: Panel wedget of jQuery Mobile 1.3.0 beta

jQuery Mobile 1.3.0 beta introduce new cool panel widget. Panels are designed to be as flexible as possible to make it easy to create menus, collapsible columns, drawers, inspectors panes and more.

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>mobile-web-app: jQuery Mobile Panel</title>
 <link rel="stylesheet"  href="http://jquerymobile.com/demos/1.3.0-beta.1/css/themes/default/jquery.mobile-1.3.0-beta.1.css" />
 
 <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
 <script src="http://jquerymobile.com/demos/1.3.0-beta.1/js/jquery.mobile-1.3.0-beta.1.js"></script>
</head>
<body>

<div data-role="page">
 <div data-role="content">
  <a href="#mypanel1" data-role="button">Open Panel - default</a>
  <a href="#mypanel2" data-role="button">Open Panel - overlay</a>
  <a href="#mypanel3" data-role="button">Open Panel - push</a>
  <a href="#mypanel4" data-role="button">Open Panel - reveal</a>
 </div>
 <div data-role="panel" id="mypanel1">
  <h1>Default data-display</h1>
  <a href="" data-role="button" data-rel="close">Close Panel</a>
 </div>
 <div data-role="panel" id="mypanel2" data-display="overlay">
  <h1>overlay</h1>
  <a href="" data-role="button" data-rel="close">Close Panel</a>
 </div>
 <div data-role="panel" id="mypanel3" data-display="push">
  <h1>push</h1>
  <a href="" data-role="button" data-rel="close">Close Panel</a>
 </div>
 <div data-role="panel" id="mypanel4" data-display="reveal">
  <h1>reveal</h1>
  <a href="" data-role="button" data-rel="close">Close Panel</a>
 </div>
</div>

</body>
</html>

jQuery Mobile 1.3.0 beta released!

jQuery Mobile 1.3.0 beta is focused on elevating responsive web design (RWD) and brings lots of cool new widgets including panels, dual handle range sliders, and two different responsive table modes. And also a lot of work on re-factoring AJAX nav system to make it easier to use and more consistent across browsers.

Source: http://jquerymobile.com/blog/2013/01/14/announcing-jquery-mobile-1-3-0-beta/

Try it now: 1.3.0 Beta demos

Friday, January 11, 2013

Ubuntu OS on the Galaxy Nexus

Wednesday, January 9, 2013

New Dart Editor Build with Expanded Windows and Chrome Apps Support

A new Dart Editor build is available at http://www.dartlang.org/editor.

Know more: http://news.dartlang.org/2013/01/new-dart-editor-build-with-expanded-windows-chrome-apps-support.html

Thursday, December 20, 2012

A new Dart Editor build is available

A new Dart Editor build is available at www.dartlang.org/editor.

Thursday, November 29, 2012

Start Here!TM Learn HTML5

Ready to learn HTML5 programming? Start Here!

Learn the fundamentals of programming with HTML5—and begin building your first standards-based web pages from the ground up. If you have absolutely no previous experience, no problem—simply start here! This book introduces must-know concepts and getting-started techniques through easy-to-follow explanations, examples, and exercises.

Here’s where you start learning HTML5

Create a web site using HTML5 tags in a simple text editor

Use semantic tags to make your pages easier to layout and find

Draw in HTML5 using the canvas element

Embed audio and video in your web pages

Get HTML5 to work in older browsers

Develop your future skills in web design

Tuesday, November 27, 2012

Google Code-in 2012 start

Google Code-in 2012 Details
a short video describing the Google Code-in 2012 global contest designed to introduce 13-17 year old pre-university students to the world of open source development.