Parmi les plus : création automatique de contenu (oui, il est toujours fastidieux de créer des pages de tests) ; réécriture des URL pour les résultats de recherche ; la galerie utilise les balises HTML5 figure et figcaption ; ajout de réglages dans l’administration pour ajouter le code analytics, son compte Twitter, etc. (via @PierreTran)

→ Téléchargez Roots sur GitHub.

Articles sur le même sujet

• 9 thèmes WordPress HTML5 pour créateurs de thèmes
• WordPress de A à Z — A comme Allons-y ! (on s'organise)
• Duster — Nouveau thème WordPress HTML5 par Automattic
• HTML5 Boilerplate + Toolbox + Codex = WordPress Basics
• WordPress de A à Z — C comme CSS & Composé HTML5

Pour vous faire une idée de la richesse de ce vocabulaire commun, il suffit de jeter un oeil sur l’ensemble de la hiérarchie disponible sur la page The Type Hierarchy. On le voit, ce vocabulaire a l’ambition de taguer l’ensemble de la production culturelle humaine, et plus à venir.

Thing

Au sommet de cette hiérarchie de micro-données, on trouve la «chose».Thing est décomposée en:

• CreativeWork,
• Event,
• Intangible,
• Organization,
• Person,
• Place,
• Product.

CreativeWork

Chaque élément est lui-même structuré en sous-ensemble. Pour CreativeWork, nous avons par exemple :

• Article,
• Blog,
• Book,
• ItemList,
• Map,
• MediaObject,
• Movie,
• MusicPlaylist,
• MusicRecording,
• Painting,
• Photograph,
• Recipe,
• Review,
• Sculpture,
• TVEpisode,
• TVSeason,
• TVSerie,
• WebPage,
• WebPageElement.

WebPageElement

Parmi les éléments qui permettent d’ajouter du sens aux balises HTML pour préciser leur portée. Par exemple, WebPageElement se subdivise en :

• SiteNavigationElement,
• Table,
• WPAdBlock,
• WPFooter,
• WPHeader,
• WPSideBar.

Exemple d’utilisation du schema « Movie »

J’ai repris un exemple de la documentation de schema.org en prenant la liberté de modifier le balisage HTML initialement proposé pour ajouter un peu plus de sémantique via une liste de définition. Un peu dans l’esprit de ce que j’avais fait pour le microformat hCard, souvent expliqué avec des exemples de marquage HTML un peu «léger».

<dl>
    <dt>Avatar</dt>
     <dd>Director: James Cameron (born August 16, 1954)</dd>
     <dd>Science fiction</dd>
     <dd><a href="../movies/avatar-theatrical-trailer.html">Trailer</a></dd>
</dl>

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

RDFa c’est fini ?

D’après Google, les site utilisant RDFa continueront à être valorisés en tant que Rich Snippets mais il ne dit pas pendant combien de temps…

Enfin une solution stable et pérenne pour enrichir nos données ?

Je suis un farouche supporter des microformats, mais j’ai toujours gardé également à l’esprit qu’il ne s’agissait globalement que d’un exercice de style. Je n’ai jamais pu observer un quelconque impact dans le fait de mettre des classes microformatées dans mes balises. Avec les schémas proposés par Google Bing et Yahoo! nous aurons peut-être plus de chances de voir nos efforts enfin récompensés. A tester et à voir.

→ Consulter HTML Microdata du W3C

Articles sur le même sujet

• Le prêt-à-bloguer bride-t-il la créativité ?
• Sites de contenus vs sites commerciaux ?
• Optimiser son blog pour le référencement est inutile dans 80% des cas
• Goopilation — Les blogs officiels de Google traduits en français
• Quelques lignes de PHP pour protéger la SERP-diversité

Un thème basé sur HTML5 Boilerplate et Toolbox (et le Codex) «For Those About to Rock» avec WordPress !

Capture d'écran de la catégorie Tutorial de wp4design.com

Basics en bref

• Basé sur HTML5 Boilerplate, le thème Toolbox (par Automattic) et le Codex,
• Prêt pour l’internationalisation,
• Sémantique HTML 5,
• Rôle ARIA (Landmarks),
• Microformats hCard, hAtom, XFN,
• Souple et solide à la fois,
• Sûrement perfectible.

Basics est encore en version bêta et évolue régulièrement. N’hésitez pas à  suivre le compte Twitter @wpbscs pour connaitre les derniers développements en cours.

Dernière version

→ Télécharger la dernière version de Basics.

Tutoriel

• → Lire le tutoriel WordPress de A à Z — B comme Basics
• → Lire les tutoriels rapides concernant Basics sur WordPress & Webdesign.

Articles sur le même sujet

• 9 thèmes WordPress HTML5 pour créateurs de thèmes
• Toolbox — Thème WordPress HTML5 par Automattic
• WordPress de A à Z — F comme Functions.php
• Mise à jour du thème WordPress ♥ Basics avec HTML5 Boilerplate 2
• Roots — Thème WordPress à base de HTML5 Boilerplate

1. WordPress Basics — Ensemble robuste (bien qu’en version bêta) de dossiers et de fichiers basés sur HTML5 Boilerplate et Toolbox. Mise en place des rôles ARIA (landmarks), des microformats (hCard, hAtom) et de la sémantique associée à HTML 5 quand cela faisait sens. ♥ Basics est un Blank Theme qui doit être prêt à accueillir tout type de contenus et/ou être facilement modifiable pour s’adapter à vos besoins en créant des thèmes enfants ou en dupliquant les fichiers après en avoir modifié le marquage HTML.
2. Toolbox — Thème WordPress HTML5 sémantique pour les artistes des CSS.  Avec son jeu de Templates complet, cette boite à outils est un point de départ quasi parfait pour vos développements. Lire Toolbox — Un thème WordPress HTML5 par Automattic.
3. HTML5-Reset-Wordpress-Theme — Thème bâti sur les fondations de HTML5Reset.org avec des gros morceaux de HTML5 Boilerplate.
4. TwentyTenFive — Reprend le thème par défaut de WordPress 3 TwentyTen à la lettre à la sauce HTML5. Thème réalisé dans le cadre d’une collaboration entre Richard Shepherd et Smashing Magazine. Ce thème a fait l’objet d’un tutoriel complet sur la transformation de TwentyTen en TwentyTenFive. Voir le thème sur GitHub.
5. H5 Template Theme — La particularité de H5 est d’utiliser le moins de balises HTML possible en étant le plus sémantique possible : pas de div, de span ou de d’identifiants ! Encore un excellent thème pour progresser dans le minimaliste ;) Voir et télécharger H5 (ainsi que beaucoup d’autres thèmes). Ce thème a servi de base pour HTML5-Reset-Wordpress-Theme.
6. Starkers HTML5 — Encore un très bon point de départ pour démarrer un thème WordPress HTML5.
7. Temple Gate — Très beau thème HTML5 inspiré par les temples japonais. Temple Gate a été conçu avec l’accessibilité en ligne de mire : Section 508 et WAI-WCAG 2.0. Voir les nombreuses fonctionnalités de Temple Gate (lien de téléchargement dans l’article).
8. Thematic-html5boilerplate — Mélange de Thematic et de HTML5 Boilerplate. Reprend les fonctionnalités apparues dans TwentyTen (Images, Background, Widgets, etc.) ainsi que celles proposées par Thematic (contrôle des maquettes et du logo, etc.). Propose une foultitude de bonnes idées, notamment en ce qui concerne le SEO dans WordPress. Un peu trop complexe à mon goût.
9. Roots — Synthèse entre HTML5 Boilerplate, Starkers HTML5. A tester ! (Roots sur GitHub.)

