Lire la Suite »]]>

Quand j’ai commencé à créer des sites web, il y a eu à un moment la mode du « gif animé » : on en voyait partout. La possibilité de créer facilement des images animées et de les utiliser pour « mettre un peu de vie » sur leurs pages ont vite pousser certains à en abuser et on a parlé alors de « logos en flamme » pour dénoncer ces sites (on en voit encore) où l’œil ne sait plus où donner de la tête (sic) tellement les animations sont nombreuses. Le format GIF (Graphics Interchange Format), appartenant à l’origine à la défunte société Compuserve, est maintenant plutôt délaissé à cause de ses limites : les gifs animés sont très lourds à charger et surtout il ne peut afficher que 256 couleurs, ce qui est très négatif pour les photos et autres images, même dans les interfaces, qui affichent mieux en dégradés de milliers de couleurs. Pour les photos on utilise maintenant plutôt le JPEG ou le PNG.

Pourquoi je vous raconte ça, c’est parce que je suis tombé sur http://fromme-toyou.tumblr.com, un site assez impressionnant d’un photographe où sont présentées des photos toutes au format GIF ! Il faut cliquer sur « Cinemagraph » pour les voir directement.
Il ne s’agit pas d’animations comme des vidéos (il n’y a d’ailleurs pas de son) mais bien des photographies où une partie de l’image bouge, s’anime, « vit ».

Attention, la page peut prendre un peu de temps pour se charger, et il vaut mieux utiliser un ordinateur de bureau, le rendu n’étant pas terrible sur les smartphone. Mais ça vaut le détour.

Régulièrement alimenté en nouvelles créations, le site présente des photos dont une partie est animée grâce au format GIF utilisé. Là où c’est assez fort, c’est que chaque photo a été optimisé pour ce format : les images enregistrées au format Gif n’affichant que 256 couleurs, c’est une véritable prouesse que d’avoir à chaque fois choisi les bonnes teintes à utiliser (des outils comme Photoshop permettent ce travail, mais il est très long) pour que le rendu de la photo soit agréable à l’écran. Ceux qui ont ont déjà voulu enregistrer leur photos au format GIF se souviendront de leur déception à l’arrivée.

Le résultat est bluffant et aussi un peu magique : après avoir vu ces photos « animées », on se surprend à trouver les siennes un peu ternes et mortes, parce qu’elles, elles ne bougent pas.

Alors allez donc sur sur http://fromme-toyou.tumblr.com, (ou directement sur « Cinemagraph« ) et dites-moi en commentaire ce que vous en pensez !

• En savoir plus sur le format GIF (Wikipedia)

Lire la Suite »]]> L’encyclopédie libre Wikipedia en ligne est suffisamment connue pour ne pas être présentée. Elle offre aux internautes aujourd’hui une somme de connaissance de qualité sur tous les sujets et contribue à la démocratisation de celle-ci.

Bien sûr vous pouvez, à partir de votre iPad, vous connecter au site Wikipédia en ligne directement à partir d’un navigateur comme Safari, mais le logiciel Wikipanion apporte une série de services pratiques et une interface dédiée qui améliore l’expérience, alors pourquoi s’en priver?

Attention, il ne s’agit pas d’une version gratuite permettant le « off line » pour tout ou sélection d’article mais bien une interface du site : si vous n’êtes pas relié à Internet, point de salut !

La version « plus », permet de sauvegarder en arrière plan pour une telle lecture off line, mais est payante (3€99).

Dès son lancement, Wikipanion montre une interface soignée, en Français.
À gauche vous avez vos signets, c’est à dire les articles dont vous souhaitez conserver le lien afin de les retrouver plus rapidement pour une consultation ultérieure. Vous pouvez également consulter l’historique de tous les articles consultés, classés par date de consultation.

Une fois dans un article, les trois icônes du haut permettent, dans l’ordre :

• D’afficher la table des matières de l’article pour naviguer facilement au sein de celui-ci. Ceci est particulièrement utile pour les longs articles.
• De lister les articles liés (« Voir aussi« ) à l’article en cours de lecture. Par exemple sur un article sur Stendhal, il y a des liens vers les articles Wikipedia « Écrivains français du XIX^e siècle », « Écrivains romantiques », « Écrivains voyaheurs », etc..
• D’accéder aux signets (voir plus haut).

La plus grande partie de l’écran est bien sûr consacré à l’article lui-même, formaté pour une lecture aisée sur l’iPad. Si on passe celui-ci en lecture verticale, la barre de menu précédemment décrite s’estompe.

