Aller au contenu | Aller au menu.

Mon labo

Dans cette rubrique, toutes mes experimentations web technologiques...

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

HTML 5

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