Inkscape : le clonage

Vous voulez dupliquez un objet et vous souhaitez que toute modification de l’original soit répercutée au niveau des copies. On parle de clonage !

C’est possible avec Inkscape qui génère des instructions SVG basées sur la  balise use lorsque vous utilisez la commande « créer des clones »

Suite de l’article

Publié dans Inkscape, SVG | Laisser un commentaire

SVG : les filtres

J’ai ajouté dans mon tutoriel « dessiner avec SVG » quatre pages sur les filtres c’est à dire les effets que l’on peut appliquer à des images existantes (en particulier des photos).

Si vous envisagez d’utiliser l’éditeur de filtres du logiciel Inkscape je vous conseille de lire ces pages car vous comprendrez  toutes les notions de base sur les filtres.

Suite de l’article

Publié dans Inkscape, SVG | Laisser un commentaire

Inkscape : appliquer des filtres à vos photos

Transformez vos photos en oeuvres d’art grâce aux effets d’image proposées par Inkscape.

 

Suite de l’article

Publié dans Inkscape, SVG | Laisser un commentaire

JavaScript : un nouvel outil de débogage

Souvent durant la phase de test du script on insère des instructions provisoires basées sur la méthode alert.

Désormais il y a beaucoup mieux : console.log

Suite de l’article

Publié dans HTML 5, JavaScript | Laisser un commentaire

JavaScript : la méthode addEventListener

Il s’agit d’une méthode qui est préconisée pour gérer les événements.
Cette méthode fait partie du DOM-2. Elle offre de nombreux avantages par rapport à la gestion des événements sans
recourir au DOM.

Suite de l’article

Publié dans HTML 5, JavaScript | Laisser un commentaire

Canvas : superposition de canevas

Si vous voulez réaliser une animation avec l’API Canvas sans avoir un code JavaScript trop compliqué il y a une astuce.

Il faut utiliser non pas un canevas mais plusieurs qui se superposent parfaitement (grâce au positionnement absolu).

L’animation est contenue dans le canevas supérieur (ou « calque » supérieur).

Suite de l’article

Publié dans canvas, CSS 3, HTML 5 | Laisser un commentaire

Un sélecteur très pratique

Le CSS c’est pas seulement des propriétés c’est aussi des sélecteurs.

La version 3 de CSS à créé de nouvelles pseudo- classes et en autres :not. 

Combiné avec le sélecteur * :not est très pratique

Suite de l’article

Publié dans CSS 3 | Laisser un commentaire