NyroBlog
Banniere NyroBlog
Image de Nyro - ?
« mai 2010
lunmarmerjeuvensamdim
12
3456789
10111213141516
17181920212223
24252627282930
31

Happy Feet Dance : Concours de vidéo

Le principe est simple : on se trémousse devant sa webcam sur le son d'une musique entraînante. la vidéo est générée à la volée via Flash Média Server vraissemblablement, on renseigne 2/3 choses (login, mail et date de naissance) et la vidéo est prête à être sur le site. Juste une validation par Warner est nécessaire pour voir sa vidéo dans le classement.

Les bons points pour ce site :

  • L'encodage en live depuis la webcam (on peut aussi envoyé ses vidéos directement)
  • Plein d'outils permettant de faire la promo de sa vidéo sur son blog (cf plus bas)
  • Un moyen assez sympa pour faire connaîte le film (Ou, parce que je vous ai pas dit, c'est pour un film)

Les mauvais points :

  • Rechargement de la page à chaque fois : un élément en Ajax aurait été du plus bel effet, ou bien un appel via LocalConnection de Flash pour éviter cela
  • Pas de français, va savoir pourquoi...
  • Je trouve qu'on ne met pas assez en valeur, on se demande au début sur quoi on arrive (du moins, c'est mon cas)

A noter que le concept n'est pas nouveau, on l'avait déjà notamment sur toutouyoutour.net

Comme je n'ai pas pu résister, j'ai fait une petite vidéo pour le fun

Enfin, je vous en parlais plus haut, la promo sur son blog, on a notre disposition : l'inclusion du player swf :

Des images de 3 formats différents :
Happy Feet Dance - Votez pour moi

SiteMap : Yahoo, Google et Microsoft se mettent d'accord

Google a crée en juin 2005 le protocole sitemap qui permet pour un site internet d'indiquer quelles sont l'importance de ses pages et de mieux référencé son site.

Dorénavent, Yahoo et Live Search vont supporté ce protocole pour améliorer le référencement sur ces moteurs de recherche.

Une bonne nouvelle donc, qui tend à la normalisation du référencement, et donc, qui simplifiera et uniformisera la procédure de référencement.

Via WebRank

Pétition : Très Haut Débit pour Tous

A l'heure où l'on veut des débits de plus en plus grands, pour transférer et transmettre des fichiers de plus en plus conséquent, une pétition voit le jour pour demander une réseau en fibre optique jusqu'à l'abonné. Les signatures seront regroupé et envoyé au conseil général des départements renseignés.

Donc je vous encourage à la signer, et à en parler autour de vous.

Voir le manifeste
Le site

JavaScript : Faire une infobulle

Pour un site en construction, j'ai du mettre en place une infobulle sur des images.

J'ai d'abord commencé par chercher à droite à gauche ce qui se faisait, pour voir si je ne pouvais pas trouver un script à réutiliser tout simplement.

Après bien des tests, aucun ne fonctionnait dans mon cas, dans un site tout en Div/CSS.

Donc, j'ai commencé par rechercher comment déplacer une div par rapport à la souris. J'ai trouvé ce dont j'avais besoin sur Tout Javascript. Enfin presque : le seul soucis de ce code, c'est qu'il ne tient pas compte des barres de défilement; autrement dit, si vous descendez dans votre page, votre 'infobulle' changera de place, mais en haut, et donc vous ne la verrez pas. Voici donc le code modifié :

function mouseMove (evt) {
	var x = 0;
	var y = 0;
	var plusX = 0;
	var plusY = 0;
	if (document.layers) {
		x = evt.x;
		y = evt.y;
		plusX = window.pageXOffset;
		plusY = window.pageYOffset;
	} else	if (document.all) {
		x = event.clientX;
		y = event.clientY;
		plusX = document.body.scrollLeft;
		plusY = document.body.scrollTop;
	} else if (document.getElementById) {
		x = evt.clientX;
		y = evt.clientY;
		plusX = window.pageXOffset;
		plusY = window.pageYOffset;
	}
	document.getElementById("popBox").style.left = (x+plusX+15)+"px";
	document.getElementById("popBox").style.top = (y+plusY+5)+"px";
} 
if (document.layers)
	document.captureEvents(Event.MOUSEMOVE); 
if (document.layers || document.all) 
	document.onmousemove = mouseMove; 
if (document.addEventListener) 
	document.addEventListener('mousemove', mouseMove, true);

