Olivier DUPREZ alias oliezekat ^{FRANCE / Nord / Valenciennes}

Methode originale pour afficher un tableau HTML sous forme de graphiques, via JQuery et Canvas.

Et pourquoi pas ! C'est du moins, la conclusion optimiste de l'auteur. Mais les entreprises voudront certainement quelque chose de plus conventionnel - et contrôlable - que Facebook, non ?

Jack est l'auteur du célébre Rap Q/R, et il revient pour faire un exploit : publier 3.000 questions en 24h ! Soit 4 questions par minute. Ca sera jeudi 22 mai sur Yahoo! Questions / Réponses, et en direct sur Yahoo! LIVE. Jump ! ;o)

Rétrospective trés détaillée des événements de la guerre du Kippour. Un conflit où Israël crût tellement à la possibilité de son anéantissement qu'elle envisagea des frappes nucléaires...

Site dédié à l'histoire de la guerre froide :o) .oO(qui ne l'était pas tant que çà)

Collection de cartes mondiales et régionales sous licence libre (Creative Commons) et pour la plupart dans un format vectorisé :o)

Après l'avoir lancé en version bêta privée fin avril, Yahoo! vient d'annoncer l'ouverture officielle de son outil Open Search Platform (ou "Search Monkey") qui permet à un éditeur de site web de développer des "plug-ins" pour mettre en avant ses pages dans les résultats du moteur de recherche de Yahoo!.
 Source de l'image : Yahoo!
L'outil permet donc de mettre en exergue les liens de son site

Galerie de photos & screenshots officielle du service de presse de Yahoo! Canada et Yahoo! Quebec.

Player Open-Source et multi-plateforme exclusivement dédié à la vidéo, en stream ou podcast, avec un moteur de recherche bien organisé comportant de nombreuses sources francophones :o)

Ce film d'animation n'a rien à voir avec l'oeuvre de Fritz Lang, c'est un conte moderne tendre et charmant avec une admirable poésie audio-visuelle. Pour les petits ET les grands :o)

Proposition de spécifications standardisées d'une API permettant d'obtenir des informations complémentaires d'un document à partir de son URL originale. Supporté par Flickr, Viddler, et Pownce.

ntic.ORG - La plupart des jeunes ignorent tout du profilage auquel s'adonnent les entreprises en colligeant des données sur leurs habitudes en ligne. Le phénomène ne fera que s'accentuer avec la portabilité et les appareils personnels. [Source : François Guité]

Blog sur Yahoo! Sport, animé par Thomas Bihel de feelfootbal.com dédié aux rencontres européennes.

Cette page de résultats de recherche montre le système Glue de Yahoo! India qui combine plusieurs sources de données ; finance, actualités, et même ceux de Google Blog Search :o. .oO(çà me fait penser au système Alpha du Yahoo! Search australien)

Cette mashup géniale permet de créer une chaine de vidéo-clips (issus de YouTube) en fonction de nos préférences musicales sur LastFM :o) .oO(arf, pô de backlink vers les vidéos)

Le nouveau blog de Yahoo! Questions / Réponses (France) qui a quitté Yahoo! 360 :o| .oO(avant le naufrage du navire)

A l'occasion du Web Innovation Summit 08, Yahoo Inde vient de mettre en ligne "Glue" (en phase de test): un nouveau produit permettant d'effectuer des requêtes et afficher les résultats de recherche combinant news, images, vidéos et autres contenu web (de sites Yahoo comme Yahoo Answers ou encore FlickR)

Logiciel Open-Source de messagerie instantanée multi-protocole (AIM, GTalk, MSN, Yahoo!) et multi-plateforme (Windows, Fedora, etc).

Extension pour Firefox qui propose un accés trés complet à FriendFeed via un panneau latéral :o) .oO(bien plus pratique et performant que la version AIR)

Article qui fait remarquer que nos pages de remerciement des formulaires ou transactions de paiement sont souvent des pages de sorties du visiteurs. Peut-on prolonger la visite ?

Enumération des 10 caractéristiques que l'on retrouve chez des développeurs célèbres.

Cette nouvelle option de Yahoo! Search (tous pays confondus) permet via McAfee d'avoir un avertissement visuel quand le site d'un résultat de recherche propose des virus, spyware, ou est un phishing.

Posted by Mark Davis, Senior International Software Architect
Google has just begun supporting Unicode 5.1, less than one month after it was released. It's now available in search, so people speaking languages such as Malayalam can now search for words containing the new characters in Unicode 5.1.
Web pages can use a variety of different character encodings, like ASCII, Latin-1, or Windows 1252, or Unicode. Most encodings can only represent a few languages, but Unicode will handle anything from Chinese to French to Arabic. We have long used Unicode as the internal format for all the text we search: any other encoding is first converted to Unicode for processing. So we regularly update to each new version of Unicode (and relevant related standards like CLDR and BCP 47) to make sure we are current. Thus Unicode plays a key role in our mission.
Uptick in native Unicode webpages
Just last December there was an interesting milestone on the web.

