aria

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
 

ipadhover

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
 

label

Voici un petit "snippet" de code tout simple pour surligner le label d’un input checkbox. ...



Voir l'article complet
 

gulp-fit

Cet article est la suite de Utiliser Gulp en production Front-end ...



Voir l'article complet
 

gulp-fit

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
 

gulp-fit

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
 

aspectRatioDIV

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
 

whitespace

Ç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
 

sudo

En essayant d’installer un NPM globalement ou en exécutant des commandes GULP, vous arrive-t-il de recevoir une erreur EACCES ? Si oui, ceci est dû au fait que vous n’avez pas les permissions requises pour écrire sur le répertoire utilisé par NPM. Alors voici une méthode assez simple pour changer les permissions du répertoire. ...



Voir l'article complet
 

adjustheight

Il existe quelques façons pour ajuster des hauteurs de boîtes pour qu’elles soient semblables. Cependant, souvent ces méthodes nécessites une hauteur fixe, du CSS3 qui n’est pas supporté sous différents navigateurs, etc. Voici une fonction en jQuery qui est supportée sur tous les navigateurs ainsi que dans une structure responsive.

...

Voir l'article complet