Blog Tech

Simuler le rendu de votre site avec Adobe BrowserLab

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

Adobe dévoile adobe-browserlabBrowserLab un simulateur de rendu d'une page web dans différents navigateurs internet.

Actuellement en bêta, il supporte la simulation de Internet Explorer 6 et 7, sur Firefox 2 et 3 (Mac OS X et Windows) et Safari 3.x (Mac OS X).

Il est possible de créer plusieurs profils de simulation, appelées browser sets, avec pour chacune un ou plusieurs navigateurs :

browser-set » Lire la suite

Générer des captures de site avec Scapture

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

Scapture est un service qui vous permet de faire des captures d'écran d'un site à partir de son adresse, dans le même esprit que browsershots.

Ce service permet de visualiser le rendu d'un site, blog ou tout simplement d'une page sur plusieurs navigateurs que peuvent utiliser vos visiteurs.

scapture » Lire la suite

Un easter-egg présent dans de nombreux sites web

Divertissement 12
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...

konamiL'easter-egg (oeuf de pâques) "Konami" ,qui était généralement utilisé dans les jeux vidéos, fait aujourd'hui son apparition sur de nombreux webservices, voici quelques sites avec captures à l'appui.

Pour le déclencher vous devez entrer cette combinaison de touches au clavier :

konami-combinaison-touche » Lire la suite

Intercepter les requêtes et entêtes depuis un navigateur

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

Tamper Data est une extension Firefox capable d'intercepter les entêtes HTTP et HTTPS (sécurisé) et d'agir au niveau des requêtes GET et POST.

Exemple concret, nous allons sur le site de Free et entrons un numéro de téléphone (01 23 45 67 89) pour vérifier notre éligibilité :

temper-data-free-1

Activons ensuite l'extension via le menu Outils de Firefox > Altérer les données. Précisons l'adresse "free.fr" dans le filtre, puis cliquons sur "démarrer altération" :

temper-data-filtre » Lire la suite

Testez votre site sur tous les OS et navigateurs du marché

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

Le rendu graphique d'un site web varie selon deux facteurs : le navigateur internet et le système d'exploitation utilisés.

Je vous présentais il y a presque un an une solution de visualisation de rendu multiple, grâce au site Browsershots. Ce site fonctionne toujours, de nombreux navigateurs sont d'ailleurs ajoutés au fil du temps.

Un des inconvénients de Browsershots est le temps d'attente pour la génération d'un rendu. Il est absolument inenvisageable de modifier une ligne de votre CSS et de visualiser l'impact rapidement.

J'ai découvert récemment un réel système de virtualisation de systèmes d'exploitation en ligne qui fonctionne parfaitement bien : CrossBrowserTesting !

CrossBrowserTesting vous permet au travers un applet Java de vous connecter réellement sur une machine distante pouvant fonctionner sous :

  • Windows : 98 SE, XP (home) SP2, Vista, Seven (bêta)
  • Mac : OS 10.5
  • Linux : Ubuntu 8.10

» Lire la suite

Une version pro du service Whos.amung.us

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

Suite aux suggestions de ses utilisateurs, le célèbre site de statistiques whos.amung.us ("qui est parmis nous") lance une version professionnelle de son service en bêta fermée. Blogmotion a été sélectionné pour essayer cette version pro, j'ai donc décidé de rédiger un billet à ce sujet.

La version originale gratuite et sans inscription permettait de visualiser qui était en ligne, en temps réel et sur un espace allant de 24h jusqu'à 5 ans, le tout représentable sur une mappemonde (voir les stats de Blogmotion ici).

La version pro comporte un réel espace membre, avec un menu permettant d'accéder à différentes rubriques :

De nombreuses fonctionnalités ont été ajoutées » Lire la suite

Une collection de textures photoshop

Graphisme 3
A ce point ?PassableIntéressantYeahExcellent! (7 vote(s), 4,00/ 5)
Loading...

Les textures jouent beaucoup sur le design d'un site, d'un blog. Créer une texture soit même est loin d'être évident, d'autant plus qu'il faut parfois que la texture se répète.

» Lire la suite

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

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 😉