Framework jQuery Mobile

1 1 1 1 1 1 1 1 1 1 Rating 0.00 (0 Votes)
Submit to DeliciousSubmit to DiggSubmit to FacebookSubmit to Google PlusSubmit to StumbleuponSubmit to TechnoratiSubmit to TwitterSubmit to LinkedIn

Framework jQuery Mobile

jQuery Mobile est un excellent framework de développement d'applications web mobiles, qui se propose, comme la plupart des Frameworks de développement mobile, d'offrir un ensemble d'outils à base de technologies web, pour construire des applications indépendantes du matériel mobile.

Il est compatible avec les OS mobiles actuels. C'est donc un choix très intéressant pour toutes personnes souhaitant couvrir l'ensemble du marché des OS mobiles.

Avec jQuery Mobile on écrit moins, pour créer plus, c'est le fameux "write Less, do more".

Exemple de code :

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Page jQuery</title> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
</head> 
<body> 
<div data-role="page" data-theme="b" id="jqm-home">
    <div data-role="content">
        <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
            <li data-role="list-divider">list-divider 1</li>
            <li><a href="#">list-divider 1.1</a></li>
            <li><a href="#">list-divider 1.2</a></li>
            <li><a href="#">list-divider 1.3</a></li>
            <li><a href="#">list-divider 1.4</a></li>
        </ul>    
        <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
            <li data-role="list-divider">list-divider 2</li>
            <li><a href="#">list-divider 2.1</a></li>
            <li><a href="#">list-divider 2.2</a></li>
            <li><a href="#">list-divider 2.3</a></li>
            <li><a href="#">list-divider 2.4</a></li> 
            <li><a href="#">list-divider 2.5</a></li>
        </ul>
        <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
            <li data-role="list-divider">list-divider 3</li>
            <li><a href="#">list-divider 3.1</a></li>
            <li><a href="#">list-divider 3.2</a></li>
            <li><a href="#">list-divider 3.3</a></li>
            <li><a href="#">list-divider 3.4</a></li>
            <li><a href="#">list-divider 3.5</a></li>
            <li><a href="#">list-divider 3.6</a></li>
        </ul>
    </div>
</div>
</body>
</html>

Exemple de gallerie jQuery Mobile : http://www.jqmgallery.com/

Submit to DeliciousSubmit to DiggSubmit to FacebookSubmit to Google PlusSubmit to StumbleuponSubmit to TechnoratiSubmit to TwitterSubmit to LinkedIn