Ce service permet de partager une liste de lecture de livres. Il fonctionne sur le même principe que FoodFeed via des updates depuis Twitter.

On connaissait déjà des logiciels ou des robots sachant évoluer et muter pour mener à bien une tâche de manière efficace, sans avoir besoin de l'intervention d'un programmeur. On connaît aussi les sites web personnalisables, qui se souviennent de vos passages sur leurs pages et qui personnalisent leur contenu au gré de votre navigation. CreativeSynthesis propose d'aller un cran plus loin, rapporte-le DailyTelegraph à la suite du NewScientist : créer un site web qui transforme ses couleurs, ses polices et ses liens en réponse à l'activité non pas d'un internaute, comme c'est le cas avec les sites personnalisables, mais de l'activité de tous les internautes (lire les explications des auteurs).
Le logiciel adopte le principe des algorithmes évolutifs, qui reproduisent le procédé de l'évolution naturelle, explique le site de l'Atelier.

Delicious propose une version de son extension compatible avec Firefox 3.

Tableau des entités HTML et XHTML avec leurs correspondances en décimal ou Unicode.

C'est ce que pensait l'anthropologue britannique Robin Dunbar lorsque, dans L'hypothèse du cerveau social (.pdf) il évaluait à 150 la limite cognitive du nombre de personnes avec lesquels un individu peut entretenir des relations stables. Or, selon le fondateur de Facebook que cite le blog du New Scientist, notre nombre d'amis sur ce site social tourne en moyenne entre 125 et 130 personnes. Bien sûr, nous sommes capables de nous rappeler de plus de contacts que cela, et Facebook n'agrège qu'imparfaitement nos relations (entre ceux qui ne sont pas vraiment des "amis" et nos amis qui ne sont pas présents sur la plateforme). Reste à savoir si les sites sociaux repoussent cette limite ou ne font que la refléter ? Avec combien de personnes sommes-nous capables d'entretenir des relations actives ?
L'occasion pour Gord Hotchkiss, président de l'agence de marketing Enquiro, de s'interroger sur les implications de ces limites cognitives à l'heure des relations électroniques.

Cet outils permet d'avoir le profil social des consommateurs en fonction de l'âge, du pays (ou région), et du genre. On peut comparer 2 groupes socials :o)

L'acronyme POST résume les 4 étapes à accomplir pour adopter une stratégie sociale d'entreprise (Cf Entreprise 2.0) : évaluer les activités des Personnes, décider les Objectifs, choisir les Stratégies, et adopter les Technologies.

(shaya) 'tin faudrait vraiment que je fasse qque chose pr mon site moa
(Benzer) genre le supprimer ?
Votez !

ce mot japonnais est utilisé en informatique pour désigner l'affichage incompréhensible quand un système ne gère pas les encodages euro-asiatiques... La seule solution consiste à adopter le Unicode et la conversion en UTF8.

Well, I guess now that Ari and Neal have totally totally let the cat out of the bag about YOS, I finally get to talk a little more openly about my new project: Activator. There's a short paragraph in that article that mentions Activator:
The activator engine handles the combining of different relationship groupings, such as the Yahoo Mail e-mail address book, Yahoo Messenger contacts, Flickr friends, Yahoo 360, and Yahoo Mash, Sample said. Yahoo will be careful to protect user privacy and won't apply the information without user consent, he added.
That's not a great description of Activator, kind of leaves you wondering what the hell it actually does. As soon as I figure out how much I can talk about it I'll post more. In any case, when you hear them talk about Activator you can think of me.

Ce service propose de créer des groupes appelés "crowd" pour réunir les status de plusieurs utilisateurs Twitter sur une seule page... Dommage qu'il n'y a pas de flux pour aggréger les statuts :o|

Blog de la team Flickr, et portail pour les développeurs tiers qui veulent utiliser les API ou hacker le Uploadr qui est maintenant Open-Source... Ainsi que la section de recrutement ;o)

Un conseil, n'essayez pas ce jeu (pour Windows, Mac, et Linux)... Vous risqueriez d'être accro ! :op .oO(ils passeront pas, non non non !)

Récapitulatif trés détaillé de la tentative d'acquisition de Yahoo! par Microsoft. Avec traduction partielle des communiqués de presse (lettres de réponse).

Ce site, destiné aux femmes, propose un grand nombre de didacticiels pour faire des effets sur ses photos... Mais en fait, ces tutos sont bons à prendre pour d'autres usages ;op .oO(et pô que pour des newbies)

Le Groupe G29, groupe des autorités européennes de protection de données présidé par le français Alex Türk (CNIL), vient de rendre un avis important dans le cadre de la conservation par les moteurs de recherche des données concernant leurs utilisateurs. Cette durée de conservation ne pourra excéder 6 mois, selon le rapport publié cette semaine. Cela vaut pour les moteurs établis en Europe, mais

