Ce post vous est proposé par Bastien de l’agence Nexxpix, spécialiste de la création de site ModX

Bien qu’utilisé initialement dans le cadre d’un formulaire html, l’élément SELECT est régulièrement contourné par les webmasters pour proposer un accès rapide à d’autres pages ou d’autres sites Internet (liste de fournisseur, blogroll, listing de références, etc.).

Pratique, la liste déroulante html SELECT permet de réaliser un listing d’éléments sans pour autant changer les habitudes des utilisateurs puisque chaque navigateur a sa manière de présenter cet objet.

Même si son contenu textuel peut être pris en compte au sein d’une même page, les liens, souvent présents dans l’attribut “value” ne sont malheureusement pas suivis comme il le faudrait par les robots des moteurs de recherche.

Afin de palier ce problème tout en respectant le confort des utilisateurs, je vous présente un petit javascript permettant de joindre l’utile à l’agréable.

Le principe est simple :

Un appel du javascript dans le code source :

<script type=”text/javascript” language=”javascript” src=”selectref.js”></script>

Un listing sous forme UL / LI, par exemple, la blogofriends de ce blog (oui, il y a un site en plus, j’en profite pour faire discrètement ma publicité ), avec l’id qui va bien :

<ul id=”selectref”>
<li><a href=”http://www.leblogduwebmaster.com/”>Acidifié</a></li>
<li><a href=”http://blog.himselfprod.com”>Blog référencement</a></li>
<li><a href=”http://blogopub.tv”>Blogopub</a></li>
<li><a href=”http://www.ajblog.fr”>Création et formation - AJblog</a></li>
<li><a href=”http://ecoms.fr/blog”>Ecoms Consulting</a></li>
<li><a href=”http://www.outil-referencement.com”>Outil Référencement</a></li>
<li><a href=”http://www.snipeo.fr”>Snipeo, trafic ciblé</a></li>
<li><a href=”http://www.seoplayer.com/”>Stratégies de visibilité</a></li>
<li><a href=”http://www.nexxpix.fr/”>Création site modx</a></li>
</ul>

Et pour finir, en fin de code source (juste avant </html>), on appelle la fonction avec pour paramètres, l’id qui va bien et un petit titre pour s’y retrouver (il est possible d’en utiliser plusieurs sur une même page) :

<script type=”text/javascript” language=”javascript”>
var select01 = new selectRef.init(’selectref’, ‘Blogfriends’);
</script>

Voici ce que donne le listing donné en exemple :

• Acidifié
• Blog référencement
• Blogopub
• Création et formation - AJblog
• Ecoms Consulting
• Outil Référencement
• Snipeo, trafic ciblé
• Stratégies de visibilité
• Création site modx

Pour télécharger le javascript avec une petite démo, c’est ici.

Posted by Bastien as Webmastering, Référencement

• 10 Comments

Pour créer et gérer mes sites internet, j’utilise la superbe application Coda de Panic. Travaillant sur plusieurs Mac, j’ai cherché le moyen d’exporter et importer mes sites d’un ordinateur à l’autre. Coda ne prévoit malheureusement aucune solution pour cela. De même, lorsque l’on change de Mac, il est souhaitable de migrer ces informations correctement. Il est possible en copiant / collant un fichier dans les préférences d’un Mac à l’autre de le faire rapidement :

Copiez :

• ~/Bibliothèque/Preferences/com.panic.Coda.plist
• Collez le dans ce même répertoire sur le second ordinateur (attention cela écrase les préférences préalablement enregistrées)

Par contre cela ne transfère pas les mots de passe enregistrés d’une machine à l’autre, peut-être dans une future version de Coda cela sera-t-il possible?

Posted by Marie as Apple

• 0 Comments

Il y a quinze jours, alors que j’étais au téléphone avec une cliente, mon iPhone me glisse des mains et tombe par terre, côté vitre, sur le parquet. Pas vraiment inquiète (j’ai vu comme tout le monde les vidéos où l’on martyrise l’iPhone qui ne s’en sort sans la moindre rayure), je le ramasse et là, je prends conscience que la vie n’est pas du tout comme dans les vidéos… mon écran est explosé et le tactile ne réagit plus.. Mais le reste semble fonctionner puisqu’il sonne quand on m’appelle (bien que je ne puisse pas répondre à cause du tactile HS… je remercie au passage mon ami JD qui m’a donné l’idée de brancher mon kit main libre pour répondre lol).

