tuto

Get flash to fully experience Pearltrees

John Allsop - traduction Christophe Ducamp le 24/12/06 Il y a plein d'endroits en ligne où vous pouvez apprendre à utiliser le microformat hCard pour baliser vos détails de contacts sur votre site (il y a même quelques ressources à la fin de l'article). Mais il n'y a pas encore eu beaucoup d'efforts produits pour utiliser les microformats avec CSS . Par conséquent dans ce fascicule de "24 ways", nous allons jeter simplement un oeil à cela – comment les microformats aident à faire un stylisme fondé sur CSS plus simple et plus soigné. Etant des structures riches et vraiment complexes, les hCards fournissent aux concepteurs un échafaudage sophistiqué pour leur donner du style. Un exemple récent que j'ai vu pour styler les hCards, jouant sur la métaphore de la carte de visite dans le business, a été réalisé par Andy Hume, sur http://thedredge.org/2005/06/using-hcards-in-your-blog/ .

http://www.elanceur.org/MicroFormats/StylezvoshCardsavecCSS.html

Stylisez vos hCards avec CSS !

http://support.google.com/webmasters/bin/answer.py?hl=en&answer=146646

People - Centre d'aide Outils pour les webmasters

New! schema.org lets you mark up a much wider range of item types on your pages, using a vocabulary that Google, Microsoft, and Yahoo! can all understand.

http://microformats.org/wiki/hcard-authoring

Goal: The goal of this document is to provide some good intuitive guidelines that should make it as easy and as quick as possible for any web author to create hCards or add hCard markup to existing content. Audience: Web authors, designers, IA's. This document is written for easy consumption and understanding by any web designer who knows at least enough (X)HTML and CSS to use semantic HTML class names on elements (i.e.

hCard authoring · Microformats Wiki

hCard supporting user profiles · Microformats Wiki

The following web sites support both hCard on user profiles and the ability to use your user profile as an OpenID . Alphabetically sorted. Feel free to add sites with hCard profiles that are also OpenID URLs here. Please include a link to the site home page (or implementations entry). All services with hCard profiles

http://microformats.org/wiki/hcard-supporting-user-profiles

weblog | Value Class Pattern

http://microformats.org/2009/05/12/value-class-pattern

The value-class-pattern solves two of the three most challenging issues that microformats have encountered in their entire history: accessibility and localization. After many long months of focused iterating (repeatedly researching, brainstorming, testing, documenting) led by Ben Ward , the value-class-pattern alpha draft is ready to use and support. Publish and implement

This page is an informative section of the hCard specification . The following sites have published hCards , and thus are a great place to start for anyone looking for examples "in the wild" for inspiration, or try parsing and indexing. new and uncategorized examples Have hCard? If you have a site with hCard(s), add it to the top of this list.

hCard Examples in the wild · Microformats Wiki

http://microformats.org/wiki/hcard-examples-in-wild#examples_by_category

http://microformats.org/wiki/get-started

Get Started · Microformats Wiki

One of the key principles of microformats, is to privilege human readable content. This means that you should think first and foremost of your content design being readable and accessible to web viewers. Using the most appropriate HTML elements and applying structured class names to your markup enables you to produce content that can be clearly understood by a human audience and also used in a structured way by automated programs and other online tools. But the point is that you shouldn't have to go out of your way to produce such machine friendly markup - microformats make it easy to integrate this greater degree of structure into your websites, without the overhead of having to learn complicated new languages or formats.