PS : ce billet a initialement été publié sur WordPress & Webdesign où il a fait les frais (comme beaucoup d’autres) du passage à l’anglais. Merci de votre compréhension.

Articles sur le même sujet

• Roots — Thème WordPress à base de HTML5 Boilerplate
• HTML5 Boilerplate + Toolbox + Codex = WordPress Basics
• Duster — Nouveau thème WordPress HTML5 par Automattic
• Toolbox — Thème WordPress HTML5 par Automattic
• WordPress de A à Z — A comme Allons-y ! (on s'organise)

1. Détourer les cheveux avec Photoshop
2. 1000 ressources pour le développement web et WordPress
3. Design de formulaire HTML avec CSS
4. Nombre d’or, suite de Fibonacci et autres grilles de mise en page pour le design web
5. 139 Ressources Javascript et jQuery
6. 14 outils en ligne pour créer des palettes de couleur
7. Menu à onglets avec javascript et css
8. e-commerce : quel E-CMS pour gérer votre boutique en ligne ?
9. Des feuilles de style CSS dynamiques avec PHP
10. Tutoriel WordPress : la sidebar à la loupe, comprendre les widgets

Javascript / CSS / CSS3 / HTML5

• HTML5 Boilerplate est un template HTML/CSS/JS complet pour développer des sites rapides, robustes et éprouvés pour le futur. Lire HTML5 Boilerplate, un template puissant et complet paru sur Alsacréations pour plus d’information, notamment dans les commentaires.
• Playground — Le terrain de jeu de l’agence Deaxon spécialiste en création d’interface utilisateur pour MacOS, iOS et autres applications Web qui explore les nouvelles techniques mises à notre disposition par les standards du Web CSS, CSS3 et HTML5.
• Le guide ultime des microformats : Références et exemples — Traduction de l’article Ultimate Guide to Microformats: Reference and Examples.
• Une feuille de styles de base pour le medium print — Exemple de CSS pour l’impression qui met l’accent sur les marges, les couleurs, les contrastes, les tailles, la gestion des sauts de pages et des veuves et orphelines.

WordPress

• Efficient Related Posts – Les plugins qui proposent d’afficher une liste des articles en relation avec le billet en cours nécessitent des ressources non négligeables si votre blog contient de nombreux articles. La liste des articles liés est construite à la volée chaque fois qu’un article est affiché. Efficient Related Posts déporte ce temps d’attente du front vers le back-office : la construction de la liste s’effectue depuis l’interface de rédaction des articles. C’est l’auteur du billet qui attend, pas le lecteur ! Lire Problem related post plugins et Efficient Related Posts pour plus d’information.
• Limit Login Attempts — Ce plugin comble trou potentiel dans la sécurité de votre blog WordPress en limitant le nombre d’accès infructueux à votre fichier `/wp-admin/` Via WikiTwist France.
• WordPress : afficher son nombre brut d’abonnés FeedBurner et WordPress : afficher son nombre brut de followers Twitter

Miscellanées

• World Wide Web — La première page Web de l’histoire. Réédition (1992) de la page initialement publiée en 1990 dont c’est le vingtième anniversaire : http://info.cern.ch/www20/
• http://nsfw.in — Ce raccourcisseur d’URL vous permet de créer des liens courts vers des sites Not Safe For Work avec une page intermédiaire et le détail du lien. (Merci @barrabe).
• Outil SEO : vérification de backlinks — Outil en ligne permettant de vérifier l’existence de liens retours (backlinks)  http://lab.loicg.net/bl_checker/

Articles sur le même sujet

• Le petit journal du web : PHP, WordPress, Javascript, CSS, Ruby, Responsive Webdesign
• 35 blogs de développeurs web
• 390 ressources Javascript & jQuery
• WordPress de A à Z — E comme Extensions (les plugins)
• Le petit journal du Web — Décembre 2010

C’est normal si on considère que le web est issu du monde de la recherche universitaire mais ça l’est moins au regard des autres pratiques du web en général et du commerce en ligne en particulier. Du coup, mon côté réactionnaire a pris le dessus et je me suis mis à regarder HTML5 comme un sous-produit de XHTML réservé aux contenus dits de « qualité » vs le commerce qui ferait partie du côté « obscur » de la force.

Pour prendre le contre-pied de ce que j’écrivais dans Favoriser les sites de contenus, n’est-ce pas exclure de fait les sites d’entreprises ? je pense qu’il est peut-être temps de se pencher sur la structure sémantique des sites de vente en ligne.

Les balises qui manquent à HTML5

Et là, je ne parle pas que de e-commerce. Quelqu’un pourra-t-il m’expliquer la présence d’une balise dialog alors qu’il manque la balise logo, élément bien plus largement utilisé sur le web ? Idem pour une éventuelle balise motto ou baseline ? Je veux bien y mettre de la bonne volonté, mais HTML5 est quand même un truc bancal quand on regarde de près la structuration des contenus présents sur le web.

Et le e-commerce, ça pue ?

Et oui, à côté des blogs, des articles d’information et des sites corporate (qui partagent la même structure), le gros du web est composé de sites de vente en ligne. Quand on y regarde de plus près, les éléments composant la notice d’un article (produit) sont autrement plus complexes que ceux d’un article (billet) : on retrouve les mêmes éléments (titre, sous-titre, résumé, etc.) en plus des éléments spécifiques au commerce comme le prix (price ?), le nombre d’éléments en stock (item ?), etc. Sans compter tous les éléments qui caractérisent un produit comme la taille, la couleur, etc.

Vous vous doutez bien qu’il ne serait pas très pratique d’avoir autant de balises dites « sémantiques » pour caractériser chaque élément de personnalisation possible pour un article donné. C’est pourquoi, je propose d’inventer un mécanisme permettant de spécifier un élément sous forme ce classe CSS histoire de s’en sortir avec tous les micro-contenus… Mais attendez, on me souffle dans l’oreillette que les microformats existent déjà…

En (très) bref

HTML5 sera parfait pour structurer l’exemplaire papier de Roméo et Juliette qui se trouve dans ma bibliothèque. En ce qui concerne les contenus disponibles sur le web le travail ne fait que commencer.

Articles sur le même sujet

• Quelques notes — Programme de formation HTML & CSS
• Quelques notes sur les fonctions de l'intégrateur web et de l'intégratrice web
• The HTML Framework Project | Phase 1.1 — définir
• Le petit journal du web — Les fruits de la veille ont gardé toute leur fraicheur
• 390 ressources Javascript & jQuery

En effet, dans leur précipitation à mettre en avant les attributs des microformats, les promoteurs du « web sémantique » en oublient souvent de travailler le code HTML qui se trouve autour. Bien que les exemples donnés généralement soient destinés à être personnalisés, force est de constater que les exemples sont souvent repris tels quels. Save the markup, save the web? Maybe ;-)

