Must read : 25 HTML5 Features, Tips, and Techniques you Must Know : http://net.tutsplus.com/tutorials/html-css-techniques/25-html5-features-tips-...

1.
L'évènement click ne se déclenche sur iPhone/iPad qu'après un délai de
300 ms, d'ou l'impression de lourdeur lors de l'utilisation de cet
événement.
Il est bien plus intéressant d'utiliser l'évènement touchstart qui se
déclenche dés le 'tap'.

Voir : http://cubiq.org/remove-onclick-delay-on-webkit-for-iphone

Il est bien sûr possible de binder l'évènement click et touchstart à
la même fonction, ce qui permet d'utiliser la web app sur ordinateur
classique aussi.

2. A lire : http://www.html5rocks.com/tutorials/

3. A lire : http://robertnyman.com/2010/04/14/using-offline-web-applications-to-offer-offline-capabilities-sister-specification-to-html5/
-> online/offline event

4. Pour faire les tests sur le cache manifest :
http://support.apple.com/kb/TA24891?viewlocale=en_US
"When you reload a Web page in Safari (by clicking the Reload icon or
by pressing Command-R in Mac OS X or Ctrl-R in Safari Beta 3.x for
Windows), cache files are bypassed. You don't need to hold Shift or
any other modifier keys."
-> C'est pour ça qu'il faut pas tester le cache manifest d'une webappe
en faisant reload mais bien en ouvrant une nouvelle fenêtre/onglet +
coller URL + entrée.

nouveau mac : • Allumage
• Créer son compte
• Faire connaitre son réseau wifi
• Renseigner son compte iTunes
• Renseigner son compte mobile.me, ou en créer un
• Faire les mises à jour (Menu Pomme>Mise à jour de logiciels). Possible que le mac souhaite redémarrer pour parfaire la mise à jour
• Réglage de la luminosité au max et du passage en veille à ‘jamais’ quand le mac est sur adaptateur secteur. Réglage du trackpad
• Installation d’Open Office
• Paramétrage de Mac Mail
• Installation de Parallels & Windows XP

nouvel iPhone : • Transfert de l'ancien vers le nouveau : http://support.apple.com/kb/HT2109?viewlocale=fr_FR
• Configurer l'ancien comme un nouvel appareil : http://support.apple.com/kb/HT3828?viewlocale=fr_FR

Si un jour vous devez traduire un site, une webapp ou toute autre application, faites-vous du bien, utilisez le standard : gettext

Quelques liens :
* le site officiel : http://www.gnu.org/software/gettext/
* le tuto php : http://www.siteduzero.com/tutoriel-3-74650-un-site-multilingue-avec-gettext.html
* la doc php : http://php.net/manual/fr/book.gettext.php
* wordpress utilise gettext : http://codex.wordpress.org/Translating_WordPress

Une fonction pratique que j'ai trouvé sur le net :

[code:javascript]function dump(obj) {
    var out = '';
    for (var i in obj) {
        out += i + ": " + obj[i] + "\n";
    }

    alert(out);

    // or, if you wanted to avoid alerts...

    var pre = document.createElement('pre');
    pre.innerHTML = out;
    document.body.appendChild(pre)
}[code]

Benchmark javascript comparatif iPhone 3G, iPad, MacBook Pro/Safari

You can put your results in comments. Vous pouvez mettre vos résultats dans les commentaires.

Summary :

SunSpider :

url : http://www2.webkit.org/perf/sunspider-0.9/sunspider.html

en millisecondes

iPhone 3G : 54032 ms

iPad : 14540.2ms (3,7x mieux que l'iPhone 3G)

Macbook pro/Safari : 277.2ms (200x mieux que l'iPhone 3G)

V8 Google :

url : http://v8.googlecode.com/svn/data/benchmarks/v5/run.html

score “higher is better”

iPhone 3G : estimé à 20 (ne s'achève pas, voir détail)

iPad : 102 (5 fois mieux que l'iPhone 3G ?)

MacBook Pro/Safari : 2387 (23x mieux que l'iPad)

Detail :

iPhone 3G :

SunSpider :

SunSpider iPhone 3G

V8 Google :

Running: 89% completed.

Richards: 18.0

DeltaBlue: 13.4

Crypto: 23.0

RayTrace: 18.3

EarleyBoyer: 38.9

RegExp: 7.88

iPad :

SunSpider :

SunSpider iPad

V8 Google :

Score: 102

Richards: 96.4

DeltaBlue: 81.4

Crypto: 38.9

RayTrace: 187

EarleyBoyer: 229

RegExp: 59.0

Splay: 146

Macbook pro Safari :

SunSpider :

SunSpider MacBook Pro

V8 Google :

Score: 2387

Richards: 3056

DeltaBlue: 2197

Crypto: 2121

RayTrace: 3059

EarleyBoyer: 2521

RegExp: 948

Splay: 4246

Téléchargement

On peut compléter ces tests par un test de téléchargement d'un fichier js de 1 Mo: Mobile cache file sizes, sachant que l'iPhone 3G a du wifi 802.11g et l'iPad et le MacBook Pro ont du wifi 802.11n, donc 4 fois plus rapide.

Pour cibler IE 6 :

http://net.tutsplus.com/articles/news/free-copies-of-pro-php-and-jquery/