Un planet pour jQuery

Juste un petit mot pour vous signaler l’ouverture de Planet jQuery sur lequel j’ai inscris les flux RSS relatifs aux tags jquery qui apparaissent sur js 4 design et css 4 design.

Helper CSS

Sélectionner les éléments par leur classe avec getElementsByClassName

Vous le savez sans doute, mais si le DOM propose une fonction pour sélectionner un élément par son id ou son nom, ce n’est pas (encore) le cas pour sélectionner les éléments qui partagent une ou plusieurs classes. C’est là qu’intervient The Ultimate GetElementsByClassName déjà évoqué dans Utillisez le DOM et Javascript comme un chef pour redéfinir le comportement des balises HTML. →

Helper CSS

jQuery image zoom effect

Image jQuery — Cet effet réalisé avec quelques lignes de jQuery (et un soupçon de CSS) applique un léger effet de zoom sur une image tout en affichant sa description au survol de la souris sur le conteneur. Voir la démonstration.

Helper CSS

Emuler la propriété max-width pour IE6

maxWidthFixForIE6.js — Les expressions Javascript de Microsoft sont énormément utilisée pour pallier l’absence de support de telle ou telle fonctionnalité par pour IE6 en particulier ou Internet Explorer en général alors que leur utilisation grève les performances déjà inquiètantes du dernier de la classe. Il vaut mieux faire appel à du bon vieux Javascript !

window.onload = checkAvailableWidth;
window.onresize = checkAvailableWidth;
function checkAvailableWidth(){
    var container = document.getElementById("container");
    container.style.width = (document.body.clientWidth > 1100)? "1100px" : "auto";
}

Design & Graphisme

Grid Design — Quelques notes sur l’intérêt des grilles de mise en page

La popularité des frameworks CSS s’accompagne d’une interrogation légitime sur le bien-fondé d’utiliser une grille pour le placement des éléments du design. Comme je l’ai déjà évoqué dans Framework CSS — mettez vos grilles au pas ! je m’interroge sur l’intérêt de travailler sans grille et je soupçonne leurs détracteurs de jeter le bébé avec l’eau du bain. Le problème vient sans doute du terme grille lui-même. Peu gratifiant, il évoque la prison, la clôture, la répétition, l’uniformité… Bref, tout le contraire des aspirations du créatif qui refuse de brider sa créativité sur l’autel d’une vision mécaniste du processus créatif. →

Helper HTML

iepngfix — PNG 24 bits transparents pour IE6

iepngfix — Ce composant HTC gère la plupart des contraintes liées à l’absence de prise en charge de la transparence 24 bits par Internet Explorer 6. Un des rares scripts à prendre en charge les propriétés background-repeat et background-position. Voir le tutoriel sur la transparence des PNG 24 bits sur IE6 pour plus d’information.

Revue de Web

Excargot — Une mine de liens sur Javascript vient de rouvrir !

Marie Neff est de retour à la barre d’Excargot qui propose depuis plus de 4 ans des ressources sur Javascript, CSS et le Webdesign en général. Faites chauffer les aggrégateurs et restez connectés 😉

Frameworks Javascript

SimpleJS — la petite librairie Javascript qui va bien

SimpleJS — Cette petite bibliothèque Javascript développée par Christophe Lefevre propose de faciliter l’utilisation d’Ajax. SimpleJS ne saurait être comparée avec Prototype ou jQuery. Mais ce n’est pas grave : aujourd’hui nous somme à la recherche de solutions simples, légères et efficaces, qui vont à l’essentiel : $ajaxload() $ajaxreplace(), $opacity(), $shiftOpacity(), $pulsate(), $highlight(), $textColor(), $morphColor(), $toggle(), $blindup(), $blinddown(). Sans oublier les plugins simpleslish.js (Slideshow, 1.6k) et simpleacco.js (effet accordéon, 1k) !

HTML & CSS

Boks — Éditeur visuel de grilles CSS pour Blueprint, etc.

Boks est un éditeur de grille CSS développé avec Air (utilisable sur Windows, Mac et Linux) qui fournit une interface visuelle pour travailler avec le framework CSS Blueprint. Les frameworks sont souvent très utiles mais le paramétrage d’un pas de grille personnalisé peut s’avérer fastidieux. Outre la configuration du nombre de colonnes, de la largeur de la page et de la valeur de la gouttière, Boks permet de configurer la grille verticale en déterminant les valeurs des principales balises HTML. →