TinyMCE – MCImageManager : traduction française

MCImageManager est un plugin de gestion d’une galerie d’images (avec fonction d’upload) pour l’éditeur HTML JavaScript TinyMCE. Ce module (bien que payant) ne dispose pas d’une traduction complète pour la langue française, celle-ci comporte en effet quelques erreurs mais le problème principal étant les traductions manquantes. Ayant eu le besoin d’améliorer ce fichier de traduction,…

Lire la suite

TinyMCE : Synchroniser manuellement les textareas natifs

Voici une problématique récurrente lors de l’utilisation de l’éditeur WYSIWYG TinyMCE : comment faire en sorte que les textareas utilisés pour la transformation en éditeur TinyMCE possèdent la valeur réelle du contenu de l’éditeur associé à un instant T. Je m’explique, le fonctionnement de TinyMCE est le suivant : La page HTML contient une balise…

Lire la suite

SVG-edit : un éditeur SVG en ligne !

SVG (Scalable Vector Graphics) est un format de représentation vectorielle soutenu par le W3C utilisé notamment par le logiciel libre Inkscape ou le logiciel propriétaire Illustrator d’Adobe. SVG-edit est un projet Open Source propulsé par JavaScript fournissant un éditeur visuel en ligne pour SVG. Le projet est hébergé sur Google Code Git Hub. Démonstration en…

Lire la suite

Evercookie : le cookie qui à du mal à passer…

Evercookie est une API JavaScript permettant de générer des cookies persistants virtuellement indestructibles. Le but de cette API est de permettre d’identifier un client même après qu’il vide de manière standard ses cookies. D’un point de vue technologique, l’API se base sur pas moins de 13 méthodes de dépôt de cookie telles que :  …

Lire la suite

Mootools custom event plugin

Christoph Pojer est l’auteur d’un nouveau plugin pour le framework MooTools nommé Mootools custom event permettant de définir des événements JavaScript personnalisés pouvant être eux-mêmes basés sur d’autres événements personnalisés ou bien natifs. En d’autres termes le plugin fourni un gestionnaire d’évènements avancé fonctionnant dès la version 1.3 du core de MooTools. Toute la documentation…

Lire la suite

Des coins arrondis pour vos images avec jQuery (CSS3 Rounded Corners like)

WebDesignerWall propose un tutoriel que je vous invite à découvrir permettant de créer rapidement des coins arrondis sur des images grâce à jQuery à la manière de CSS3 (rounded corners). Cette solution permet de contourner les problèmes de compatibilités rencontrés avec certains navigateur comme Firefox. Le code jQuery ajoute automatiquement le code HTML réalisant les…

Lire la suite

Tutoriel : comment créer une ombre portée dynamique avec jQuery

1stwebdesigner propose un tutoriel permettant de créer une ombre portée dynamique à base de CSS / Spriting / jQuery sur les éléments d’une page web en fonction d’une source lumineuse placée sur la page. Ce n’est pas clair ? Je vous invite tout d’abord à jet un œil à cette page de démonstration exceptionnelle (n’oubliez…

Lire la suite

jScratchcard : Un plugin de grattage pour jQuery !

jScratchcard est un plugin pour le framework JavaScript jQuery permettant de créer des zones grattables à la manière des jeux de grattages que l’on retrouve chez nos buralistes. Il devient alors possible d’imaginer la création de toutes sortes de jeux de grattages directement en HTML / CSS / jQuery (rappelons que ce type de jeux…

Lire la suite

Tutoriel jQuery : appliquer un événement sur plusieurs éléments

Le contexte Imaginons que vous devez appliquer le même comportement d’événement à un ensemble d’éléments, il devient alors tout à fait naturel de créer une classe CSS qui permettra d’identifier tous les éléments et ainsi leur appliquer le comportement d’événement simultanément. Ceci ce traduirait par le code jQuery ci-dessous (notez que j’utilise jQuery à la…

Lire la suite

Du fun avec MooTools et CSS 3

Voici un aperçu très original proposé par rickyh.co.uk du mariage entre MooTools et CSS3 et des nouvelles possibilités qu’offrent ces deux technologies en termes d’effets visuels pour le web. Inutile de préciser qu’il est préférable de disposer d’un navigateur récent 😉 Glissez par ici……

Lire la suite