jLinq : du LINQ dans Javascript

Si vous êtes développeur PHP/Javascript, comme pas mal de lecteurs de ce blog, vous ne connaissez peut-être pas LINQ.

LINQ (Language Integrated Query) est un composant du Framework .NET 3.5 (ne partez pas tout de suite, il y a du bon dans .NET, si si) permettant de faire tout un tas de requêtes sur des tableaux et listes d’objets.

Pour travailler en .NET/Silverlight, je dois avouer que l’apparition de LINQ a été vraiment une bonne nouvelle. Ce composant apporte une simplicité et une souplesse de manipulation de données assez impressionnante.

jLinq est une bibliothèque Javascript offrant la possibilité de manipuler des tableaux d’objets javascript à la façon Linq.

Je n’ai pas encore eu l’occasion de travailler sur un projet manipulant des quantités suffisante de données côté client en Javascript, mais j’irai très surement regarder du côté de jLinq le jour où j’en aurai besoin. Ça peut s’avérer très pratique.

Accélerer le développement de sites web avec la méthode Zen-Coding

A l’heure actuelle, beaucoup de développements Web se font sur la base du duo HTML/CSS. Avec l’utilisation de plus en plus courante des frameworks Javascript, l’utilisation d’ids et de classes dans les objets DOM est devenue de plus en plus importante, mais a aussi rendu le code de plus en plus fastidieux à écrire.

La méthode Zen-Coding a donc eu l’idée d’utiliser cette notation des objets DOM pour au contraire accélérer l’écriture du code HTML, en se basant sur un principe de snippets.

Ainsi, simplement en tapant dans un IDE supportant Zen-Coding :

Code block

div#content>h1+p

on génère le code suivant

Code block

<div id="content">
<h1></h1>
<p></p>
</div>

Appliquée au développement d’une appli complète, le temps gagné avec cette méthode n’est pas négligeable. Pour vous convaincre de la rapidité de Zen-Coding, voici une vidéo de démonstration, on se retrouve juste après pour les liens.

Sur la page de Zen-Coding, on peut retrouver des plugins à télécharger pour pas mal d’IDE pour le web. Smashing Magazine a aussi fournit un article recensant les principales commandes utilisables avec Zen-Coding.

L'importance d'un bon 404

Il existe une page qui revient systématiquement sur tous les sites, et qui est pourtant trop souvent mise à l’écart, la page 404, nommée ainsi suite au code de l’erreur qui la génère : Erreur 404 : Contenu introuvable. Une erreur devenue culte dans le monde des Geeks.

Plusieurs raisons peuvent amener à un 404. Un contenu déplacé (ou supprimé), une URL mal orthographiée, … et l’utilisation d’URL rewriting et de pages dynamiques n’est pas pour inverser la tendance. Bref personne n’est à l’abri d’un 404.
Pourtant le 404 d’un site est très souvent (et c’est le cas pour ce blog, je le confesse à ma honte) une simple phrase annonçant que le contenu est introuvable … pas très user friendly non?

Il existe de nombreuses manières d’utiliser un 404 pour retenir l’utilisateur. Le premier est en utilisant l’humour, ce qui aura pour effet de ne pas frustrer l’utilisateur.  Typiquement celui de dawdle.com titille le fan de Mario qui est en moi du coup j’ai moins envie de partir du site.

L’autre utilisation, généralement plus rentable, est de fournir à l’utilisateur perdu des pistes à suivre.  Ça peut être un champ de recherche, un liste de catégories, des recommandations… Tiens en parlant de recommandation, je viens à l’instant d’aller voir chez ceux qui sont pour moi les pro des algo de recommandation et j’avoue être un peu déçu par leur 404.

Dans le cas de mon projet, j’ai déjà ma petite idée de 404, qui sera plutôt orienté vers l’aspect recherche/recommandation. Essayer de guider l’utilisateur en lui laissant de la liberté, mais quoi qu’il en soit, lui fournir des pistes pour rester sur le site.

Si vous cherchez des inspirations de 404, je vous conseille l’excellent Smashing Magazine (pour les rares d’entre vous qui ne le suivent pas encore), dont l’article de ce matin à inspiré ce que vous êtes en train de lire.

Ça, c'est fait !

Lors du développement d’un site, il y a certaines pages qui donnent du fil à retordre, surtout quand on essaye de mélanger les technologies client et les technologies serveur sans sacrifier ni les performances, ni l’ergonomie.

Et quel soulagement hier soir, quand sur les coups d’1h du mat’ j’ai enfin terminé l’une de ces pages sur laquelle je galère depuis le début des vacances de février (en fait c’est techniquement 2 pages différentes mais avec trop de liaisons fonctionnelles pour pouvoir les dissocier) !

A force de bosser dessus je n’ai plus le recul suffisant pour juger de son rendu global (je déteste passer ce cap où ce que je fais ne me parait plus joli mais simplement normal, et où je vois le moindre décalage d’1 pixel sur la position d’un élément), mais elle m’a quand même l’air bien.

Bon maintenant pour me reposer un peu je vais me lancer dans le codage de la galerie photo. Un peu de CSS, pas trop de code … ça devrait être reposant (quoique un CSS qui fait des siennes ça peut vite devenir stressant ^^).

Je tiens le bon bout !