GeoLoc Friends (application web)
Je vous présente ma dernière application web : GeoLoc Friend Celle-ci vous permet de géolocaliser un ami via le GPS de son smartphone (avec son consentement évidement).
Archives de la catégorie : Javascript
Astuce Woocommerce : Zoom sur les images des produits avec variations
Pour obtenir un effet de zoom au survol des photos sur Woocommerce, il existe le plugin WooCommerce Image Zoom Celui-ci fonctionne très pour les produits simples, mais à partir du moment où vous avez un produits avec des variations, cela ne fonctionnera pas (seule la photo par défaut sera zoomée).…
Les websocket – Tutoriel avec Node JS
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…
Utiliser WebGL avec CubicVR
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)
LightBox automatique sur les liens vers des images (TinyMCE et CMS Made Simple)
Un mini tuto pour expliquer comment activer automatiquement Lightbox quand on défini un lien vers une image avec l’éditeur TinyMCE sur CMS Made Simple. il faut bien sur que vous ayez installé au préalable le module Lightbox depuis le gestionnaire de modules de CMS Made Simple.
Activer les templates TinyMCE sur CMS Made Simple
Dans cet article je vais expliquer une petite astuce qui me sert souvent sur CMS Made Simple : l’activation des templates prédéfinis pour l’éditeur WYSIWYG TinyMCE. En effet il est uniquement possible depuis l’interface d’administration de CMS Made Simple d’activer le plugin template de TinyMCE mais pas d’en ajouter. C’est…
Afficher le spectre audio lors de la lecture d’un son – HTML5
Tout d’abord ce qui est décrit dans ce tutoriel n’est compatible qu’avec le navigateur Firefox, les propriétés utilisées n’étant pas implémenté par les concurrents pour le moment. Nous allons donc voir comment afficher le spectre audio d’un son lors de sa lecture :
Utiliser la balise canvas pour lire une vidéo – HTML5
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…
HTML5 – Utiliser le localStorage
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…
Réaliser un lecteur vidéo HTML5 personnalisé
Dans ce tutoriel nous allons voir comment réaliser un lecteur vidéo HTML5 personnalisé : voir la démonstration
JQuery HTML5 fileupload
Grâce à HTML5 il est désormais possible d’envoyer des fichiers via une page web directement par drag & drop (glisser/déposer). Dans l’exemple qui suit j’ai utilisé le plugin JQuery HTML5 fileupload pour réalisé cette opération.
XEngine : moteur graphique/physique/audio (HTML5/Javascript)
XEngine est composé de 3 moteurs : graphique (2D), physique et audio. Je le développe depuis quelques temps et je me suis dit qu’il était temps de le partager. Il est écrit en Javascript et fonctionne avec HTML5 et notamment la balise <canvas>.