ChezSimay

Attention les graphistes, voila que cette semaine, je me suis mis à ouvrir photoshop, et faire un peu de graphisme dans le cadre du concours Microsoft REMIX 07 (je sens que je vais me faire charrier...) , mais bon Guillaume à eu raison de moi et je me suis laissé entrainé dans ce concours à la CSS zen garden. Le but du jeu, c'est qu'on nous fournit un fichier HTML, et après c'est à nous de nous amuser avec les feuilles de style.

Jusqu'ici, c'est pas trop mal, mais bon à Microsoft, ça ne sens pas fort la sémantique chez eux. Quand je regarde le HTML, ça donne ça :

<div class="entrytitle">Microsoft is hosting a 72-hour conversation, and you're invited.</div>
<span class="subtitle">April 30 &mdash; May 2nd, The Venetian Hotel in Las Vegas</span>

Comme si ils ne connaissaient pas les balises de titre avec leur différents niveaux....

De plus, certains l'auront remarqués, Microsoft s'est amusé à modifier le HTML et sa structure en plein milieu du concours, franchement ça ne le fait pas, par exemple désormais la partie des news n'est plus fournie lorsqu'on télécharge le sample HTML alors qu'il l'était au départ, mais cette partie est rajouté lorsque le design est présenté, certains en ont la désagréable suprise (il suffit de se balader dans les différents designs proposés)...

Bon et bien Guillaume, rendez-vous dans le hall de l'hotel

Voir mon design

EDIT : Guillaume a sorti son design hallucinant

Avez-vous remarqué que dans nos magnifiques barres d'éditions, je ne leur trouvait pas grand sens, je m'explique : dans le cadre de mon travail, je fait des formations à des agences de communication, et je me tue à leur expliquer la sémantique. Le pourquoi du comment et tout le tralala, et voila qu'aujourd'hui, je remarque quelque chose qui me dérange un peu dans ces barres d'édition wiki. Mais quoi, vous allez me dire que vous ne remarquez rien, et pourtant... Dans le cadre de mes formations, j'explique que le HTML est un language de structure qui permet de donner du sens à notre page. C'est à dire qu'au lieu de penser à mettre un élément en gras, ce que l'on veut faire avant tout c'est lui donner de l'importance vis à vis du texte brut de notre page (pas si brut que ça, s'il se trouve dans un paragraphe), sur le même principe pour l'emphase simple (l'italique).

D'ailleurs lorsque vous laissez votre souris sur la barre d'édition wiki de votre dotclear préféré, il n'est pas marqué dans l'infobulle gras mais forte emphase, alors pourquoi utilise t-on la lettre B pour signaler le fait de mettre du texte en évidence? Parce que historiquement cela signifiait bold? Ce la n'a pas vraiment de sens. Il faudrait peut être trouver autre chose, car rien ne nous dit que ce texte mis en évidence sur notre site entre deux balises <strong></strong> ai un style font-weight:bold;

Si jamais vous avez des idées pour améliorer cela je suis preneur.