Il y a environ huit mois, mon patron m'a dit : « SpaceFox, on est en dèche de développeurs front, y'a un projet à faire là, est-ce que tu veux le faire ? ».

Comme c'était un projet à démarrer depuis rien, que je ne connaissais pas le javascript moderne¹, et que je ne serais pas coincé que sur cette technologie, eh bien j'ai accepté. Alors, huit mois plus tard, qu'est-ce que je peux en dire ?

Attention (…)

J'ai profité d'une ré-écriture de mon player audio en WebComponent pour documenter comment on insère du son dans une page web. Des plugins, de ce qui a rendu Flash ultra-populaire, le web documentaire, l'arrivée de la balise <audio>, l'API, la Vie et le Reste

• Le texte sur mon blog
• La présentation dudit player audio

Cher Journal,

Je tiens à te présenter une de mes création.

Pour un projet, je voulais réaliser un site web avec une galerie photo et habituellement, je me tourne vers Lightbox JS pour mettre en valeur mes images. Mais je trouve cette bibliothèque vieillissante et pas très bien adaptée aux téléphones mobiles.

Dans mes recherches, je n'ai pas trouvé d'équivalent. La plupart des visionneuses d'images viennent avec un moteur de galeries qui ne sont pas adaptés à la présentations de (…)

Il y a presque 5 ans je présentais EnVadrouille, une galerie photo orientée petits voyages et randonnées. Cinq ans, 50 mises à jours, c'est le moment de refaire le point.

• EnVadrouille.org
• Démo
• Github

Récapitulatif

EnVadrouille permet d'afficher des photos, des vidéos et des traces gps. Les photos sont automatiquement placées sur la carte en utilisant les données exif ou la trace gps (corrélation entre le moment de la prise de vue et la trace). Ça ressemble à ça :

On (…)

Je viens de publier la version 0.7 de funkwhale, et je me suis dis que c'était l'occasion de présenter le projet un peu plus largement.

Liens utiles

• Site officiel du projet
• Dépôt Gitlab
• Documentation
• Page Liberapay
• Communauté Matrix

Funkwhale, c'est quoi ?

On parle d'un serveur de musique sous licence libre (BSD-3, il n'est pas impossible que ça bouge), fortement inspiré de l'expérience proposée par le désormais défunt Grooveshark.com.

L'idée principale, c'est de pouvoir mettre sa bibliothèque musicale en ligne (…)

Suite au journal de Blackknight à propos du journal de mzf, j'ai décidé de faire une version de TapTempo en Javascript.

Copier-coller le code suivant dans la console js de votre navigateur (F12), donner le focus à la page et tapoter n'importe quelle touche.

var t = [];
document.addEventListener("keydown", function() {
    t.push(performance.now());
    if (t.length > 1) {
        console.log(60000

Ah Nal,

En voyant l'enthousiasme autour de TapTapTempo et notamment la version js, j'ai eu l'idée d'en faire une version pour adultes: panpantempo.

Au lieu de mesurer le tempo de l'appui sur le clavier ou du clic de souris, panpantempo utilise le micro de la webcam pour détecter le tempo d'une fessée!

Pour le tester, tu peux ouvrir la page http://play.bci.im/panpantempo/ avec ton brouteur préféré, autoriser l'accès au microphone et demander un coup de main à ton·a conjoint·e !

Il y a quelques jours je suis tombé sur une page web cul-de-sac. Pas un rongeur pour se la rat-comté.

J'ai donc tenté une inspection du HTML pour tenter d'y voir plus clair, et là j'me suis dit qu'une petite formule de JavaScript me donnerait une réponse limpide quant à la présence de lien dans la page :

javascript:document.querySelectorAll('a').forEach(console.log)
Ça rentre à l'aise dans un marque page, et ça peut dépanner. En plus l'affichage est celui, enrichi, des nœuds HTML (…)

Bonjour à tous.

Suite aux portages de TapTempo en divers langages (Rust, Ada, Javascript, Perl (5.10 et 6), Python (2.7), bash, Haskel), pourquoi pas une version pour ordiphone.

Non, c'est pas un portage. L'interface n'est pas la même, y'a pas d'internationalisation ni d'option… L'idée était de découvrir rapidement le fonctionnement des progressive web apps.

Première étape, faire un TapTempo en html/javascript. Par exemple en reprenant le code d'un des commentaires sur ce journal avec un peu de css et (…)