24nov

Visualiser le traffic de Facebook

Voici une petite vidéo qui montre le trafic que génère le site Facebook à un instant t :

Image de prévisualisation YouTube

Impressionnant, non ?

24nov

Une faille de sécurité dans Gmail !

Selon un récent article de GeekCondition, il est possible d’accéder et de manipuler les filtres sur votre compte. Comment c’est possible :

Il suffit de naviguer sur un site malveillant tout en étant connecté à Gmail. A ce moment, l’auteur du site mailveillant peut accéder à vos filtres et faire une redirection de vos mail sur une autre messagerie. De plus, tant que vous ne vous rendez pas dans vos paramètres de Gmail, le filtre n’est pas visible !!

Pour éviter ce genre de mésaventure, il faut utiliser Firefox avec l’add-on NoScript.

23nov

Générateur de badges web 2.0 en ligne

Les badges web 2.0 sont partout. Pour signaler un service 100% gratuit, un cadeau ou que le site est en version beta, il n’y a pas de meilleur solution…

web20badges est un service internet qui permet de créer ces fameux badges en ligne et gratuitement. Vous aurez le choix entre 20 formes de badges et 6 polices. La couleur des polices est libre ainsi que la taille.

Pour utiliser ce service, rendez-vous ici: web20badges

22nov

Google Chrome pré-installé sur les ordinateurs neufs ?

La guerre entre les deux géants américains ne fait que commencer !

Microsoft a réussi à imposer son navigateur Internet Explorer avec plus de 71% des parts du marché. Google souhaite utiliser la même méthode de distribution qui a permis à Microsoft de devenir N°1.

En effet, Google envisage de pré-installer leur propre navigateur “chrome” sur les ordinateurs personnels neufs. Sundar Pichai  (vice-président produit de google) a déclaré: “nous pourrions travailler avec un fabricant OEM pour proposer des ordinateurs avec le navigateur Chrome pré-installé”.

Ne reste plus qu’à attendre la fin de la période beta de Chrome, prévue en Janvier 2009.

21nov

Après les thèmes sur iGoogle, voici les thèmes sur Gmail

Depuis quelques heures, Google a ajouté une nouvelle fonction à sa messagerie web “Gmail”. Cette nouvelle fonction permet de choisir entre 27 thèmes graphiques.

Cette option n’est pas aussi technique que l’ajout de la video, mais pour ceux qui ont l’habitude d’utiliser Gmail, le changement est trés agréable.

Pour changer son thème, il suffit de se rendre dans les paramètres de Gmail et de cliquer sur l’onglet thèmes.

Le choix des thèmes en image:

Et voici une image du thème que j’ai choisi (pour l’instant):

19nov

ISIS Ads Management, un widget d’annonce 125*125px pour wordpress

Il y a plusieurs façons de monétiser son blog wordpress. Depuis quelques temps les annonces 125*125px trouvent de plus en plus de place sur les blogs.

C’est pourquoi, je vous présente le widget ISIS Ads Management créé par X-OR.

Ce widget est particulièrement intéressant car vous pouvez placer autant d’annonces que vous voulez grâce à un formulaire très simple. De plus pour organiser vos annonces, il suffit de les faire glisser !

Pour voir une vidéo de présentation, c’est ici.

Et pour télécharger le widget, c’est ici.

18nov

Les bases du html, Partie 1: les balises META

Les méta informations servent à décrire votre page web ou votre site. Elles permettent d’indiquer le contenu de votre page, l’auteur, la langue, des mots clés, etc… Elles sont utilisées par les moteurs de recherche pour le référencement.

Ces informations ne sont pas affichées par le navigateur.

Les différentes balises META:

  • Language: Permet d’indiquer la langue utilisée. (obsolète)
  1. <META HTTP-EQUIV="Content-Language" CONTENT="fr">
Exemple d’argument:
FR = français
EN = anglais
EN-US = américain
DE = allemand
  • Charset: Permet d’indiquer le type d’encodage de votre page.
  1. <meta name= "charset" content= "utf-8">
