Qu’est ce qu’un serveur STUN et TURN ?

Récemment dans un projet pour l’agence ou je travaille, j’ai du me renseigner sur la faisabilité d’une application web utilisant de la vidéo provenant d’un utilisateur. Cette vidéo est ensuite transférée à d’autres utilisateurs qui la regarde. Bien évidemment, j’ai tout de suite pensé au WebRTC, cette technologie qui permet d’accéder à la webcam et […]

Ajouter un bouton d’impression à une commande sur WooCommerce

WooCommerce

Voici le résultat attendu : Pour ajouter un bouton d’impression à une commande sur WooCommerce, il faut rajouter ce petit bout de code dans le fichier functions.php de votre thème : function jdd_print_order(){ ?> <button onClick= »window.print(); » style= »margin-bottom: 20px; »><?php _e(‘Print order’, ‘theme’); ?></button> <?php } add_action( ‘woocommerce_order_details_before_order_table’, ‘jdd_print_order’, 20 ); On ajoute simplement un bouton avec […]

Comment écrire du bon CSS ?

CSS

Woaw, vous pensez que j’ai pris la grosse tête, non ? Peut-être, mais en tout cas je vais expliquer ce que j’entends par écrire du bon CSS. J’écris cet article pour les développeurs qui connaissent le CSS et qui aimerait améliorer leur pratique.Le but est de pouvoir écrire du CSS facilement maintenable, et facile à […]

Qu’est-ce que la spécificité CSS ?

CSS

Quand on apprend le CSS, il me semble qu’il y a un aspect oublié : la spécificité. Elle est super importante car c’est elle qui décide quel propriété prendra le pas sur une autre. Je m’explique : Par défaut CSS se lit de bas en haut, et on va dire que pour deux déclarations égales, […]

Ajouter TypeScript à un project ReactJS existant

Ceci est un document de note de la transition d’un projet ReactJs qui n’utilisais pas TypeScript à son utilisation dans le projet.Principalement cela concerne les déclarations de types. Note très informelles qui sont plus de la prise de note du changement qu’autre chose, pour future référence. import React from ‘react’; import ‘./Controls.css’; const Controls = […]

Apprenons Gutenberg depuis zéro

Article en cours de rédaction – mis à jour le 09/02/2019 Je te propose de suivre avec moi la création d’un block pour l’éditeur de WordPress Gutemberg. Je vais essayer de partir de zéro, vraiment sans utiliser de plugin, et documenter ce que j’apprends et ce que je vois au fur et à mesure.Ca me servira de carnet de notes, et […]

Mon nouveau piano, ou la naissance de lire-la-musique.fr

Pour Noël, ma femme m’a offert un piano. En voulant m’entraîner à lire les partitions et jouer en même temps, je me suis rendu compte que j’avais du mal à me détacher de la mélodie, et que je jouais surtout à la mémoire plutôt que de lire les notes qui se tenaient sous mes yeux. […]

nl2br et no-wrap

En travaillant sur le design de ce site, je suis tombé sur un petit problème : mes blocs de code utilisent la propriété CSS white-space: no-wrap. Ce qui à pour but de mettre tous les espaces sur une seule ligne. Grâce à cela, je peux avoir du code dans mon block qui continue sans revenir […]

Un pas après l’autre

J’essaie de mettre en place une façon de travailler sur mon site personnel qui consiste à faire de petites modifications à droite à gauche. J’ai souvent tendance à vouloir tout changer, à avoir des idées pleins la tête, et vouloir tout essayer. Sauf que ce trop plein amène l’indécision et la crainte face à l’ampleur […]

Dribbble inspi

Ce que j’aime bien faire pour pourvoir découvrir de nouvelles techniques de développement, ou des nouvelles technologies, c’est d’aller sur dribbble, de chercher des publications qui ont par exemple des animations, une fonctionnalité intéressante, et d’essayer de la reproduire en la codant. Le résultat est rarement aussi parfait que le gif fait sur After Effect, […]