Il se comporte comme un navigateur (avec les liens clicables, des bouton « précédents » et « suivants ») et contient en haut un champ de recherche sur le site.

A noter que l’historique des articles consultés, s’il est affiché, est dynamique, ce qui peut être utile.

Au sein d’un article, on peut également accéder, via le bouton « roue dentée », à certaines actions ou modification sur celui-ci :

• Modification de la taille des caractères affichés,
• Forcer l’affichage des caractères en Serif (pour passer de l’arial au times),
• Effectuer une recherche au sein de l’article lui-même ou
• dans Wiktionary (dictionnaire de vocabulaire qui s’affiche alors au dessus de l’article. Pour en savoir plus sur le Wiktionnaire : http://fr.wiktionary.org)
• Ouvrir l’article dans Safari
• Twitter le lien de cet article dans Twitter
• Imprimer (depuis la dernière mise à jour de l’iOS…)

Pour un usage normal, de temps en temps, la version gratuite de Wikipanion est très satisfaisante. Si vous souhaitez faire le plein d’articles à lire pour vos vacances en mode déconnecté, alors la version « plus » vous sera plus utile.

Liens :

• Wikipanion pour iPad (gratuit)
• Wikipanion pour iphone (gratuit)
• Wikipanion Plus pour iPad (3,99 €)
• Wikipanion Plus pour iPhone (3,99 €)

Lire la Suite »]]> Les Google Labs sont un trésor permanent. On y trouve vraiment toutes sortes d’applications que Google a plus ou moins mis en avant.
Certains sont des extensions d’applications connues comme Gmail ou GCal, d’autres sont plus spécifiques.

C’est le cas de Browser Size, qui s’adresse plutôt aux concepteurs de sites web.

Une fois sur le site, vous rentrez l’URL du site qui vous intéresse et il s’affiche en dessous d’un calque indiquant les tailles d’écran de navigateurs. C’est là que c’est très intéressant parce qu’il ne s’agit pas de la taille des écrans mais effectivement de la taille utilisée par les navigateurs pour vraiment visualiser une page (en laissant les menus de l’interface OK et du navigateur, les barres d’icones, etc.).

Le système indique le pourcentages de la population disposant de ces différentes tailles (en fait de la population connue par Google via ce qu’il récolte sur elle depuis son moteur de recherche).
Au passage, ceci est encore un exemple des tonnes d’informations que Google récolte lorsqu’on utilise ses services gratuits et qu’il est susceptible d’utiliser, ou de vendre.

Il est possible de régler l’opacité et de naviguer sur le site à travers cette interface pour cible une page ou un bouton particulier.

> http://browsersize.googlelabs.com

Lire la Suite »]]> Les écrans d’ordinateurs sont de plus en plus grands, et les interfaces de sites web ont suivi cette tendance. Il est loin le temps où l’une des obligations d’un cahier des charges pour un site web était qu’il devait « tenir » dans une interface de 640 x 512 pixels, barre de navigation du navigateur comprise !

Aujourd’hui la mise en page des sites est beaucoup plus complexe, et prend beaucoup plus de place. Et le rendu sur un écran de taille maintenant « standard » de 17, voire 20 pouces n’est forcément pas le même que sur un écran de Blackberry ou d’iphone.

Heureusement le petit monde de WordPress propose une réponse en l’extension « WordPress PDA & iPhone« , de Imthiaz Rafiq.
Grâce à celle-ci, la mise en page est automatiquement adaptée au « device » utilisé pour la viste : je vous laisse apprécier les écrans ci-dessous, testés sur mon ipod, mais j’ai également testé avec un Blackberry et ça fonctionne également en prenant en compte les caractéristiques de chaque petite machine.

Cliquez ci-dessous pour agrandir les quelques photos d’écran permettant de comparer quelques pages selon qu’elles sont « lues » par telle ou telle machine… Les pages et les écrans sont reformatées en laissant de côté les barres de navigation et les colonnes de widgets et autres fonctions annexes (commentaires, etc.), et des boutons « iphone » sont ajoutés pour naviguer en haut de l’écran.

[flickrset id="72157618509411968" thumbnail="square" overlay="true" size="original"]

Avec le succès grandissant de l’iphone et des autres smartphones qui s’en inspirent, on peut sans hésitation prévoir que de plus en plus de sites prendront en compte cet aspect.