Feuilletez les photos de votre galerie
Avec un écran tactile, l'utilisation de son terminal mobile devient très intuitive.
Avec iPhone, on clique de moins en moins. On préfère plutôt déplacer les objets de gauche à droite, de haut en bas, on carresse, on effleure ..... Bref, on prend l'habitude par exemple de faire défilier des photos d'une simple pichenette.
Il était impossible pour nous de ne pas proposer ce type de navigation dans vos galeries. C'est donc maintenant en ligne. Allez-y, testez, et appréciez ;)
Par ailleurs, nombre d'entre vous souhaitaient pouvoir afficher les copyright des photos dans la galerie mobile. C'est désormais le cas. Il suffit pour cela de renseigner le champ "description" de la photo.
Avec iPhone, on clique de moins en moins. On préfère plutôt déplacer les objets de gauche à droite, de haut en bas, on carresse, on effleure ..... Bref, on prend l'habitude par exemple de faire défilier des photos d'une simple pichenette.
Il était impossible pour nous de ne pas proposer ce type de navigation dans vos galeries. C'est donc maintenant en ligne. Allez-y, testez, et appréciez ;)
Par ailleurs, nombre d'entre vous souhaitaient pouvoir afficher les copyright des photos dans la galerie mobile. C'est désormais le cas. Il suffit pour cela de renseigner le champ "description" de la photo.
Rotate for a map !
Nous avons décidé de mettre à profit la présence des accéléromètres de l'iPhone dans le webservice Agenda. Les accéléromètres permettent de savoir dans quelle position l'utilisateur consulte son iPhone (mode portrait ou mode paysage).
Dans l'agenda, en mode portait, nous affichons les détails de l'évènement. Si vous basculez iPhone en mode paysage, l'évènement et ses informations associées sont localisées sur une map (Google Map)
Si vous disposez de votre propre nom de domaine, il est nécessaire de renseigner la Google Key associée à votre version mobile (m.nomdedomaine.com) dans le menu DESIGN > Design mobile > Autres paramètres. Si vous avez besoin d'aide à ce sujet, merci de posez vos questions dans le support.
Notez enfin les nouvelles possibilités de mise en forme des évènements (mode portrait) :
- bords arrondis
- ombres
Dans l'agenda, en mode portait, nous affichons les détails de l'évènement. Si vous basculez iPhone en mode paysage, l'évènement et ses informations associées sont localisées sur une map (Google Map)
Si vous disposez de votre propre nom de domaine, il est nécessaire de renseigner la Google Key associée à votre version mobile (m.nomdedomaine.com) dans le menu DESIGN > Design mobile > Autres paramètres. Si vous avez besoin d'aide à ce sujet, merci de posez vos questions dans le support.
Notez enfin les nouvelles possibilités de mise en forme des évènements (mode portrait) :
- bords arrondis
- ombres
Des Tags bien visibles
La page article a été modifiée. La nouveauté la plus visible concerne les tags. Ils sont désormais beaucoup plus lisibles et du même coup ...... plus facilement cliquables :)
Pensez à paramétrer une couleur de fond pour vos tags, ce sera du plus bel effet (menu DESIGN > Design mobile > Page internes > Pages > Police > Tags)
Autre nouveauté. Désormais les vidéos YouTube embarquées dans vos articles se lancent directement dans le lecteur vidéo de iPhone. Nous avons gagné 1 clic. Souvenez-vous, auparavant, il existait une étape intermédiaire qui passait par une page web YouTube.
Pensez à paramétrer une couleur de fond pour vos tags, ce sera du plus bel effet (menu DESIGN > Design mobile > Page internes > Pages > Police > Tags)
Autre nouveauté. Désormais les vidéos YouTube embarquées dans vos articles se lancent directement dans le lecteur vidéo de iPhone. Nous avons gagné 1 clic. Souvenez-vous, auparavant, il existait une étape intermédiaire qui passait par une page web YouTube.
Nouvelle page podcast
Cette page est devenue beaucoup plus agréable à consulter.
Vos utilisateurs connaissent désormais le poids du podcast. Une icone "Play" les invite à l'écouter.
Enfin, le titre du podcast s'adapte à la largeur de l'écran. Il y a plus de texte affiché si on tourne iPhone en mode paysage.
Cette gestion de la taille des titres est possibles grâce à l'utilisation de CSS 3
Vos utilisateurs connaissent désormais le poids du podcast. Une icone "Play" les invite à l'écouter.
Enfin, le titre du podcast s'adapte à la largeur de l'écran. Il y a plus de texte affiché si on tourne iPhone en mode paysage.
Cette gestion de la taille des titres est possibles grâce à l'utilisation de CSS 3
Les petits + obtenus grâce à CSS 3
A chaque fois que nous le pouvons, nous utilisons du CSS 3 dans la version iPhone. CSS 3 ??? Retenez simplement qu'il s'agit d'un langage utilisé pour mettre en forme le contenu de vos sites.
CSS 3 permet de réaliser des effets très subtils. Par exemple, les bords arrondis, les ombres, le bouton retour extensible sont possibles grâce à CSS 3.
Notre dernière application en date concerne l'affichage des titres. En fonction de l'orientation de iPhone (portait ou paysage), nous affichons un titre plus au moins long. Ceci s'applique sur :
- le texte du module bannière de titre (en page interne)
- les titres des rubriques à la une
- les descriptions des photos
- les titres des podcasts
Dernière chose, vous pouvez aussi personnaliser la couleur de la flèche "bouton retour".
CSS 3 permet de réaliser des effets très subtils. Par exemple, les bords arrondis, les ombres, le bouton retour extensible sont possibles grâce à CSS 3.
Notre dernière application en date concerne l'affichage des titres. En fonction de l'orientation de iPhone (portait ou paysage), nous affichons un titre plus au moins long. Ceci s'applique sur :
- le texte du module bannière de titre (en page interne)
- les titres des rubriques à la une
- les descriptions des photos
- les titres des podcasts
Dernière chose, vous pouvez aussi personnaliser la couleur de la flèche "bouton retour".