Je me rends donc chez Orange, je patiente un peu plus d’une heure car c’était bondé et le couple devant moi avait un problème de téléphone qui grésillait “mais pas tout le temps” et qui refusait de partir tant que leur téléphone ne serait pas changé. Un scandale plus tard, à moi de montrer l’objet de mes soucis et de m’entendre dire “il faut téléphoner à Apple, nous on peut rien faire”. Ah super!

Je rentre chez moi et pendant que je tente de joindre Apple (je suis baladée de poste en poste, Orange ne m’ayant pas donné le bon numéro de téléphone), j’appuie fortement sur l’écran de mon iPhone pour faire des arc-en-ciels (oui je sais c’est crétin) et là, miracle! L’écran tactile se remet à fonctionner! Mais la vitre reste cassée..

Apple me fait savoir qu’il m’en coutera 210,96 euros pour une réparation mais ai-je le choix? Apple me prévient que les dégâts causé par une immersion dans un liquide ne sont pas couverts. Pas de problème, je ne suis pas très soigneuse mais de là à faire tremper mon iPhone, quand même! Je donne donc mon numéro de CB et j’attends patiemment UPS qui va me remettre un paquet dans lequel je pourrais renvoyer mon iPhone. Ca s’annonce plutôt pas trop mal malgré le coût élevé.

UPS arrive 2 jours après mon coup de fil à Apple, me donne le colis que j’ouvre et dans lequel je trouve une boite où un petit étui de protection permet de mettre mon iPhone bien à l’abri (rien à dire, le packaging Apple est quand même superbe). Je redonne le colis au livreur et je n’ai plus qu’à attendre mon iPhone réparé ou mieux, un neuf.

2 jours après le départ de mon iPhone, UPS sonne à ma porte et me remet un colis. Déjà? Dingue comme c’est rapide! Heureuse j’ouvre, que dis-je, je déchire fébrilement l’emballage et je découvre… mon iPhone cassé et pas réparé.. glups. Un papier m’informe qu’en raison de dommages causés par un liquide la garantie ne peut pas jouer (et que je peux racheter un iPhone chez Orange, ben voyons).

Euh… mon iPhone n’a jamais été dans l’eau pourtant. Je retéléphone à Apple où on m’explique que sisi y’a eu de l’eau dans mon iPhone et que je n’ai qu’à regarder dans le connecteur jack des écouteurs et que je verrais la pastille qui a tourné au rouge. Effectivement, au soleil et à pleine lumière, j’aperçois difficilement un peu de rose au fond… On m’informe qu’un liquide a forcément coulé sur l’iPhone pour causer un dégât comme celui-ci (ce qui n’est jamais arrivé) et qu’un jack mouillé par la pluie ne peut pas faire tourner la pastille au rose, ni même une forte humidité comme dans une salle de bain par exemple.. Là je doute fortement et je tente d’expliquer que l’iPhone n’est jamais tombé dans l’eau. Au bout du fil “on me comprend mais on peut rien faire pour moi”.. A bout de force je demande ce qui va se passer avec mes 210,96 euros et là on m’annonce qu’ils ne peuvent faire machine arrière, ce qui est encaissé ne peut être remboursé. Je reste sans voix. On me passe un supérieur. Le supérieur m’envoie la photo de la pastille rose de l’iPhone par mail et confirme que je viens de perdre 210,96 euros… sauf que là ça commence à sérieusement m’énerver. Trente minute plus tard, on me dit finalement que je ne serai pas débitée des 210,96 euros. Qu’en penser? Sur le moment, je n’en pense rien, je maudis simplement Apple et leur foutue pastille qui vire au rose sans la moindre goutte d’eau et je souffle un peu de savoir que je ne me suis pas faite arnaquer de 210 euros.