L’exemple hCard fournit par Frédéric

D’après l’exemple donné dans la documentation officielle :

<div class="vcard">
  <a class="fn n url" href="http://fredericdevillamil.com">
    Frédéric de Villamil
  </a>
  <div class="adr">
      <span class="type">Domicile</span>:
      <div class="street-address">12 rue Danton</div>
      <span class="postal-code">94270</span>
      <span class="locality">Le Kremlin-Bicêtre</span>,
      <div class="country-name">France</div>
  </div>
  <div class="tel">
      <span class="type">Mobile</span> +33-6-62-1337
  </div>
  <div>Email:
      <span class="email">frederic@de-villamil.com</span>
  </div>
</div>

Ma proposition de balisage pour le format hCard

J’ai ajouté quelques attributs pour enrichir un peu l’ensemble :

<ol class="vcard">
  <li>
      <h4>Identités</h4>
      <ul>
          <li class="fn n url">
            <a href="http://www.brunobichet.fr">
              Bruno Bichet
            </a>
          </li>
          <li class="fn nickname url">
            <a href="http://www.css4design.com">
              br1o
            </a>
          </li>
          <li class="photo url">
            <a href="http://www.css4design.com/identite_100x100.png">
              Tu veux ma photo ?
            </a>
          </li>
          <li class="note">
            Intégrateur web, blogdesigner et formateur
          </li>
      </ul>
  </li>
  <li>
      <h4 class="type">Adresse</h4>
      <ul class="adr">
          <li class="street-address">1, rue de l'intégration HTML</li>
          <li class="postal-code">69007</li>
          <li class="locality">Lyon sur CSS</li>
          <li class="country-name">France</li>
      </ul>
  </li>
  <li>
      <h4>Téléphones</h4>
      <ul class="tel">
          <li class="type">Mobile : +33 6 00 00 00 00</li>
          <li class="type">Fixe : +33 4 00 00 00 00</li>
      </ul>
  </li>
  <li>
      <h4>Emails</h4>
      <ul>
          <li class="email">infographiste@gmail.com</li>
          <li class="email">bruno.bichet@gmail.com</li>
          <li class="email">br1o@live.fr</li>
      </ul>
  </li>
