Conseil & développement d'applications mobiles

Quelques outils à tester:

• 10 Great Tools to Create a Mobile Version of Your Site
• Une belle check-list pour les webdesigners.

Sencha Touch, un framework HTML5 pour iOS et Android:

• Il est issu d’un rapprochement entre 3 projets: Ext JS + jQTouch + Raphaël.
• Vraiment prometteur, notamment avec sa capacité à fournir des éléments d’UI entièrement en CSS3 indépendant de la résolution. Il utilise SASS pour faciliter la personnalisation des thèmes.
• Data integration: AJAX, JSONp et YQL au menu
• en savoir +: Démos, Getting started…

Html5 rocks

D’excellentes ressources et tutoriaux sur HTML5 proposées par Google: http://www.html5rocks.com/.

• Une très bonne présentation de ce que propose HTML5 notamment
• Un code playground pour tester immédiatement les nouvelles API javascript
• Une liste d’outils tels que Modernizr

Et (encore !) quelques tests HTML5 à faire tourner sur votre mobile: http://html5demo.momac.net/ et http://html5demos.com/.

Design

Un bon exemple de design adaptatif: Finally a fluid Hicksdesign: pour 4 tailles différentes + iphone + ipad… On notera également l’usage de css3-mediaqueries.js pour assurer la compatibilité sur IE.

Pour tous les i*:

• Making an iPad HTML5 App & making it really fast
• Targeting various iOS devices with media queries.

Et comment spécifier une CSS spécialement pour iPhone 4 et son Retina Display:

<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="../iphone4.css" />

On préserve ainsi l’apparence visuelle du site (+ d’infos).