Je reçois souvent des maquettes PSD faîtes dans Photoshop. Il y a souvent du texte et/ou des visuels avec un drop shadow. On est habituellement obligé de tenter de trouver le CSS à faire pour avoir relativement le même résultat que sur la maquette. J’ai fait un petit outil pour simplifier le tout. ...
Voir l'article complet
Tout d’abord, je suis assez débutant en ReactJS. Le code que je vais mettre ici est loin d’être parfait. Mais bon tout en découvrant ReactJS, je me donne comme défi de faire quelques petits "components" qui me seront peut-être utile un jour. Alors voici mon code pour un champ de recherche avec filtre et complétion automatique ...
Voir l'article complet
Premièrement, qu’est-ce que l’ARIA. Cet acronyme veut dire "Accessible Rich Internet Application". En résumé, cela aide les personnes avec des handicapes visuels et auditifs. Alors comment peut-on l’utiliser ? ...
Voir l'article complet
Il m’arrive souvent en production que dû à un hover en css sur un bouton ou un lien, que sur un appareil IOS, l’utilisateur doit faire un double click pour finalement accéder au lien. Voici comment le contourner. ...
Voir l'article complet
Voici un petit "snippet" de code tout simple pour surligner le label d’un input checkbox. ...
Voir l'article complet
Cet article est la suite de Utiliser Gulp en production Front-end ...
Voir l'article complet
Il existe une panoplie d’exemples de petites routines de Gulp, d’exemples de petits bouts de code, de façons de l’utiliser. Cependant, quand vient le temps d’avoir une bonne routine de travail, une manière de l’utiliser de façon continue dans tous nos projets, j’ai vu beaucoup moins d’exemples concrets. Alors je vais vous partager mon Gulp à moi, mon code que j’utilise en mode production chaque jour. ...
Voir l'article complet
Tout d’abord, Gulp est un gestionnaire de tâches pour automatiser plusieurs actions telles que la compilation en CSS de SASS, LESS, etc, la concaténation de JS, "minify" de fichiers, et plusieurs autres. Il existe quelques "task runner", les deux plus populaires à l’heure actuelle sont Gulp et Grunt. J’ai choisi Gulp pour sa rapidité et sa facilité. À la suite de cet article vous allez avoir un GULP fonctionnel et pratique pour effectuer quelques tâches. ...
Voir l'article complet
Pourquoi faire compliqué quand on peut faire simple. Je devais avoir une DIV avec une image en background. Je voulais que la DIV conserve son ratio sans que je lui oblige des dimensions. (Je voulais que l’image soit responsive) J’ai donc trouvé le moyen et le voici.
... Voir l'article complet
Ça fait longtemps que je suis Front-End mais il m’arrive encore des trucs, qui quelques fois, me surprennent. Comme de faire un menu super simple et d’avoir un espacement non volontaire. Effectivement en faisant un menu avec un UL et des LI en inline-block, nous finissons avec des espacement entre les LIs. ...
Voir l'article complet