</ol>

1. Identités

   • Bruno Bichet
   • br1o
   • Tu veux ma photo ?
   • Intégrateur web, blogdesigner et formateur

2. Adresse

   • 1, rue de l’intégration HTML
   • 69007
   • Lyon sur CSS
   • France

3. Téléphones

   • Mobile : +33 6 00 00 00 00
   • Fixe : +33 4 00 00 00 00

4. Emails

   • infographiste@gmail.com
   • bruno.bichet@gmail.com
   • br1o@live.fr

La même hCard en liste de définition

Mise-à-jour : Sur une remarque judicieuse d’Aymeric dans ce commentaire, voici la version « liste de définition ». Cette version semble effectivement plus adaptée : plus légère et le code est plus clair. Que du bon air, heu… du bonheur :)

<dl class="vcard">
  <dt>Identités</dt>
  <dd class="fn n url"><a href="http://www.brunobichet.fr">Bruno Bichet</a></dd>
  <dd class="fn nickname url"><a href="http://www.css4design.com">br1o</a></dd>
  <dd class="photo url"><a href="http://www.css4design.com/identite_100x100.png">Tu veux ma photo ?</a></dd>
  <dd class="note">Intégrateur web, blogdesigner et formateur</dd>


<dt class="type">Adresse</dt>
  <dd class="adr street-address">1, rue de l'intégration HTML</dd>
  <dd class="adr postal-code">69007</dd>
  <dd class="adr locality">Lyon sur CSS</dd>
  <dd class="adr country-name">France</dd>

