Malgré leur “amitié” bien connue ils viennent de se mettre d’accord sur un standard de présentation des microformats.

Toutes les infos se trouvent sur schema.org.

Pour être très rapide, les microformats sont des attributs à coller dans vos balises HTML et qui permettent aux moteurs de recherches de cataloguer le type de contenu que ces balises contiennent.

Exemple de présentation d’un film : on y précise son titre, son réalisateur, la date de naissance du réalisateur, le genre du film et où trouver le trailer.

<div itemscope itemtype="http://schema.org/Movie">
  <h1 itemprop="name">Avatar</h1>
  <div itemprop="director" itemscope itemtype="http://schema.org/Person">
  Director: <span itemprop="name">James Cameron</span>
(born <span itemprop="birthDate">August 16, 1954</span>)
  </div>
  <span itemprop="genre">Science fiction</span>
  <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a>
</div>

Les 3 moteurs ont convenu d’une énorme liste de 267 types d’info. En voici quelques uns classiques et généraux :

• Movie
• Recipe
• Event
• LocalBusiness

Et quelques uns plus pointus :

• Cemetery
• Volcano
• RecyclingCenter

Qu’est ce qu’on a à y gagner nous ? Et bien il y a des chances que nos sites apparaissent de manière customisée dans les résultats de recherche. Par exemple, voici comment peut apparaître un évènement utilisant le bon microformat.

A noter que Google propose un outil de prévisualisation de rich snippets. Pratique pour voir à quoi pourrait ressembler votre page dans ses résultats.

En gros Google et Bing galèrent un peu et nous demandent de faire une partie du taff. Pourquoi pas. On ne peut pas d’un côté saluer que les deux gros se mettent d’accord et d’un autre côté se plaindre qu’il y a un peu plus de boulout.

Du plus général au plus précis :

• Le désormais classique “Indignez-vous” de Stéphane Hessel que je vous ne présente pas.
• Une intervention de Michel Serres dans Ce soir ou jamais. Il parle des énormes changements que connaissent la société et l’humain depuis un peu moins de 100 ans. Il écarte le champ trop restreint de l’économie et des nouvelles technologies. Il nous parle d’agriculture, d’exode rural, de médecine. Intéressant pour remettre à leur place Internet et les nouvelles technos qui nous occupent tellement la tête. L’idée que je retient est que le monde de demain est toujours imprévisible. Que de nouvelles formes d’organisations, de pouvoir émergent de manière discrètes et que parmi toutes ces initiatives certaines deviendront à terme la culture dominante.
• Toujours Michel Serres donnant une conférence ayant pour sujet : Les nouvelles technologies : révolution culturelle et cognitive. Il compare les trois révolutions de l’information que sont l’écriture, l’impression et les TIC. Il explique que ces révolutions sont bien plus puissantes que l’invention du moteur ou d’autres avancées technos.
• Un article d’OWNI à propos du Do It Yourself contenant énormément de vidéos et d’exemples de réalisations. L’article s’appelle : “La prochaine révolution, faites la vous même” et est écrit par Jean Marc Manach. Il met en lumière le fait que l’esprit open source et crowd sourcing du web est peu à peu en train de se diffuser au monde matériel. Si vous voulez voir des centaines d’exemples de réalisations je vous le conseille.

Tout ça me donnerait presque envie d’abandonner le web. Presque

Michel Serres dans Ce Soir Ou Jamais

Conference de Michel Serres

Photo prise à Ocean Park à Hong Kong le 28 mai 2011. Le panda s’appelle Rou Rou.

Marcin Jakubowski explique lors d’une conférence TED le pourquoi et le comment de son wiki : Open Source Ecology.

C’est top comme idée : fournir les plans de 50 machines permettant de rendre un village autonome : tracteur, four à pain, etc …

Les machines produites sont peu chères, robustes et open-source.

Voilà la vidéo :

Et je dois dire que c’est la première fois que je vois le site d’une agence et que je me dis : voilà le standard que doivent attendre les sites aujourd’hui.

Jugez donc :

• Full ajax
• Interface originale (la page About, l’accueil du Blog entre autres)
• Tout en HTML
• Gros travail graphique aussi bien photo que typo
• Un discours clair, ni pompeux ni trop sérieux
• Une vraie ambiance