Elle: Ca serait top si pn commencerait par mourir, ça éliminerait ce traumatisme qui nous suit toute notre vie.
Elle: Après tu te réveilles dans un asile de vieux, en allant mieux de jour en jour.
Elle: Alors on te met dehors sous prétexte de bonne santé et tu commences par toucher ta retraite.
Elle: Ensuite, ton premier jour de travail on te fait cadeau d'une montre en or.
Elle: Tu travailles 40 ans jusqu'à ce que tu sois suffisamment jeune pour profiter de la fin de ta vie active.
Elle: Tu vas de fêtes en fêtes, tu bois, tu baises, tu n'as pas de problèmes graves.
Elle: Tu te prépares à faire des études universitaires.
Elle: Puis c'est le collège, tu joues avec tes copains, sans aucune obligation jusqu'à devenir bébé.
Elle: Les derniers 9 mois tu les passes flottant tranquille, avec chauffage central, room service etc...
Elle: Et au final, tu quittes ce monde dans un orgasme !!!!!
Votez !

Des marques qui ont décidé de franchir le pas et de créer leurs propres réseaux sociaux, il y en a pas mal ! Ceux qui réussissent un peu moins. Ci-dessous 7 grandes marques, parmi tant d'autres, qui se sont lancés dans ce créneau (avec plus au moins de succès) :
Disney DXD - Disney Xtreme Digital est très bien "designé" (même un peu déroutant pour ceux qui ont passé la période d'adolescence). Malheureusement, le réseau est inaccessible aux gamins en dehors des états-unis !
GoRunEasy.com - Le réseau social de Reebok dédié au running ne fait pas encore le poid face à un Nike+ mais est plus positionné sur l'intéraction, les discussions et le partage [...]

CSS menu and "Web 2.0" transition effects are topics very popular on my site and in general I receive a lot of code requests about these arguments. So I wrote this simple tutorial with two vertical menu examples with show/hide menu effect. First example uses a simple JavaScript code. Second example uses mootools to show/hide the menu with a nice vertical slide-in/slide-out effect.

Download the source code (it includes mootools framework) and take a look at the live preview to see how they woork.
Download this tutorial Live preview
1. Menu with simple show/hide effect
Step 1.1: HTML Code
This is the basic example with a simple show/hide effect which you can implement just with some lines of JavaScript code (see next step). Our menu is a list wih a button (link) which calls a simple javascript function showElement() in the next step.

FriendFeed feeds seem not support user time-zone :o(

Message boxes are useful elements to display status messages after or during a specific user request. Some days ago I wrote this post about how to implement a nice Ajax chains of effects (fade in, delay, fade out) for a common message box using mootools. Today I want to share with you a collection of some simple CSS styles you can apply to your message boxes (clean, solid, iconized, alternated rounded borders, tooltip).
I added also a link to download a beautiful icon pack to use in your projects to design custom message box or other graphic elements.
Download message box collection source code
Clean message box
I love clean and simple design and in general this is my preferred message box style: a border (1px) and a light background color:
HTML code is very simple:
Clean message box
...a DIV layer with with some text within.

Note: This is a paid site review. Woork reviews only quality services and products around the web in order to help its readers to find inspiration, new web resources and useful products. For more info take a look here.
IE NetRenderer is an useful free on-line tools which helps web designers who work with a Mac or Linux system to test how a website look on Internet Explorer. The only thing you have to do is add the site URL you want to render on IE and select an Internet Explorer version (from 5.5 to 7) to see how it looks.
From the site:
This web rendering tool is ideally suited for web designers working on Apple iMac and Linux workstations. It allows to verify web designs natively on all popular Internet Explorer versions, without the need to set aside several physical or virtual Microsoft Windows PCs just for that purpose.
I found it very useful to solve an issue (only on Explorer) in the sidebar design on my new site template. Absolutely to bookmark!

This tutorial explains how to design a clean Tab Bar (Digg-like) with rounded tabs (liquid width) using CSS and just one background image to manage all status for each tab (standard, active, hover). The result is something like this:

Download the source code ready to use in your projects:
Download this tutorial
Tab bar anatomy
Before illustrating the code, a little explanation about our Tab Bar. How you can see in this image, whe have three main elements:
- Active element (Home)
- Standard tab (Community, Messages, Contact)
- Hover element [...]

Le mois de Mars 2008 a été très riche en conférences (surtout aux États-Unis). Il y a d'abord eu le SXSW (South by SouthWest) (compte-rendu en français ici : SXSW la conférence atypique que les Européens n'ont pas encore découvert) et le très attendu Graphing Social Patterns, la grande messe des médias sociaux organisée par la maison O'Reilly.
C'est au cours de cette conférence que Charlene Li de Forrester Research a fait une présentation particulièrement inspirée sur l'avenir des réseaux sociaux : The future of social networks: Social networks will be like air :

Au-delà de ce diaporama, je vous propose un résumé des points-clés (qui s'appuie également sur ce billet : The Future of Social Networks at Graphing Social Patterns) [...]