<dt>Téléphones</dt>
  <dd class="tel type">Mobile : +33 6 00 00 00 00</dd>
  <dd class="tel type">Fixe : +33 4 00 00 00 00</dd>

<dt>Emails</dt>
  <dd class="email">infographiste@gmail.com</dd>
  <dd class="email">bruno.bichet@gmail.com</dd>
  <dd class="email">br1o@live.fr</dd>
</dl>

Identités

Bruno Bichet

br1o

Tu veux ma photo ?

Intégrateur web, blogdesigner et formateur

Adresse

1, rue de l’intégration HTML

69007

Lyon sur CSS

France

Téléphones

Mobile : +33 6 00 00 00 00

Fixe : +33 4 00 00 00 00

Emails

infographiste@gmail.com

bruno.bichet@gmail.com

br1o@live.fr

Pour conclure

Je ne suis pas un expert en microformats et je me pose pas mal de questions. Dans mon exemple, vaut-il mieux utiliser la classe email sur chaque élément de liste li ou une seule fois dans la balise ul ? Si vous avez des suggestions concernant le placement des attributs des microformats dans le balisage HTML, n’hésitez pas à participer ;)

PS : connaissez-vous le site des microformateurs pour suivre l’actualité des microformats en français ?

Articles sur le même sujet

