J’ai découvert récemment la fonction steps() qui peut être utilisé avec les animations CSS3. Comment steps() fonctionne ? @keyframes anim { form { width: 0px; } to { width: 100px; } } @-webkit-keyframes anim { form { width: 0px; } to { width: 100px; } } div { animation: anim 0.7s steps(4) infinite; -webkit-animation: anim 0.7s […]
CSS3 – animation + steps Lire la suite »
Qu’est ce que les websockets ? Définition de wikipédia : Le protocole WebSocket vise à développer un canal de communication bidirectionnel et full-duplex sur un socket TCP pour les navigateurs et les serveurs web. C’est une des technologies apportées par HTML5. En fait il s’agit de permettre l’ouverture d’une connexion réseau entre une page web
Les websocket – Tutoriel avec Node JS Lire la suite »
Qu’est ce que le Responsive Web Design Le Responsive Web design est un terme que l’on rencontre de plus en plus souvent dernièrement. Sous ce terme se cache en fait un concept simple : le design d’un site ou d’une application web va s’adapter automatiquement à l’appareil (PC de bureau, Smartphone, IPad, etc) qui est
Responsive Web design et media queries Lire la suite »
Qu’est ce que WebGL ? WebGL, voila une des grandes nouveautés qu’amène HTML5 ! En effet WebGL permet de faire tourner des applications 3D dans votre navigateur sans installation préalable d’un quelconque plugin (Flash ou Java pour ne citer qu’eux). Démonstration WebGL (CubicVR)
Utiliser WebGL avec CubicVR Lire la suite »
La balise video de HTML permet de lire directement une vidéo dans le navigateur. Une autre possibilité que propose HTML5 est de lire une vidéo dans un <canvas>. Cela peut avoir plusieurs avantages : modification de l’affichage (taille, découpe, etc…), ajout d’informations en surimpression de la vidéo, de filtres de couleurs, lecture de plusieurs vidéo
Utiliser la balise canvas pour lire une vidéo – HTML5 Lire la suite »
Une autre nouveauté proposé par le HTML5 va faire l’objet de ce tutoriel : le localStorage et le sessionStorage Définition et utilité Le localStorage et le sessionStorage permettent de faire sensiblement la même chose : stocker des données directement dans le navigateur, donc coté client. La différence entre les 2 est la même qu’il existe
HTML5 – Utiliser le localStorage Lire la suite »
Dans ce tutoriel nous allons voir comment réaliser un lecteur vidéo HTML5 personnalisé : voir la démonstration
Réaliser un lecteur vidéo HTML5 personnalisé Lire la suite »