Encodage pour le Français:
iso-8859-1
windows-1252
utf-8
  • Author: Permet d’indiquer des le nom de l’auteur de la page.
  1. <META NAME="Author" CONTENT="Nom Prenom">
  • reply-to: Permet d’indiquer une adresse mail. (Attention au spam)
  1. <meta name="reply-to" content="adresse e-mail">
  • Copyright: Permet d’indiquer le copyright.
  1. <META NAME="Copyright" CONTENT="woodiv">
  • Category: Permet d’indiquer aux annuaires la catégorie de votre site.
  1. <meta name="category" content="Nom de la categorie">
  • Identifier-url: Permet d’indiquer l’adresse de base du site. (obsolète)
  1. <META NAME="Identifier-URL" CONTENT="www.woodiv.com">
  • Publisher: Permet d’indiquer l’éditeur du site.
  1. <META NAME="Publisher" CONTENT="Nom Prenom">
  • Description: Permet de décrire le contenu de votre page web.
  1. <META NAME="Description" CONTENT="Placer le texte de la description ici">
  • Keywords: Permet d’indiquer des mots clés correspondants au contenu de votre page web.
  1. <META NAME="keywords" CONTENT="mot1, mot2, mot3, mot4">
  • Robot: Permet d’indiquer aux robots si vous autorisez le référencement ou non.
  1. <meta name="robots" content="index, follow">

all : Le robot indexe tout (par défaut)
none : Le robot n’indexe rien du tout
index : Votre page est indexée
noindex : Votre page n’est pas indexée mais il suivra les liens de cette page
follow : Le robot récupère les liens de votre page pour les référencer plus tard
nofollow : Le robot ne récupère pas les liens de votre page

  • pragma: Permet d’indiquer de ne pas utiliser le cache des navigateur.
  1. <meta http-equiv="pragma" content="no-cache">
  • refresh: Permet d’actualiser la page ou de faire une redirection en utilisant l’option “URL=”
  1. <meta http-equiv="refresh" content="10">
  2. <meta http-equiv="refresh" content="10; URL=http://www.woodiv.com">
“Content” indique ici les secondes à attendre avant de rafraichir la page ou d’effectuer la redirection. (0 pour une action immédiate)

17nov

Chabal le duel !

Non je ne suis pas fou mais je veux simplement vous informer qu’orange a publié un jeu complêtement en flash avec le célèbre Rugbymen Chabal.

L’idée est tellement originale que je ne pouvais m’empêcher de créer un article sur ce sujet.

Je vous laisse découvrir par vous même: chabal-le-duel.com

Ou vous pouvez regarder la video:
Image de prévisualisation YouTube

17nov

La conférence LeWeb’08 à Paris le 9 et 10 Décembre

La conférence web qui grimpe, qui grimpe avec cette année plus de 1000 participants venants de 25 pays et 30 startups !

Pour obtenir plus d’informations et surtout voir la listes des professionnels présents, rendez-vous sur le site LeWeb’08

Et pour obtenir une remise sur votre inscription, rendez vous sur le blog presse-citron. Pourquoi je fais ce lien ? Parce qu’une conférence avec un droit d’entrée à plus de 1000€, de nos jours c’est un peu dur à avaler !!!

17nov

Créer votre menu css en 5 étapes avec CSS menu builder

CSS Menu Builder est un excellent outil pour créer rapidemment un menu en css pour votre site. A la différence d’autre site, avec CSS Menu Builder, c’est à vous de créer le menu.

Cet outil fourni tout: le code html, le code css et les images. Il ne vous restera plus qu’à l’intégrer à votre site.

Comment ça marche:

  1. Choisissez l’orientation de votre menu (horizontal ou vertical).
  2. Sélectionnez le fond du menu.
  3. Sélectionnez le style du menu. (aspect des liens)
  4. Choisissez les couleurs des differents éléments de votre menu.
  5. Télécharger le fichier zip (possibilité de faire un copier/coller des codes et images)

Le site en question: CSS Menu Builder