Blog Tech

Le réservoir de citronnade est vide

Internet 2
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...

J'ai toujours pensé que héberger plusieurs sites web sur un même serveur web ne devait se faire qu'à une seule condition : la stabilité et la sécurité doivent être au rendez-vous.

Pour faire suite au billet écrit par Thierry il y a de ça quelques jours, voilà que Fuzz s'emballe depuis plus de deux jours... Surcharge du serveur qui est à bout ? panne matérielle ? piratage ? nous n'en savons rien mais depuis aujourd'hui le citron est un peu trop acide :

Et Fuzz tente de communiquer via des alert Apache :

» Lire la suite

Ne perdez plus de temps à vous identifier

Internet, Système 2
A ce point ?PassableIntéressantYeahExcellent! (1 vote(s), 4,00/ 5)
Loading...

Une des fonctionnalités irremplaçables du navigateur Opera réside en la baguette magique. L'extension SecureLogin vous permet d'utiliser cette fonctionnalité sur Firefox, je la classerai dans le top 5 des extensions les plus utiles.

Comment ça fonctionne ?

A force d'avoir des mots de passes à tord et à travers, vous avez peut-être, comme moi, sauvegardé vos mots de passes lorsque Firefox vous l'a proposé lors de la connexion à votre boite Gmail, eBay ou encore l'administration de votre blog.

La suite vous la connaissez, lorsque vous retournez sur une des pages dont les identifiants sont mémorisés, Firefox vous autorempli les champs. C'est un gain de temps indiscutable mais surtout un soulagement pour nos mémoires d'être humains qui ne suivent pas l'évolution de la technologie.

En attendant que le web entier supporte OpenID, SecureLogin se greffe sur Firefox en exploitant directement les mots de passes déjà enregistrés mais en ajoutant une fonctionnalité très intéressante : elle vous connecte directement au site.

» Lire la suite

Voilà pourquoi le nouveau Hotmail est absurde

Internet 5
A ce point ?PassableIntéressantYeahExcellent! (2 vote(s), 4,00/ 5)
Loading...

Microsoft l'avait annoncé il y a plusieurs semaines à ses membres, c'est désormais chose faite. La nouvelle version de la messagerie en ligne Hotmail vient de sortir.

Auparavant, vous pouviez choisir entre la "version classique" et la "version complète", aujourd'hui c'est plat unique. La version complète était bien trop lourde à charger et rendait son utilisation fastidieuse. Pour ce qui est de la version classique, l'absence d'auto-complétion sur le destinataire d'un email faisait parti des nombreuses fonctionnalités manquantes.

» Lire la suite

[détente] Parodie de Mickael Vendetta

Internet 5
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...

Pour celles ou ceux qui n'auraient pas entendu parlé de cet énergumène je vous invite à visualiser cette vidéo et lire cette interview.

Vous le savez, tout ce qui fait buzz sur le web se prend généralement de belles parodies, faisant même souvent tomber dans l'oubli l'original 😉 Bien que l'a l'original a déjà la qualité d'une copie je vous propose de regarder ces deux parodies :

La première est réalisée par des amateurs, avec des paroles plutôt bien trouvées » Lire la suite

Intégrez OpenID aux commentaires de votre blog WordPress

Internet, Le blog 7
A ce point ?PassableIntéressantYeahExcellent! (1 vote(s), 3,00/ 5)
Loading...

Il peut paraître sensible vis à vis de votre vie privée de commenter le billet d'un blog : peur que l'auteur ne se serve de votre adresse email, ou pire, la revende à des spammeurs... Pour éviter de rebuter les potentiels commentateurs des vos billets, il est pertinent de leur proposer un système qui va les protéger : OpenID.

Le principe d'OpenID

Je pense qu'OpenID est un très bon concept qui ne se propage malheureusement pas assez rapidement sur la toile. Je vais donc vous en expliquer brièvement le principe.

Pour faire simple, OpenID simplifie l'identification sur le web par une identification unique. Au lieu d'avoir un couple de nom d'utilisateur et mot de passe sur chacun des sites dont vous êtes membres, vous n'avez qu'un seul identifiant OpenID qui vous permet de vous identifier. Le système d'identification OpenID est issu de la communauté du logiciel libre, voilà une raison de plus de l'adopter 😉

