Mon labo

Dans cette rubrique, de vieilles expérimentations web de la période 2006-2012. Certaines ne fonctionnent probablement plus...

Adilla: une page utilisant à la fois flash et SVG pour animer une balle, adaptée d'une démo qui utilisait Flash + WPFE. Voir le billet sur mon blog.

CSS 3

Colonnes css: Utilisation des propriétés column en CSS, pour découper un bloc en plusieurs colonnes. Utiliser Firefox 2 ou plus. Voir le billet sur mon blog.
compteurs: Utilisation des propriétés count, pour afficher des compteurs sur une liste d'éléments. Utiliser Firefox 2 ou plus. Voir le billet sur mon blog.
transformation css: Les propriétés de transformations implémentées dans webkit et Firefox 3.1. Voir un billet et un autre sur mon blog.
Media queries: Ces propriétés CSS permettent de définir des styles en fonction de la taille de la fenêtre, de l'écran et autres propriétés physiques. Utiliser Firefox 3.1 ou plus

Drag and drop: Utilisation des évènements DOM HTML5 pour le drag and drop. Voir le billet sur mon blog. Utiliser Firefox 3.1 ou plus.
Offline: Démonstration de l'utilisation des évènements online et offline. Voir le billet sur mon blog.. Utiliser Firefox 3.0 ou plus
DOMStorage: Ou comment stocker et consulter des données simple dans le navigateur. Utiliser Firefox 3.0 ou plus
indexedDB: Stockage de données complexes coté navigateur en utilisant indexedDB
File API: Affichage d'une image choisie par l'utilisateur
xmlHttpRequest: Simple exemple d'XHR et DOM event pour afficher un contenu du serveur
Worker thread: Démonstration de l'utilisation d'executer un script js en parallèle, grâce aux worker threads. Utiliser Firefox 3.1 ou plus
Webcam: Exemple de capture du flux video d'une webcam: balise video, navigator.getUserMedia(), canvas. Utiliser Firefox 18 ou plus