Fait relativement rare : leur site est de meilleure qualité que leurs projets clients. Loin de moi l’idée de dire que les sites qu’ils livrent sont mauvais, au contraire ils sont bons et originaux. On sent tout de même qu’ils se sont particulièrement investi dans leur propre site et qu’il a été fait avec amour.

A visiter donc.

- Tu sais ce que qu’un sprite en CSS ?

- Bah ouai facile, c’est une image qui en combine plusieurs et qui sert à économiser quelques requêtes et gagner un peu en vitesse.

- Ouai je suis d’accord mais regarde ce que Google a fait avec un peu de js, un peu de css et un gros gros sprite ! Eat this !

Pour info Google a utilisé 154 div et à peu près autant d’images dans le sprite. Du beau boulot.

Bon il s’agit plus d’une petite démo technique (comment souvent avec les Doodles) qu’un vrai exemple d’usage.

Mais on peut sûrement trouver à cela des utilisations sympas.

UPDATE : voilà le gars qui a fait l’animation : Ryan Woodward

• Il y aurait aujourd’hui plus de 10 milliards d’appareils connecté au net (plus que d’êtres humains !!)
• L’application iphone d’ebay est le premier vendeur mobile aux US (faudrait que je la décortique pour voir)
• Mixi est un des principaux réseau social au Japon (jamais vu, vous connaissez ?)
• L’ipad est utilisé essentiellement le soir à l’heure d’aller se coucher
• …

Bref, il finit de me convaincre que le web mobile est maintenant bien présent.

Luke Wroblewski enchaîne ensuite sur l’usage des plateformes sociales pour votre site. Il y passe rapidement sur l’utilisation de Facebook Connect par Quora qui vous permet de trouver tout de suite les questions qui vous intéresseront.

Il explique également l’avantage de lever l’anonymat sur les plateformes de commentaires. L’utilisation de Facebook Comments aurait notamment l’effet d’un gros Troll Slayer.

Bref, on voit de près ou de loin de nombreux sujets dans cette vidéo :

• Le web mobile en général
• Le commerce électronique mobile
• De nouveaux layout CSS permettant d’adapter vos/vos sites à différentes résolutions
• De rapides notions d’ergonomies
• La possibilité d’accéder aux différents capteurs des smartphones via les browsers mobiles
• Une rapide description de la réalité augmentée
• La tendance de l’ensemble des sites à se “socialiser”

Un programme chargé pour un freelance web. A ces différents sujets à surveiller je rajouterai

• La “pas encore mais bientôt” généralisation de la 3D dans les sites web.
• La “gamification” des usages.
• Les canvas d’HTML5 qui à mon avis vont nous donner un paquet de boulot dans les prochaines années.
• L’accès web/internet sur de nouveaux supports : télé, voiture, maison, …

Bref tout ce qui nous attend donne le tournis. Et je doute qu’une seule personne puisse assimiler rapidement tous ces changements à venir.

A la fois flippant et enthousiasmant non ?

Souvent on cherche le lien en bas de page qui nous indiquera le créateur. Mais dans bien des cas ce lien n’existe pas.

Des espagnols ont eu l’idée de créer un standard pour renseigner ces infos. Il s’agit d’un fichier appelé humans.txt à mettre à la racine du site.

L’idée est bonne car ça n’interfère pas dans le code, c’est léger et facile à mettre en place.

Rendez-vous sur leur site pour en savoir plus.

Et si vous voulez un exemple vous en trouverez chez Google.

Toujours est-il que dans bien des cas l’inscription reste nécessaire. Dans ce cas bouquinez un peu cet article de Smashing Magazine qui recense les bonnes pratiques du moment (auto-suggest sur les pays, un seul password avec possibilité de “démasquer” les caractères, ou auto-remplissage à la Friend.ly)

A bookmarker.

Dans cette vidéo elle donne une conférence expliquant pourquoi nos CSS sont si bordéliques. On a tous commencé de nouveaux projets en se disant “ok cette fois, mes CSS vont être ultra clean, super affutées.” Et au final on finit avec des sélécteurs à plus savoir qu’en faire et des déclarations en double ou triple.

En plus de ce long constat elle livre quelques conseils pour améliorer notre façon de coder.

• S’écarter de quelques bonnes pratiques comme le tout sémantique.
• Se construire son mini-framework pour chaque site
• Utiliser des preprocessor.

Je vous conseille la vidéo si vous avez un moment.