Mettre en place les bons attributs de la meta Viewport permet, notamment dans le cadre d’un site Responsive, d’éviter un scroll horizontal en vue Mobile/Smartphone.… Lire la suite »[Magento 1.x] modifier proprement la meta viewport
Utilisation de gulp.spritesmith-multi, ATTENTION: je déconseille l’utilisation de ce plugin pour créer plusieurs sprites à partir d’une tâche Gulp unique. Préférer gulp-spritesmith et l’utilisation de… Lire la suite »[Gulp] Spritesmith
Problème J’ai une tâche style:clean qui supprime des fichiers inutiles et ayant l’extension *.css dans un dossier /style. Le plugin Del fonctionne très bien pour… Lire la suite »[Gulp] Supprimer un ensemble de fichiers ayant la même extension avec Del et la méthode .unshift() en omettant certains fichiers en particulier
Le fait de pouvoir créer un thème enfant sous WordPress a déjà été abordé par de nombreux blogueurs. L’information est facilement accessible sur la toile,… Lire la suite »[WordPress] Créer un thème enfant
GRID GARDEN – A game for learning CSS grid layout
Avec gulp-sass
|
1 2 |
$toto: lorem; @import url('/themes/#{$toto}/style/bootstrap.min.css'); |
Nous donnera: @import url("/themes/lorem/style/bootstrap.min.css");. Avec gulp-ruby-sass Attention:
|
1 2 |
$toto: lorem; @import url('/themes/' + $toto + '/style/bootstrap.min.css'); |
Nous donnera: @import url("/themes/lorem/style/bootstrap.min.css");.
Magento 2 Frontools – Set of front-end tools for Magento 2 based on Gulp.js
…et notamment la fonction fade. Source SASS: Mixins for semi-transparent colors. Source LESS (notre exemple ci-dessous) : la doc de LESS à propos des Color… Lire la suite »[CSS] Ne pas hériter de l’opacité d’un parent avec les Color Operation Functions de LESS ou SASS
Ressources pour apprendre (tutos, moocs, …) En français Module pattern en JavaScript sur https://zestedesavoir.com En anglais http://jstherightway.org/ Méthodologie Learning JavaScript Design Patterns – A book… Lire la suite »[javascript] Ressources utiles, bonnes pratiques