Vous l'aurez compris, j'ai placé juste derrière mon <body> une div vide avec comme id popBox, qui a comme attribut CSS position: absolute (et d'autres si vous en avez besoin...)

C'est quasiment fini. En effet, j'ai à ma disposition une div qui suit la souris tout le temps. Il ne me reste plus qu'à la cacher par défaut, et à l'afficher au survol des éléments qui doivent avoir une infobulle, et à y insérer le contenu que je veux. Dans mon cas, il s'agissait d'afficher un zoom sur une image au survol de sa vignette. J'ai donc décider d'afficher cette image dans une div invisible; de cette façon, le chargement de l'image commence avant que la personne passe dessus l'image. Et lorsque je dois afficher le contenu, je copie simplement le contenu de la div cachée dans ma div popbox. Le code :

function montre(id) {
 var elt = document.getElementById('popBox');
 elt.style.display = "block";
 elt.innerHTML = document.getElementById(id).innerHTML;
}
function cache() {
 var elt = document.getElementById('popBox');
 elt.style.display = "none";
}

La fonction montre est appellée sur le onMouseOver de l'image, avec en paramètre l'id de la div à recopier. La fonction cache est quant à elle appelée sur le onMouseOut de la même image.

Et voilà, une belle infobulle qui fonctionne super bien avec IE et FireFox.

18 18, le 118 218 Version Suisse

18 18En France, on a connu les pubs intrigantes du 118 218, avec la montée en puissance du buzz au fil des semaines.

En suisse, le 111 (l'équivalent de notre défunt 12) disparaîtra le 1er janvier 2007. Donc, la guerre des numéros de renseignements payants a commencé.

Le numéro (éditeur du 118 218) a lancé sa campagne pour son numéro suisse, sur la même idée qu'en France :

  • une musique des années 70's (Daddy Cool de Boney M.) avec sa reprise qui prône le numéro
  • 2 bons hommes avec un style "Véronik et Davina" revisité qui se prennent pour des champions du step (cette fois-ci, ils sont en roller)
  • un site flash fait par Kassius
  • Déjà "une tournée" de prévue, le Skiss Tour

Bref, tous les éléments qui ont fait le succès publicitaire du 118 218 sont réunis ici pour le 18 18, son cousin helvétique.

Attendons de voir ce qu'ils nous réservent...

(si des amis suisses passent par là, donnez-nous votre avis !)

SearchMash, nouvel outil de recherche de Google

SearchMash On apprend par Benoit Descary que Google lance un nouveau site pour faire ses recherches, SerachMash.

Au premier abord, rien de bien nouveau, on n'y voit juste une nouvelle interface encore plus épuré que celle de google, puisqu'on ne peut cherché que pour le web et des images.

Le 1er petit plus qu'on peut voir, c'est en cliquant sur le nom du site en vert en bas, un petit menu déroulant s'affiche, qui propose en fait les options de recherche de google : link:, related:. De plus, on puet ouvrir le site, l'ouvrir dans une nouvelle page, ou bien (si disponible) ouvrir le copie du site que google a en cache. Bref, rien de bien nouveau, juste une nouvelle présentation des recherches de google.

Mais là, où ca devient intéressant, c'est qu'on peut retrier les résultats. Mais à ça sert ? Dans la partie "Feature", on peut lire : This is just for fun right now, but we have some ideas for how to use this. En français : Pour le moment, c'est juste pour le plaisir mais nous avons quelquesu idées pour utiliser cela.

A partir de là, on peut se poser la question suivante : serait-il en train de mettre en place un nouvel algorithme de recherche prenant en compte les utilisateurs ? Un beau service Web 2.0. de toute façon, je ne vois pas à quoi cela peut servir d'autre...

Et à y regarder de plus près, quand ils disent que c'est juste pour le fun, on peut voir que le classement envoie cette requête Ajax :

http://www.searchmash.com/event/r?i=5&j=4&k=2&ei=CKPfiYXTkogCFRw6CQod7rLeIQ

Les paramètres de la requête :

  • i : numéro d'ordre que l'on déplace
  • j : position vers laquelle on déplace
  • k : numéro de déplacement
  • ei : identifiant de la recherche

Bref, tous les éléments sont ici réunis pour permettre à Google de savoir absolument tous les déplacements que vosu effectuez. On n'imagine sans difficulté qu'ils vont nous faire un bel algotithme prenant en compte tous ces éléments.

Bien sûr, ils n'ont pas oublié d'enregistré le clic sur un site (c'est quand même le plus important, non ?)

Donc, est-ce que les recherches sur google vont prendre en compte les modifications des utilisateurs ? Si oui, à quelle échelle ? L'avenir nous le dira...

Ils sont arrivés !

Je vous en parlais ici, Firefox 2.0 et IE 7 sont sortis en version finale, à quelques jours d'intervalle.

Pour IE 7, on a déjà parlé d'une faille, moins de 24h après sa sortie. Mais on apprend qu'il s'agit en fait d'une faille qui n'est pas propre à IE, mais qui vient de Outlook Express (encore du Microsoft, il est vrai...).

Pour Firefox 2, ça se passe plus en douceur, sans trop de bruit pour le moment, la sortie officielle (en français) devant se faire dans le journée. En effet, toujours pas de changement sur la page du projet. Mais vous pouvez quand même le télécharger en français (à vous de choisir votre distribution et votre langue...)

Personnelement, j'attends les mises à jours aussi bien pour IE7 que pour Firefox2, par simple fainéantise (et par habitude).

Ceux qui ont testé ou testent, quels sont vos premières impressions ?

< 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 >