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
 

limitText

Il est possible de bloquer le nombre de caractères sur un champ input assez simplement, mais quelques fois nous devons utiliser jQuery pour ce faire. Alors voici comment!

...

Voir l'article complet
 

recaptcha th

J’étais en train de refaire le backend de mon blogue, j’en ai profité pour mettre à jour le style, le javascript, etc. J’ai mis le nouveau reCaptcha V2 de google… J’ai été surpris de constater qu’à l’air du mobile, Google n’a pas fait un captcha "responsive".

...

Voir l'article complet
 

sass250
Ne pas oublier les bases

Même si ce guide a pour but d’implémenter un guideline pour l’utilisation de SASS, nous ne devons pas oublier le formatage de base des règles CSS....



Voir l'article complet
 

sass function

Il m’arrive constamment de recevoir des maquettes avec les polices en PX. Ceci est bien normal vous me direz, c’est effectivement le cas. Cependant, quand arrive le temps d’intégrer cela et de devoir les ajuster en EM, c’est beaucoup plus problématique.

...

Voir l'article complet
 

form

Aujourd’hui j’ai fait un petit plugin pour avoir des labels mouvants dans un formulaire.

...

Voir l'article complet