Mise en production d’un site vitrine avec la librairie Jquery.isotope déclinaison de masonry

Bonjour à tous,

Infinitic est heureux de vous présenter sa dernière réalisation en terme de “responsive design”, un site entièrement réalisé avec la librairie Jquery.isotope permettant une adaptation du layout (squelette de la page) en fonction de la résolution. Ce design est par la même occasion adapté a tous les support : mobile, tablette, grande résolution…

Voici quelques captures de cette réalisation :

Nous vous invitons à consulter le site lui même : 1001 tables

Nous vous invitons également à visiter le site de l’auteur de la librairie de départ qui a inspiré isotope : masonry de David de Sandro

Vous pouvez également visiter le site isotope dont le projet de classification des éléments est une belle surprise : isotope

Ajax Javascript and Co…attention terrain glissant…

Aujourd’hui une petite mise en garde à tous les developpeurs de sites qui visualiseront cet article. Lorsque vous codez un site, assurez vous bien de la compatibilité de votre code avec les differentes configuration de navigateur. En effet au niveau javascript, les navigateurs ne reagissent pas tous pareil. Certains bloquent meme l’execution du code côté client ce qui peut perturber le fonctionnement de votre site. Google Chrome est paramétré par défaut pour ne pas executer le javascript…

Exemple bête mais tellement réaliste. Vous developpez un formulaire de contact pour votre site. Vous effectuez quelques controles de surface à l’aide de fonctions javascript et vous accedez ensuite au traitement des données postées…eh bien c’est la que le soucis apparait, lorsque javascript est désactivé, tous les contrôles sont inopérants et perturbent la suite du traitement.

Il faut donc imperativement doublé les controles en amont et en aval du “submit”.

Des librairies comme Jquery, Mootools, prototype ou script.aculo.us deviennent inopperantes quand javascript est désactivé.

Le plus gros danger sont les robots qui parcourent le web pour spammer ou attaquer un site qui n’interprete pas le javascript. Ainsi sur certains blogs, les captcha (systeme de blocage d’un formulaire par un systeme de reconnaissance d’image) ne sont d’aucune utilité si le test se fait en javascript.

Nous etofferons cet article au cours des prochains mois pour donner des parades efficaces à se genre de soucis.