jquery mobile è forse il più anzato sistema per creare siti web mobile..in fondo alla pagina che ti ho fattio vedere c'è un editor visuale dove trascini i controlli che ti servono (pulsanti, select, immagini ecc.); tu non devi fare altro che associare il codice agli oggetti e ti viene generato codice html5 perfettamente funzionante su qualunque smartphone! quel che segue ad esempio è il codice geenrato da una semplcie pagina html5 mobile con un pulsante, una immagine ed un textbox:
Codice PHP:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>
</title>
<link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<link rel="stylesheet" href="my.css" />
<style>
/* App custom styles */
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.2.0/jquery.mobile-1.2.0.min.js">
</script>
<script src="my.js">
</script>
</head>
<body>
<div data-role="page" id="page1">
<div data-role="content">
<a data-role="button" href="#page1">
Button
</a>
<div style="width: 288px; height: 100px; position: relative; background-color: #fbfbfb; border: 1px solid #b8b8b8;">
[img]http://codiqa.com/static/images/v2/image.png[/img]
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<label for="textinput1">
Title
</label>
<input name="" id="textinput1" placeholder="" value="" type="text" />
</fieldset>
</div>
</div>
</div>
<script>
//App custom javascript
</script>
</body>
</html>