Bonnes pratiques

Le code CSS et Javascript au milieu du HTML c’est pas bien !

Cet article est une « craduction »(1) de l’excellent article Why Inline CSS And JavaScript Code Is Such A Bad Thing dans lequel Robert Nyman explique pourquoi il est bon de séparer la structure HTML, la présentation CSS et l’interactivité Javascript dans le processus de conception d’un site web. Chaque partie devrait faire l’objet d’un fichier distinct où l’intrusion des deux autres devrait être limitée au strict minimum. Yalla, en avant les jeunes ! Lire la suite de Le code CSS et Javascript au milieu du HTML c’est pas bien !

Helper PHP

PHP.JS — transposer des fonctions PHP en Javascript

Le PHP regorge de fonctions très pratiques qui n’ont pas forcément d’équivalents en Javascript. La librairie PHP.JS est un projet open source à l’initiative de Kevin van Zonneveld dont le but est de transposer une grande partie des fonctions PHP en Javascript. Rien de tape-à-l’oeil, mais juste la possibilité d’utiliser en Javascript des fonctions PHP avec leurs qualités et leurs défauts, ce qui n’est déjà pas si mal ! Cerise sur le gâteau, il est possible de configurer son package fonction par fonction pour optimiser le poids du fichier Javascript.

Tools

jsbin — tester votre code Javascript et partagez vos bugs

jsbin est un outil en ligne créé par Remy Sharp pour tester du code Javascript et le partager. Très pratique pour rechercher des bugs de manière collaborative grâce une l’URL courte que vous partagerez autour de vous. Cerise sur le gâteau, les bibliothèques jQuery, jQuery UI, Prototype, Scriptaculous, YUI, Mootools, Dojo et Ext JS sont prêtes à l’emploi et il est possible de tester Ajax.

Applications autonomes

Un diaporama avec AnythingSlider jQuery Plugin

Voici un diaporama de très bonne facture qui fera le bonheur de tous. Le contenu de chaque diapo peut être réalisé à l’aide du composé HTML de votre choix (texte, images, etc.) et chacune d’elle peut être directement accessible via un système d’onglet. Mais trêve de bavardage, je vous laisse avec la démo, le lien de téléchargement et l’exemple d’appel du slideshow avec ses paramètres : →

Frameworks Javascript

Google Closure — les mauvaises pratiques Javascript en action ?

On dit souvent qu’une fois maitrisé un langage de programmation, on peut attaquer les autres facilement. Dans les faits, c’est plus compliqué : chaque langage possède une philosophie qui lui est propre et à laquelle il faut s’adapter pour en tirer le maximum. C’est bien évidemment le cas avec Javascript et les frameworks JS n’échappent pas à la règle. →

Applications autonomes

Sélecteur de date (Date-Picker) non-intrusif

Unobtrusive Date-Picker est un sélecteur de date qui affiche un mini calendrier pour afficher automatiquement une date formatée dans un ou plusieurs champs input. Parmi les plus de cette solution : l’accessibilité (navigation au clavier, ARIA, etc.) et l’internationalisation soignée. →

Extensions Firefox

FireFinder — interagir avec la page web

FireFinder est une extension pour FireFox créée par Robert Nyman. Le plugin vient se greffer sur l’indispensable Firebug pour sélectionner et interagir avec les éléments de la page via les sélecteurs CSS ou les expressions XPath. FireFinder est très utile également pour tester les sélecteurs CSS en direct live en gardant un oeil sur les modifications qui s’effectuent sur la page.

Frameworks Javascript

Choisir sa bibliothèque JS avec Javascript Framework Matrix

Javascript Framework Matrix — tableau comparatif des principaux frameworks Javascript : jQuery, Mootools, The Dojo Toolkit, Prototype, Script.aculo.us, Ext JS, Adobe Spry, BBC Glow et Yahoo! UI Library.

Les exemples concrets de codes permettant de se faire une idée de la syntaxe et de la philosophie adoptées par ces frameworks : General, DOM Ready, DOM Basics, DOM Filtering, DOM Manipulation, Effects, Transitions, Events, Custom Functions, Ajax et Classes. Via LudiBlog.