Archives de catégorie : images

Inkscape : incorporer des images

Pour créer un joli document Inkscape il est souvent utile de partir d’une image (une photo par exemple) et de l’importer dans le document. Importer mais comment … incorporation ou liaison ??? Si vous envisagez d’afficher simplement l’image importée il … Lire la suite

Publié dans HTML, images, Inkscape, SVG | Laisser un commentaire

Inkscape : le dessin numérique pour les nuls

Vous rêvez de produire des croquis destinés à être insérés dans les pages de votre site … Installez et utilisez Inkscape ! C’est un logiciel graphique gratuit. De même que Monsieur Jourdin faisait de la prose sans le savoir vous … Lire la suite

Publié dans images, Inkscape, SVG | Laisser un commentaire

Programmation web : dessiner dans une page

Si vous voulez dessiner dans une page (dessin statique ou animé) il y a désormais deux techniques disponibles qui se substituent à Flash : utiliser le format SVG (c’est du XML) utiliser l’API Canvas (c’est une bibliothèque JavaScript) Ces deux … Lire la suite

Publié dans canvas, images, JavaScript, programmation web, SVG | Laisser un commentaire

CSS : réaliser des animations 3D

Vous pouvez désormais créer des boites 3D (boites avec un axe Z et un point de fuite). Vous pouvez concevoir une animation consistant en un déplacement de « sprites » sur cet axe Z. Avec les navigateurs récents vous pouvez utiliser des … Lire la suite

Publié dans CSS, images | Laisser un commentaire

CSS : effets 2D et 3D

Vous pouvez faire des transformations fluides 2D voire 3D. Je dis fluide car la transformation est assortie d’une transition. Lire la suite

Publié dans CSS, images | 1 commentaire

CSS : propriété clip-path

La propriété clip-path permet de faire apparaître une dans un triangle, un trapèze, etc. Il suffit de définir un chemin fermé (une forme) et de l’appliquer à l’image. Toute la partie de l’image extérieure au chemin est masquée. Vous pouvez aussi appliquer … Lire la suite

Publié dans CSS, images | 2 commentaires

CSS : la propriété filter

Vous voulez insérer, par exemple, dans une page web une photo qui doit apparaître floutée et couleur « sépia ». Plus besoin de passer par un logiciel graphique tel Photoshop ou Gimp pour modifier la photo originale. Il vous suffit désormais de … Lire la suite

Publié dans CSS, images | Laisser un commentaire