A partir de ce moment-là, il ne me reste pas 10 possibilités. Je suis engagée Orange pendant encore 18 mois et mon iPhone ne tiendra pas très longtemps dans cet état. Après quelques recherches sur le net, je tombe sur le site de Bricomac, qui vend des pièces détachées pour iPhone et qui propose même la réparation. Après quelques mails échangés, je décide de faire réparer mon iPhone chez eux. Ca tombe bien, ils sont à Nice et moi à Cannes. J’amène donc mon iPhone en réparation jeudi dernier et je l’ai récupéré aujourd’hui. La vitre a été changée. La finition n’est pas parfaite et la vitre dépasse un peu plus d’un côté que de l’autre, il reste des traces de colle mais est-il vraiment possible de faire mieux? Je n’en sais rien et je sais surtout que mon iPhone est désormais presque comme neuf et ça vaut largement les 120 euros que j’ai payés (pièce + réparation).

Ainsi, pour tout possesseur d’iPhone malmené, si après avoir bien regardé au fond des connecteurs vous n’apercevez que du blanc, n’hésitez pas à passer par la garantie Apple (0805.540.003 ça vous évitera de chercher le téléphone). Si vous voyez que la pastille tourne au rouge, oubliez la garantie Apple et passez par une société telle que Bricomac pour la réparation.

Enfin, j’aimerais bien connaitre la tolérance de ces pastilles blanche qui virent au rouge au contact de l’eau, ça me semble très sensible tout de même. Je vous laisse, je dois maintenant trouver une horrible housse pour protéger mon iPhone.

Edit : merci à Benji d’avoir relayé ma mésaventure sur www.iphon.fr

Posted by Marie as Apple

• 25 Comments

Internet a fortement changé la donne en matière de shopping. En effet il est maintenant possible d’avoir accès à un grand nombre de catalogues marchands sans bouger de chez soi. La comparaison des prix est devenu ainsi aisée et les bonnes affaires ne sont plus réservées aux chanceux habitants dans des zones urbaines bien achalandées.

Un phénomène nouveau est ainsi apparu en ligne, celui de la vente privée, où sont vendus des produits de marque, à petit prix, sur une durée très limitée. Autrefois réservée à quels privilégiés, pouvant se déplacer dans les lieux où se tenaient ces ventes sur invitation (et il fallait aussi pouvoir se procurer la fameuse invitation, véritable sésame ouvrant droit aux produits de marque à prix discount) la vente privée est maintenant accessible à tous, depuis un ordinateur connecté à internet (ou tout appareil connecté, avec la multiplication des téléphones nouvelle génération, nous n’avons plus aucun prétexte pour louper une bonne affaire).

J’ai découvert récemment un nouveau champ d’application de la vente privée à petit prix via l’utilisation de Second Life et proposé par RIL Shopping, centre commercial virtuel. Je n’ai à vrai dire jamais été fan de ce monde virtuel ni bien compris à quoi il servait réellement mais la curiosité me pousse à relancer mon application ce soir, pour participer à ma première vente privée sur Second Life. En effet, Dlys Couleurs, spécialiste du bouquet de chocolats, participe via RIL Shopping, à une vente à prix réduits (du chocolat à prix fondu!). C’est donc la première vente organisée par RIL Shopping et l’occasion de découvrir ce nouveau système d’achat en ligne, qui promet bonnes affaires et rencontre avec les vendeurs afin de mettre “une bonne dose d’humanité” dans nos achats en ligne. C’est donc jeudi 6 novembre 2008, de 17 heures à 21 heures sur Second Life que nous pourrons rencontrer Alexandra, du site Dlys Couleurs et tester ce nouveau concept.

Mode d’emploi : il faut tout d’abord s’inscrire sur RIL Shopping via ce formulaire. Ensuite il faut lier son avatar Second Life a son compte RIL Shopping au moyen du lien envoyé dans le mail. Enfin il faudra patienter jusqu’à l’heure d’ouverture de la vente et se précipiter pour faire de bonnes affaires, peut-être en prévision de Noël?

Posted by Marie as Buzz

• 3 Comments

Comme je l’annonçais il y a quelques jours, Nicolas Jean et moi-même sommes intervenus dans le cadre des Intellicore Tech Talks pour aborder certaines techniques avancées de référencement.

Les principaux points traités lors de notre intervention étaient :