Les avantages sont nombreux : plus d'inscription nécessaire (votre compte OpenID vous identifie directement), plus besoin de se souvenir de tous les noms d'utilisateurs et mots de passes sur chacun des sites (chaque site ayant sa politique de nom d'utilisateur, de complexité de mot de passe, etc. il devient difficile de tout mémoriser), en cas de changement d'email il n'est plus nécessaire de changer celle-ci sur 50 sites différents (vous le faîtes dans votre compte OpenID), etc.

Plusieurs sites vous proposent d'ouvrir un compte OpenID, je suis personnellement chez le fournisseur OpenID France qui vous retournera un identifiant de la forme http://openidfrance.fr/votre_pseudo. Cet identifiant peut varier suivant le site OpenID : votre_pseudo.openid.org par exemple.

Une fois votre compte crée, il ne vous restera plus qu'a communiquer votre identifiant OpenID sur les différents sites le supportant. Vous serez ensuite redirigé vers  votre fournisseur  OpenID qui vous demandera de valider (ou non) le partage de vos informations avec le site en question. Par la suite il suffira de vous identifier sur le site de votre fournisseur pour que les sites autorisés à accéder à votre profil vous identifient.

OpenID tend à s'implanter de plus en plus sur le web, Google venant tout juste d'y passer. De nombreux sites proposent ce génial système d'identification tels que Orange, Yahoo (ici), Technorati, Blogger, SourceForge, AOL, Microsoft Windows Live, Zoho... et prochainement Facebook. Il est clair que des sites de cet envergure contribuent largement au développement de ce système 😉

Intégrer OpenID à votre blog WordPress

Pour intégrer le système aux commentaires de votre blog, il vous suffit d'installer le plugin WordPress OpenID, développé par DiSo :

Les commentateurs peuvent soit entrer leur nom, email et site web comme ils le font classiquement, soit uniquement entrer leur OpenID dans le champ "Site Web", signalé par le logo 😉

Pensez pour cela à vous rendre dans les paramètres du plugin : Réglages > OpenID puis d'activer :

Si votre thème est récent et bien codé, vous ne devriez pas avoir de souci (vous ne verrez pas le résultat en tant qu'admin, pensez donc à vous déconnecter). Dans le cas contraire, et j'ai eu le cas avec mon thème GlossyBlue car il n'est pas tout récent, il vous faut éditer le fichier footer.php de votre thème :

remplacez la ligne 5 :

<?php query_posts('showposts=5'); ?>

par :

 <?php $recentPosts = new WP_Query(); $recentPosts->query('showposts=5'); ?>

remplacez la ligne 7 :

<?php while (have_posts()) : the_post(); ?>

par :

 <?php while ($recentPosts->have_posts()) : $recentPosts->the_post(); ?>

A ce propos, je vous invite à lire les recommandations du Codex ainsi que ce billet (lecture destinée aux développeurs). Merci à Will Norris pour son aide sur ce point.

Vous devez également avoir une structure encadrée par la balise <label>, en voici une qui fonctionne :

<p><input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="22" tabindex="3" />
<label for="url"><strong>Site web</strong></label></p>

Les risques du système OpenID ?

Le principal inconvénient réside dans le concept lui même : si votre compte OpenID est compromis par un tiers, celui-ci pourra prétendre votre identité sur tous les sites rattachés... Je vous conseille de lire ce billet à ce propos. Pour pallier à ce risque, il faudrait selon moi pouvoir définir une adresse email ou un numéro de téléphone qui permettrait de récupérer le compte en toutes circonstances. Ce mail ou ce numéro ne devrait bien évidemment pas pouvoir être modifié une fois défini... Ce risque mérite cependant d'être revu à la baisse puisque votre adresse email comporte souvient bien plus d'informations (bancaire, commandes, job, etc.) qu'un simple compte OpenID 😉 Pensez toutefois à définir un mot de passe complexe et unique (utilisé sur aucun autre site).

Il est temps de vous inscrire ! Je trouve par ailleurs que l'on a tendance à s'inscrire plus facilement pour essayer un service si le site propose une inscription OpenID !

Quelques sites proposant l'ouverture d'un compte OpenID : OpenID France, MyOpenId (rattachable à un domaine), VeriSign (leader mondial des certificats de sécurité)

Note : le plugin XRDS-Simple (du même auteur) permettra à ceux qui le souhaitent de devenir fournisseur d'OpenID, directement depuis leur blog WordPress. Ou bien encore phpMyID qui ravira tous développeurs confondus 😉

Convertir un site web en application

Système 11
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...

Vous pensiez que celui qui pourrait vous poser cette question n'était qu'un imbécile ne comprenant pas la différence entre un site web et un logiciel ? Détrompez-vous !

L'extension Firefox Prism vous permet de réaliser ce défi. Après l'installation de l'extension, il vous suffit de vous rendre sur le site à "convertir" puis de cliquer  sur le menu "Outils" de Firefox > "Convert Website to Application" :

» Lire la suite

Bibliothèque d’animations Flash gratuites

Internet 4
A ce point ?PassableIntéressantYeahExcellent! (6 vote(s), 3,67/ 5)
Loading...

FFILES (pour Free Flash Files) est une bibliothèque en ligne pour celles et ceux qui cherchent de l'inspiration pour des animations flash, ou même les animations flash complètes 😉

» Lire la suite

Dans les coulisses de vos sites préférés

Internet 1
A ce point ?PassableIntéressantYeahExcellent! (1 vote(s), 4,00/ 5)
Loading...

But : analyser les technologies qui sont utilisées sur un site web

BuiltWith (littéralement "constuit avec") est un site gratuit vous permettant d'analyser un site internet : quel type de site, langage utilisé, type du serveur hébergeant le site, outils utilisés, etc.

Il vous suffit d'entrer l'url du site à passer au peigne fin pour obtenir ces informations :

» Lire la suite

Modifier une page web en Javascript (WYSIWYG)

Internet 13
A ce point ?PassableIntéressantYeahExcellent! (6 vote(s), 4,33/ 5)
Loading...

Les navigateurs disposent de fonctionnalités permettant d'éditer du texte de façon enrichie grâce a des fonctionnalités Javascript nativement supportées. Tout le monde a par exemple croisé un jour l'éditeur TinyMCE, éditeur WYSIWYG de texte enrichi. Il est par exemple utilisé dans l'interface de rédaction de billet WordPress (permettant de mettre en gras, en couleurs, aligner, etc.).

Grâce à cette commande Javascript il est possible d'éditer un site web façon WYSIWYG directement dans votre navigateur :

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

Cliquez par exemple sur la commande pour éditer le blog, rafraichissez la page pour annuler l'édition. » Lire la suite

Validation instantannée d’un formulaire en AJAX

web 4
A ce point ?PassableIntéressantYeahExcellent! (4 vote(s), 4,25/ 5)
Loading...

Les formulaires sont à mon avis un des aspects le plus frustrants que l'on peut rencontrer sur un site web, cela pour plusieurs raisons :

  • Trop d'informations vous sont généralement demandées
  • Absence d'information concernant le type de donnée à entrer au clavier
  • En cas d'erreur il vous faut généralement tout retaper (sauf si le webmaster a pris soin d'utiliser des sessions, ce qui lui complique la tâche)

Les formulaires mal pensés sont source de perte de visiteurs, surtout lorsque la concurrence est rude... Bien que cela puisse être également un bon frein si votre service rencontre trop de succès, mais ce cas est bien assez rare 😉

La meilleure façon pour rendre ces formulaires un peu moins rebuttants est d'implanter un système de validation en temps réel. Pour cela, le méthode la plus appropriée est ne validation gérée par de l'AJAX. De cette façon un formulaire ne pourra être envoyé qu'une fois toutes les conditions satisfaites.

Pour ce faire je vous propose d'utiliser le script LiveValidation. Son utilisation est simple, propre et fonctionnelle et vous évite à recoder la roue, alors pourquoi s'en priver ?

Le script s'adapte très bien à vos exigences de part ses nombreuses possibilités. Vous pouvez par exemple contrôler les champs à l'envoie du formulaire ou à la frappe, combiner plusieurs méthodes de vérification (inclusion, exclusion, type de données, etc.).

C'est un script très complet qui vous fera gagner en temps mais également en notoriété 😉

Télécharger LiveValidation