Tags » JQuery Mobile

JQuery Mobile template


<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
    <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
  </head>

  <body>
    <div data-role="page">
    <div data-role="header" data-position="fixed">
      <h1>Title</h1>
    </div>

    <div data-role="content">
      <h1>Hello world!</h1>
    </div>

    <div data-role="footer" data-position="fixed">
       <h1>footer</h1>
    </div>
</div>
</body>
</html>

Jonathan reblogged this on Jonathan's Blog and commented:

Basic jQuery Mobile Template for starting. The structure of mobile jQuery apps is quite straightforward, this template helps show you the fundamental aspects that you will need.

Responsive HTML Tables - Part I

“Responsive web design (RWD) is an approach to web design that is easily viewable across a variety of devices from desktop computers to mobile phones”. So in order for websites to be responsive, they need to be designed in such a way that make them easily able to fit the width of the user’s device screen size, this way users won’t need to scroll horizontally, horizontal scrollbars are so annoying. 398 more words

Bootstrap

JQuery Mobile template


<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
    <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
  </head>

  <body>
    <div data-role="page">
    <div data-role="header" data-position="fixed">
      <h1>Title</h1>
    </div>

    <div data-role="content">
      <h1>Hello world!</h1>
    </div>

    <div data-role="footer" data-position="fixed">
       <h1>footer</h1>
    </div>
</div>
</body>
</html>

Jquery Mobile: Creating a basic page

Getting started: Creating a basic jquery mobile page

1. We will add the meta viewport information to the head of the html page.
2. We will add jQuery Mobile framework files. 23 more words

JQuery Mobile

Profil Freelance Trainer Android JQM Phonegap - Hery

Hery Purnama 081.223344.506 (From Bandung ) – Trainer/ Pengajar freelance Excel VBA Macro, MS Project, Android Jquery mobile , Phonegap, Google Map API, Google Sketchup 3D , MS Project, Sencha ExtJS, Oracle, SQL Server, MySQL, MS. 1,480 more words

Ajax

Cara tercepat belajar excel macro

Mau cepat belajar excel macro ? , Hery Purnama 081.223344.506 – Trainer/ Pengajar freelance Excel VBA , Android Phonegap, Google Map API, Google Sketchup3D , MS Project, ExtJS, Oracle, SQL Server, MySQL, MS. 1,328 more words

Cara Cepat

Redirect on Start-up

Assuming that you want to redirect user to a certain page on start-up based on a condition. If a user navigates directly to a page which has no access to, or without verifying “ 224 more words

JQuery Mobile