• Recherche de mots-clés pertinents
• Analyse de la concurrence
• Recherche de liens (backlinks)
• Créer son réseau et utiliser les opportunités du web 2.0
• Eviter la suroptimisation et la sandbox

Voici la vidéo disponible sur Dailymotion

Je remercie Camille Roux et Intellicore pour l’invitation et vous suggère de vous inscrire à la newsletter pour être au courant des prochaines conférences à venir. Ca se passe à Sophia Antipolis et c’est gratuit.

Posted by Marie as Référencement

• 18 Comments

Suite au succès de la première conférence sur l’art du référencement animée par Camille Roux et à laquelle j’ai été invitée pour répondre aux questions du public, Camille m’a demandé si j’étais intéressée pour animer à mon tour une conférence dans le cadre des Intellicore Tech Talks.

Après m’être remise du traumatisme causé par cette vidéo (il est très difficile de se voir et s’entendre quand on n’en a pas l’habitude), j’ai accepté d’animer une conférence en collaboration avec mon ami Nicolas Jean, alias Salemioche, qui s’occupe, entre autres, de l’infogérance de mon serveur.

Le sujet, tel que vous pouvez le voir sur le site des Tech Talks, traitera de la stratégie d’optimisation d’un site, de sa visibilité et de la sacro-sainte recherche de backlinks. Nicolas et moi avons des profils très différents et nous avons pensé qu’il était intéressant que nous puissions traiter certains points selon nos spécificités.

Si cela vous intéresse et que vous êtes dans le coin, ça se passe à Sophia Antipolis Mardi 3 juin 2008 de 13h à 13h45, Salle multimédia au CICA.

L’entrée est gratuite. Ceux qui ne pourront se déplacer pourront visionner la vidéo qui sera mise en ligne par la suite. Quant à moi, j’éviterai de la regarder, pour ne pas subir un traumatisme 2.0..

Posted by Marie as Buzz, Référencement

• 17 Comments

Hier je me suis rendue à une conférence sur le référencement organisée par Intellicore Tech Talks à Sophia Antipolis. Camille Roux, élève ingénieur a animé cette conférence avec beaucoup de brio. A la fin de son intervention, il a invité Crazy, Tictact et moi-même à répondre aux questions du public. Mes camarades m’ont lâchement laissé tomber et c’est donc seule que j’ai tenté de faire bonne figure. La conférence était filmée, ce que j’ignorais totalement, sinon j’aurai jeté mon chewing gum (VDM).

J’ai horreur de l’auto-promo mais comme c’est l’ouverture du Festival de Cannes, je joue le jeu

Posted by Marie as Référencement

• 27 Comments

Qui n’a jamais souhaité illustrer son propos ou ses sites internet par une photo? Bien entendu si la photo est gratuite c’est encore mieux.

Si vous possédez un site dans la thématique tourisme ou assimilée, vous pourriez avoir besoin de photos de villes pour égayer vos pages. Mais où chercher des photos de villes gratuites? Et surtout où trouver des photos de villes françaises ou d’autres pays, catégorisées et notées par les internautes?

A l’inverse, vous ne sortez jamais sans votre appareil photo numérique (c’est mon cas) et vous shootez plus que de raison les différents coins et recoins de votre ville chérie et vous avez envie de partager vos photos avec le monde entier?

Le site Photo2Ville est une belle initiative permettant de trouver des photos de villes (comme son nom l’indique) et de partager ses photos libres de droit. Chaque photo peut-être commentée et notée par les internautes. Mieux encore vous pouvez vous abonner au flux rss permettant de suivre la publication de nouvelles photos de la ville de votre choix.

J’ai eu la possibilité de tester le concept en avant-première et je remercie Pierre, le webmaster de Photo2Ville pour cela. Le site ouvre le 24 avril 2008 à 14h, n’hésitez-pas à y faire un tour.

D’autres sites pour trouver des photos libres de droits et gratuites :

• Stock.xchng
• EveryStockPhoto
• Webshots
• Fotki
• Stockvault.net
• FreePixels
• Riya
• tOfz
• FreePhotoBank
• PDPhoto

Posted by Marie as Webmastering

• 8 Comments

Besoin de retoucher une photo mais vous n’avez pas votre ordinateur où Photoshop est installé? Adobe Photoshop Express va vous sortir d’affaire! Mais qu’est-ce que ce Photoshop Express? C’est tout simplement une version de Photoshop.. en ligne!