• Granularisation du balisage HTML : parce que nos documents le valent bien…
• Quelques notes sur Sandbox, un thème WordPress pour intégrateurs html CHIC qui aiment les microformats
• Tutoriels pour apprendre HTML & CSS
• Check your <body> avec le W3C
• Quelques notes — Programme de formation HTML & CSS

C’est quoi au juste ce concours ?

Il s’agissait de proposer un thème pour WordPress en utilisant l’intendance fournie par Sandbox. Je vous renvoie sur l’un des billets que j’ai déjà écris sur ce thème Sandbox. Grosso modo, ce thème a deux particularités. D’une part, il offre l’intégration des microformats dans un écrin xhtml CHIC, donc classe… D’autre part, il utilise le fichier functions.php pour générer des classes à gogo en fonction du contexte dans lequel s’affiche la page dont voici quelques exemples :

 <body class="wordpress y2007 m05 d31 h18 home loggedin"> <body class="wordpress y2007 m05 d31 h18 archive category category-action-citoyenne loggedin"> <div id="post-1" class="hentry p1 post publish author-admin category-uncategorized y2007 m05 d16 h09"> <li id="comment-550" class="comment c1 byuser comment-author-admin bypostauthor c-y2007 c-m05 c-d31 c-h20">

Et quand on sait que Sandbox fera probablement partie un jour ou l’autre de la distribution WordPress, vous conviendrez qu’il est urgent d’aller jeter un oeil chez l’ami Scott !

46 designs — Mes impressions « à chaud »

La suite de ce billet contient mes notes de lecture prises durant la phase de sélection des designs. Ces notes, destinées à guider mes choix pour désigner les trois meilleurs thèmes accompagnés de leur chalengers, sont à peines réécrites pour les besoins de cet article. A la relecture, je m’aperçois que je n’ai pas été particulièrement tendre : que voulez-vous, c’est pas de ma faute si j’ai pris mon rôle de judge au sérieux ;) En, même temps, je me dis que ça ne sert à rien d’embellir les résultats après coup pour éviter de froisser les susceptibilités. Car en fait, si les résultats parlent d’eux-mêmes, ils ne disent finalement pas grand chose sur les designs qui n’ont pas été retenus.

Ca va sans dire mais mieux en le disant, il s’agit essentiellement d’impressions personnelles et subjectives, même si ça et là, quelques justifications techniques ou ergononiques donnent l’impression du contraire ^_^. Lorsque je n’ai pas pu me prononcer franchement « pour » un design, j’ai joué la carte de l’honnêteté en précisant « N/A » pour « Non Applicable » au moment où j’ai rédigé ma note. En revanche, je me suis appliqué à justifier mes impressions « contre ».

Les 46 designs »

Articles sur le même sujet

• 390 ressources Javascript & jQuery
• Devenez Alpha testeurs pour Vanilla : un thème WordPress basé sur SandBox et Yahoo! User Interface CSS
• Améliorations cosmétiques et ergonomiques sur ce blog
• Sont taquins chez WordPress ;)
• 1000 ressources pour le développement web et WordPress

J’ai eu l’occasion de parler du concours et du thème Sandbox en détail. Je disais même que ce thème était l’avenir des plate-formes de blog comme WordPress ou Dotclear (qui s’y colle ?) : une base XHTML et CSS CHIC et sémantiquement riche (en utilisant au maximum les microformats et les balises HTML adéquates).

L’activité outre-atlantique autour de Sandbox (notamment en ce qui concerne l’attention portée ces derniers jours à la mise en place d’un système de traduction à l’aide des fichiers .pot), monte en puissance et il serait dommage que la France ou l’Europe ne participe pas ^^ Si en plus vous êtes lyonnais(e) alors là, c’est le bouquet ^_^

