J'ai voulu récemment créer un bloc enfant (item) d'une flexbox (display: flex), le besoin s'étant répété, je l'ai fait pour une flexbox horizontale (row) et une flexbox verticale (column). Sur internet,...
Lire en entier
Nous allons voir comment mettre en place un upload interactif via un drag & drop qui affiche la progression de l'envoi au fur et à mesure que l'envoi avance. Nous utiliserons...
Lire en entier
Il n'est pas rare de devenir fou à cause des variables en JavaScript, bien souvent cela est dû à un soucis de portée d'une variable. Voyons un exemple du problème Vous pouvez...
Lire en entier
Le CSS a quelques facéties contre lesquelles il faut parfois lutter pour en venir à bout. Imaginez que vous avez un élément HTML que vous souhaitez masquer au lancement de la...
Lire en entier
Voici une petite astuce pour lire un champs texte avec un autre élément HTML (ici un H1). Le contenu du champs est rempli à partir du <H1> qui est ensuite mis...
Lire en entier
REST signifie "Representational State Transfer", c'est un standard d'architecture fonctionnant autours de ce qu'on appelle des ressources. Une API RESTful respecte ce standard et ses contraintes, elle permet ainsi à n'importe qui de...
Lire en entier
Nous voulons ici communiquer un flux du serveur vers le client, la meilleure solution que j'ai trouvé pour ça, c'est l'EventSource, c'est une classe javascript qui utilise le protocole Event...
Lire en entier
Faire de l'objet en javascript semble être une épreuve surréaliste tant le langage a un fonctionnement particulier. Tout est ce qui constitue une "classe" en javascript est aussi un objet et nous...
Lire en entier
Après avoir sélectionner une image dans un champs file, l'utilisateur apprécie avoir un aperçu de son image avant de la poster. Cette fonction permet d'afficher un aperçu dans une balise...
Lire en entier
La fonction suivante formate automatiquement les URLs des champs de type url pour qu'ils soient une URL avec un protocole (scheme). [crayon-628bad8073bdf564482854/] À placer dans une fonction ready de jQuery et à...
Lire en entier