Premier regret, ça ne semble pas fonctionner sous Firefox sous Mac. Sous Safari, je peux m’inscrire. Attention à bien décocher la case en bas du formulaire d’inscription, à moins que vous ne vouliez recevoir des tonnes d’informations de la part d’Adobe. Un mail de vérification est envoyé mais il a atterrit directement dans les spams, faites donc attention et vérifiez votre dossier de junk mail!

Me voici connectée, je vais donc pouvoir commencer à tester l’outil et je commence par uploader une photo, que je peux classer dans l’album de mon choix. Une fois le transfert effectué, j’ai un accès rapide à quelques fonctions bien utiles pour faire pivoter ma photo d’un côté ou de l’autre, la classer dans un nouvel album, l’envoyer par mail, etc..

Testons maintenant les outils d’édition de photos. Les outils proposés sont basiques mais on trouve les fonctionnalités les plus utiles, notamment aux novices de la retouche photo. Bien entendu les utilisateurs avancés se trouveront rapidement limités, mais pour une retouche rapide, c’est suffisant. Je peux ainsi recadrer ma photo, corriger des défauts ou l’exposition, corriger la balance des blancs ou la teinte et la saturation, etc..

L’ergonomie est assez géniale et pour chaque action plusieurs vignettes de ma photo me sont proposées et je peux visualiser rapidement le rendu. A tout moment en cliquant sur “view original” je visualise ma photo telle qu’elle était avant retouche.

Une fois ma retouche effectuée, je peux ensuite télécharger ma photo sur mon ordinateur, l’envoyer par mail ou avoir un lien qui mène vers elle et qui sera copié directement dans mon presse-papier.

Autre fonctionnalité très intéressante, la possibilité d’éditer les photos présentes sur mon profil Facebook, Picasa ou Photobucket. Il est aussi possible de naviguer dans les albums des autres utilisateurs.

Dernière fonctionnalité très bien conçue, le mode “plein écran” permet d’avoir une fenêtre “hors navigateur”, ce qui est très agréable depuis un portable muni d’un petit écran.

Convaincue par ce premier test de Photoshop Express, je pense continuer à l’utiliser ponctuellement, en tous cas, jusqu’à la limité de 2 Go qui me sont alloués par le service.

Il faut savoir que par défaut, nos albums ne sont pas partagés avec les autres utilisateurs, ce qui est rassurant, les photos de mémé Yvonne ne se retrouveront pas sur le net! Après enregistrement, nous voici en possession d’une adresse en sous-domaine que l’on peut communiquer à nos amis et où nos photos pourront être visualisées, sympa! Outil adopté pour de bon. Si vous voulez tester, c’est par là.

Posted by Marie as Webmastering

• 6 Comments

Pour répondre à Acidifié qui me fait justement remarquer que je n’ai pas posté depuis longtemps, voici mes réponses à la chaine inutile à laquelle il m’a conviée et dont voici le règlement

• Mettre le lien de la personne qui vous tague
• Mettre les règlements sur votre blog
• Mentionner six choses/habitudes/tics non importants sur vous-même
• Taguer six personnes à la fin de votre billet en mettant leurs liens
• Aller avertir directement sur leurs blogs les personnes taguées

Tout le monde s’en fiche mais :

• Quand le téléphone sonne, ça me file des boutons
• Je navigue sur internet avec le son coupé
• Avant d’aller me coucher, je vais toujours voir mes 2 garçons dormir
• J’adore aller au marché où j’achète des tonnes de légumes dont la moitié pourriront dans mon frigo
• Je ne regarde les vidéos Youtube que depuis mon iPod Touch
• Je vérifie toujours mon réveil 2 fois avant de m’endormir

Et comme il faut inviter 6 personnes à participer à cette chaine, j’invite Jd qui mis très longtemps à divorcer, Yoan un des papas de Thelia, Thick qui poste à tout va, Bertrand le bougnat le plus célèbre du web, Sébastien dont je pense qu’il ne répondra pas et Rémy qui fait actuellement son CV en ligne.

Posted by Marie as Blog

• 8 Comments