En tant qu'utilisateur d'internet vous avez déjà dû être orienté vers des orthographes différentes lors de vos recherches sur Google. Les plus techniciens d'entre nous auront très certainement été aidé dans leurs commandes Git par ce genre de messages des plus utiles lors des fautes de frappes.

L'apport de telles suggestions est important à tout développeur ceinture noire de defensive design. Voyons comment offrir le même confort à nos utilisateurs chéris.

Allez, voici un peu de mouvement sur le blog en cette période d'inactivité (C'est le blog qui a une période d'inactivité, car pour moi, c'est loin d'être le cas en ce moment). Après une mise en ligne par erreur du brouillon hier après-midi, voici maintenant l'article que j'espère cette fois définitif.

Il y a un an et demi, je proposais une fonction qui permettait d'afficher simplement les dates de manière relative au jour présent ("hier", "il y a 2 jours", etc). Aux vues des statistiques la fonction a intéressé beaucoup d'entre-vous.

Un lecteur m'a récemment demandé si il était possible de réaliser une fonction similaire mais avec les heures et secondes cette fois. Un petit peu comme le fait Twitter sur ces messages (il y a 2 minutes). Voici la fonction.

La plupart des navigateurs récents disposent d'un champs de recherche intégré. Habituellement en haut à droite, ce champs de recherche propose, Google en tête, une liste de quelques sites prédéfinis.

Vous le savez très certainement déjà mais cette liste peut être modifiée pour accueillir d'autres sites de votre choix grâce à des plugins. Ces plugins sont compatible avec Chrome, Firefox, Internet Explorer 8 mais étrangement pas Safari. Une liste bien adaptée à vos besoin fait gagner un temps fou lors de la recherche d'information.

The Mycroft Project est un site qui propose une collection de plus de 20.000 plugins destinés à enrichir cette liste de moteurs. J'ai fouillé un peu et j'ai trouvé quelques plugins intéressants sur les sujets qui nous intéressent.

• jQuery
• Php
• Zend Framework
• CakePhp Framework
• Symfony Framework

Si vous ne trouvez toujours pas votre bonheur dans la liste ci-dessus, essayez la Recherche approfondie.

J'envisageais de faire un article sur la création d'un tel plugin, mais ce site offre déjà un générateur pour en créer automatiquement selon vos propres critères.. Cochez la case Show full instructions pour être guidé sur les champs à remplir. Selon vos projets il peut être intéressant de proposer à vos visiteurs d'accéder à votre moteur de recherche directement depuis leur navigateur.

Les liens

The Mycroft Project

http://mycroft.mozdev.org/

Générateur de plugins

http://mycroft.mozdev.org/submitos.htm

Si vous êtes un habitué de ce blog, le nom de SundayMorning devrait vous être familier. C'est l'un de mes projets Open Source de l'année dernière. Ce projet est né de quelques idées que j'avais précédemment ébauchées ici et là.

Lors de la réalisation du site web, je voulais m'éloigner de l'aspect ennuyeux que pouvait engendrer la navigation au sein de la documentation. J'ai donc proposé le contenu en une seule page mais en le fractionnant en plusieurs volets coulissants.

Cet effet a manifestement attisé la curiosité de quelques uns d'entre-vous. Je leur avais promis par email d'en parler un jour. C'est maintenant, Joyeux Noël !

MISE A JOUR Samedi 2 Janvier 2010 : Cet article a été mis a jour. J'ai ajouté le retour en haut de page de la scrollbarre du navigateur à chaque ouverture de volet.

Je crois que ce que j'aime le plus dans mon métier, c'est de modifier radicalement, grâce à Css et Javascript, l'aspect et les fonctionnalités d'un élément d'une page web à priori sans intérêt. Aujourd'hui je m'amuse à booster un menu en liste non-ordonnée tout ce qu'il y a de plus bête en un tableau de bord dynamique.

Et vlan! Voici un petit snippet bouche-trou pour ne pas laisser le blog à l'abandon trop longtemps. Jusqu'à la démocratisation de querySelectorAll, Javascript ne propose pour l'instant que deux méthodes de sélection d'éléments du DOM : getElementById et getElementsByTagName. Rien n'est offert pour sélectionner un élément par un nom de classe tel qu'un getElementsByClassName. Rémédions-y.
Avec l'égémonie des librairies javascript et autres moteurs de sélécteurs, je suis conscient que cette petite fonction ne va pas intéresser grand monde. Mais bon, y'a pas que [NOM DE VOTRE LIBRAIRIE PREFEREE ICI] dans la vie :)

Pour sa liste de Followers, Twitter propose des options très sympa de mises en page variables. Il est possible de présenter cette liste de manière simple ou plus détaillée. Et ce, sans avoir à changer de page. L'idée est enfantine à réaliser, je m'en suis inspiré pour ce tutoriel. En route.

Même si le besoin se fait bien moins souvent sentir au niveau serveur que client, la détection du navigateur du visiteur peut être nécessaire en Php. J'ai récemment eu ce besoin mais n'ai pas trouvé de solution simple me satisfaisant. J'ai rapidement pondu cette petite classe que je livre en l'état. Elle est largement perfectible. Peut-être en intéressera-t-elle d'autres que moi.

Vous avez certainement déjà croisé ce genre d'animation en Flash qui imite un coin de page cornée qui laisse apparaitre une publicité à son survol ? L'effet est très sympa mais demande Flash.

Je n'ai rien contre Flash, mais ce n'est pas mon univers. Comme vous commencez certainement à le comprendre jQuery est plus ma tasse de thé. Sa puissance ne cessera de m'étonner et permet de réaliser un tel effet en quelques lignes.

Je ne sais pas pour vous, mais moi, dès que je regarde une chaine d'information, je suis hypnotisé par les barres de news qui défilent en bas de l'écran. Je n'arrive pas à en détacher les yeux. Personnellement, je trouve celles de iTélé particulèrement réussies.

Je me suis dit que ce traitement des brèves infos pouvait être une belle manière d'annoncer les mises à jour d'un site web. Bien évidement en tant qu'obsédé de jQuery, je me suis amusé à réaliser un effet similaire. Le voici.