Blog | wabeo

ArtplaTV : refonte & renaissance

ArtplaTV est le projet qui m’a initié, il y a quelques années, à la création de site web et à la présentation de contenu multimédia sur internet. Je suis récemment ré-intervenu sur le site dans le cadre d’une refonte globale.

Le site est celui d’une association dont l’objectif est de promouvoir l’art et les artistes hors des sentiers institutionnels. Il prend la forme d’une web TV sur laquelle est diffusé en direct de l’art vidéo, des reportages et des portraits d’artistes.

Pour cette 6ème refonte du site, les membres du collectifs et moi-même avons considérablement revu notre copie de ce que doit être une web TV.

Du nouveau !

Après quelques articles il y a près d’un an, ce site n’avait plus donné signe de vie.

La faute à une saleté de procrastination qui m’a fait aller de projets en projets sans trop me soucier de Wabeo, de son alimentation en article et de sa tenue à jour.

Mea culpa…

Et donc plutôt que de vous présenter les récents changements ergonomiques et graphiques du site, je vais vous re-présenter Wabeo.

Dynamisez vos vidéos HTML5 avec videolink !

Videolink, le javasript de vos vidéos html5

Voici un plugin javascript qui, à defaut de vous en mettre plein la vue, vous permettra d’améliorer nettement l’expérience de l’utilisateur concernant les vidéos de votre site internet.

Ce script permet de piloter la balise vidéo d’HTML5 directement avec des liens dans vos textes. De quoi proposer davantage d’interactivité en liant votre contenu textuel à votre contenu vidéo/multimédia.
Lire la suite »

Changement d’image au survol du pointer

Pour animer une image au survol du curseur, la technique la plus employée est celle du roll-over. En utilisant uniquement une image de fond, la pseudo-classe :hover et l’attribut background position, on simule un changement d’image.

C’est donc une méthode simple et peu gourmande en ressources pour dynamiser son site.

Le souci c’est qu’avec cette méthode l’image est une image de fond et n’est donc pas indexée comme le reste du contenu de la page.

Pour faire une image qui change au survol du curseur et qui soit indexée par les moteurs de recherche comme google image, on peut utiliser du javascript avec la librairie jquery.
Lire la suite »

Page 1