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.
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 😉
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) !
jTextTranslate — Traduction de votre site en 87 langues
jTextTranslate est un plugin jQuery qui utilise l’API Ajax Language de Google pour offrir une palanquée de langues vers lesquelles vos visiteurs pourront traduire vos textes. L’appel est des plus simples : il suffit de lier la fonction à l’élément HTML de votre choix. Par exemple, utilisez $(.entry).translate()
pour permettre la traduction de vos billets WordPress. Le script ajoute un lien qui lance une fenêtre lightbox pour le choix des langues et la traduction elle-même. Via La Ferme du Web.
cssQuery — accédez au DOM
Balance Columns — Équilibrer des colonnes avec Javascript
balance_columns — ce script astucieux et non instrusif vous permettra d’équilibrer des colonnes entre elles (contenu et barre latérale, par exemple). Les identifiants des blocs à équilibrer se placent dans l’en-tête du script et ce dernier se dégrade harmonieusement si Javascript n’est pas activé sur le navigateur.
DOMTab — Menu à onglets simple et efficace
DOMTab — Ce script non-intrusif transforme une liste de liens en un système de menu à onglets (plusieurs menus sur une même page possibles). Parmi les plus : la possibilité de faire un lien vers un onglet et la mise en place de liens suivant et précédent pour accéder aux onglets (y compris avec une image). Voir mon comparatif entre DOMTab et idTabs pour en savoir plus.
FlashReplace — insérer du Flash proprement
FlashReplace — Script très léger pour insérer une animation Flash dans votre page web avec une seul ligne de code :
<script type="text/javascript">// <![CDATA[
FlashReplace.replace("flash-content", "/flash/my-movie.swf", "flash-element-id", 800, 200);
// ]]></script>
En option : possibilité de préciser la version de Flash requise ou d’ajouter des paramètres à votre animation Flash.
DOMAssistant — une bibliothèque Javascript à découvrir
DOMAssistant — Cette bibliothèque va un peu plus loin que dLite et permet de manipuler le DOM avec plus de souplesse pour lancer des fonctions sur un ensemble d’éléments, par exemple. Supporte les sélecteurs CSS 1, CSS 2 et CSS 3. →
Infobulles stylées et accessibles avec jQuery
Styled and accessible tooltips — Après Tipsy, ce script permet de remplacer l’infobulle par défaut qui apparait lorsqu’on passe la souris (ou le clavier) sur un élément possédant un attribut title par une infobulle du plus bel effet et accessible, ce qui ne gâche rien. Aucun marquage HTML supplémentaire n’est nécessaire : ce script se charge de tout et enlève le superflu lorsque la souris quitte l’élément en question. Via AccessTech.