Merci de relayer cet avis de recherche et/ou de me faire part de votre éventuelle participation. Vous pouvez également candidater directement.

Stay tuned and mind the gap!

Articles sur le même sujet

• Quelques notes sur Sandbox, un thème WordPress pour intégrateurs html CHIC qui aiment les microformats
• Mon blog sur Facebook
• WordPress 2.2 : Stan Getz release et le thème Sandbox de plaintxt.org
• Check your <body> avec le W3C
• Quelques notes — Programme de formation HTML & CSS

1. Le CSSR (Cascading Style Summer Refresh 2007)

   Vous profitez de la période estivale à venir pour ouvrir les fenêtres et faire le ménage ? Allez, pour une inscription de plus vous pouvez gagner des présents inestimables en participant au concours de redesign de votre site web organisé par Alsacréations. Le cahier des charges : utilisez les CSS pour la mise en pages, utilisez un code propre et « sémantique », et utilisez votre imagination pour faire une belle charte graphique. Faites-vous plaisir, faites-nous plaisir :) Via sutekidane (comment ça, c’est pas une chaîne ? )

2. Pimp my hCard

   Alexandre nous propose de participer à la promotion des microformats en proposant le concours de la plus belle hCard. Les autres propositions ne seront pas abandonnées à leur triste sort : elles rejoindront une banque de templates hCard dans laquelle on pourra picorer à loisir selon les besoins. J’ai apporté ma modeste contribution en proposant un gabarit hCard à base de listes imbriquées ; il se pourrait que j’y ajoute une feuille de style ;)

3. Sandbox Designs Competition

   Encore une bonne occasion d’en apprendre un peu plus sur le marquage sémantique et les microformats : Scott lance un challenge pour moderniser le design des blogs WordPress en utilisant les morceaux de sémantique et les microformats présents dans le thème Sandbox. Le vainqueur de cette compétition recevra 500$, le second 300$ et le troisième 200$. (Ce qui reste tout de même loin des présents inestimables d’Alsacréations ;) )

Cody, quand tu es là

A l’approche de la Fête de la Musique, je vous propose de continuer en musique avec Cody, jeune chanteuse lyonnaise qui va enregistrer dans les semaines prochaines (avant le 8 juin…) 2 titres pour un cd en édition très limitée…1500 cd qui seront distribués au Festival des 3 chênes le 28 juin à « L’Imprévu » à Massieu (69)…uniquement sur invitation…

D’autres titres sont disponibles à l’écoute sur codywebsite. Enjoy !

Profitez-en également pour lire le blog de Maurine (ou l’art du grand n’importe quoi), toujours agréable à lire :)

Le plus terrible c’est de savoir que …

Reshape-music organise son premier plateau pop rock au Sonic à Lyon les 22 et 23 juin 2007 Le label rassemble pour la première fois sa communauté autour de deux soirées Pop Rock à Lyon[...]. Gratuites ces soirées seront placées sous le signe de l’éthique avec des goodies issus du commerce équitable dans des emballages entièrement recyclables. Si vous êtes sur Lyon à ces dates, il vous suffit de vous préinscrire dans l’espace SOIREE de notre blog. Le plus terrible c’est de savoir que cette expérience sera d’ores et déjà renouvelée. Alors, pour les non-lyonnais, attendez-vous, tôt ou tard, à nous voir débarquer.

Articles sur le même sujet

• HTML5 Boilerplate + Toolbox + Codex = WordPress Basics
• Proposition de balisage HTML sémantique du microformat hCard
• Sandbox Designs Competition : 46 thèmes pour WordPress passés en revue
• Judging begins, bozarblog, contenu dupliqué, redondance d'information, audience de blog, podcast…
• Roots — Thème WordPress à base de HTML5 Boilerplate