background preloader

Web 2.0 : Le mini-guide

Web 2.0 : Le mini-guide

NeoNet 2.0 hCard authoring short URL This page contains useful tips and guidelines for how to author hCards, either from scratch, or by adding markup to existing content. 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. Author(s): Tantek Çelik, Mark Rickerby A 5 minute primer to using hCard Let's imagine a static page that contains some personal contact details, the main part of which looks something like: This snippet has all the human readable information needed to produce a valid hCard representation - all that is necessary is to add some additional structure that defines each particular detail. And that's all it takes! e.g. <!

Webnote Webnote is a tool for taking notes on your computer. It allows you to quickly write something down during a meeting, class, or any other time that you have a web browser available. You start by creating a workspace and creating notes in the workspace. You can save your workspace at any time and return to them from the same computer or any other computer. You can also share your notes with others by providing the workspace name (or url) to a friend. new host! I'm in the process of migrating the website to a new hosting provider. the server is melting Please don’t embed your webnote page in an iframe or a frame if you’re going to be sending thousands of users a day. database update I’ve made a change to how the database of the site works. Anyway, this shouldn’t cause any noticeable changes. Update: This change has made workspace names case sensitive. scrollbars Two new features: You may need to reload to see the changes. Email me if you have any problems. crash downtime

hCard supporting user profiles One of many sets of hCard examples in the wild. Welcome! If you have an account on any of the following services, you already have an hCard which you can provide to other services to import or subscribe your profile information. The ability to syndicate your profile from the service of your choice is a key component of social-network-portability. short URL Services with hCard profiles and OpenID The following web sites support both hCard on user profiles and the ability to use your user profile as an OpenID. With rel=me support: Others: All services with hCard profiles The following web sites support hCard on their user profiles and are thus suitable for importing/subscribing to other sites that support hCard. following the name of the site. Alphabetically sorted. 3eep - each user's public profile is located at Add-ons for Firefox - e.g. offline sites Sites that used to support hCard but lost it in some upgrade: import on sign-up

20 outils Internet pour tre un entrepreneur efficace | Creation d&#039;entreprise ! | Guilhem Bertholet Une toujours plus grande partie de l’activité d’un entrepreneur se situe en ligne, ou en tout cas s’appuie sur des applications et outils hébergés sur Internet ou même maintenant dans le creux de sa main directement sur le téléphone. Et il faut bien reconnaître qu’en utilisant correctement ces outils, on peut gagner à la fois beaucoup d’argent et de temps, et avoir une connaissance de ses clients bien plus grande. Petit tour d’horizon des outils préférés (et aussi les plus utiles) des entrepreneurs… La plupart étant gratuits, vous n’avez aucune excuse pour ne pas les utiliser dès le démarrage de votre aventure entrepreneuriale ! Se faire connaître et intéragir avec sa communauté Le propre de l’entrepreneur, c’est de parler constamment de son projet, d’essayer de le faire connaître du plus grand nombre. Difficile enfin de construire une communauté (une Tribu, aurait dit l’ami Seth Godin) sans Facebook, sur lequel vous pourrez créer votre « page » et la relayer un peu partout ailleurs.

weblog | 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 Several publishers have already started using the value-class-pattern, including this blog, and some implementations have already started supporting it as well. Everyone who publishes content marked up with microformats or develops microformats implementations such as parsers and authoring tools should take a close look at supporting the value-class-pattern in the content they are publishing and the tools they are implementing. In particular: Major resolutions and minor revisions Acknowledgments Related

Oxite - Lab - MIX Online If you’re a professional front end web developer, you care deeply about web standards and professional best practices like semantic markup, unobtrusive JavaScript, and CSS. And you’re used to seeing Microsoft’s web products painted in a not very flattering light regarding these best practices. It’s practically cliche to see a litany of standards validation errors on a random Microsoft web site; especially ironic on web sites which are intended to sell the Microsoft web platform. And if you’ve been in this industry for any amount of time, you probably know people who have turned down contracts with clients who demand that the site be developed in ASP.NET or Sharepoint, because of a perception that "it’s impossible to use ASP.NET to produce clean, semantic markup". While some of these past criticisms were warranted, things are changing rapidly. In the past couple of years at Microsoft,we’ve redoubled our efforts to support web standards. We’d love to hear what you think.

People - Centre d'aide Outils pour les webmasters <strong>Novo!</strong>schema.orgpermite que você marque uma gama muito maior de tipos de itens em suas páginas, usando um vocabulário que o Google, a Microsoft e o Yahoo! conseguem entender. <a href="answer.py?answer=80472">Saiba mais. Sobre informações de contato Marcar informações de contato e de rede social no corpo de uma página web ajuda o Google a reconhecer e exibir melhor as suas informações nos resultados de pesquisa. Propriedades Cada contato (pessoa) pode ter diversas propriedades diferentes, como nome, cargo e um endereço. O Google reconhece as seguintes propriedades de contato, derivadas do microformato hCard. title ou role affiliation (org) address Como marcar o conteúdo O seguinte código HTML descreve Bob "Smithy" Smith. <div> Meu nome é Bob Smith, mas todos me chamam de Smithy. As seções a seguir descrevem como marcar este conteúdo usando microdados, microformatos ou RDFa. Este é o mesmo HTML marcado com microdados: Veja como esse exemplo funciona: Veja como o exemplo funciona.

hCard Examples in the wild 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? You may want to use these buttons on your pages with hCards. Dato Capital uses hCard for millions of public profiles of company executives, Example: Executive profile iProcess uses hCard for binding its legal location derived from founder specifically, though its an online only business firm. Thank you for the feedback on problems - improvements made - hope better now! 2012-09-01: There are some worse problems now, e.g. the <a class="url fn org"> element has no contents, so there is no "fn" or "org"! Thank you again - the second round of improvements have been made - hope better take 2!

Related: