Un slide show basique avec JavaScript

Il y a un mot réservé magique en JavaScript : this.

Le code JavaScript du slideshow est bon exemple de l’utilisation de this.

Suite de l’article

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

Découvrez Inkscape

Vous voulez utiliser le format SVG mais vous êtes d’un naturel paresseux et vous ne voulez pas passer des heures à encoder …

Sachez que logiciel gratuit Inkscape est pour vous. Il s’agit d’un éditeur de SVG en mode graphique. En d’autres termes vous dessinez et en arrière plan le programme génère un fichier au format SVG.


Découvrez sur mon site le tutoriel sur Inkscape

Ce tutoriel est appelé à s’enrichit progressivement.

Publié dans Inkscape, SVG | Laisser un commentaire

Animer des courbes SVG

Avec le format SVG il est aisé de produire les fameuses courbes de Bézier : quadratiques et cubiques.

Concernant leur animation vous avez le choix :

  • animer avec JavaScript
  • intégrer dans le « path » de la courbe la balise animate


Dans les deux colonnes du menu ci-dessus suivez les liens contenant quadratique ou cubique !

Publié dans JavaScript, SVG | Laisser un commentaire

getElementById c’est fini

L’API selectors de HTML5 propose de nouvelles méthodes pour sélectionner les noeuds dans le cadre d’un script.

Le fameux getElementById peut être remplacé avantageusement par querySelector ou querySelectorAll.

Avec ces nouvelles méthodes il n’est plus nécessaire d’ajouter l’attribut id à chaque noeud susceptible d’être manipulé en JavaScript.

Suite de l’article

Publié dans HTML 5, JavaScript | Laisser un commentaire

Les cookies PHP c’est fini …

HTML5 via son API webStorage  propose un subtitut aux fameux cookies et variables de session PHP.
Cette API comprend deux objets : localStorage et sessionStorage
Les variables locales (localStorage) sont permanentes (sauf paramétrage contraire du navigateur) tandis que les variables de session (sessionStorage) sont supprimées lors de la fermeture du navigateur.

Suite de l’article

Publié dans HTML 5, JavaScript | Laisser un commentaire

Un jeu réalisé avec l’API Canvas

En utilisant l’API Canvas on peut non seulement réaliser des animations sympathiques mais  si en plus vous savez programmer le clavier en JavaScript alors vous pouvez réaliser de véritables jeux.

Jeu Squash avec Canvas

Publié dans canvas, HTML 5, JavaScript | Laisser un commentaire

Des jeux en mixant SVG et JavaScript

En créant des objets SVG puis en les animant pour certains de façon aléatoire et pour d’autres via le clavier on peut réaliser de véritables jeux vidéo.

Bien sûr ce seront des jeux basiques mais vous aurez la fierté de les avoir créé vous même.

Premier jeu : duel
Deuxième jeu : squash

Publié dans HTML 5, JavaScript, SVG | Laisser un commentaire