Monthfévrier 2017

[jQuery] Fermer un élément en sur-impression (modale, navigation) en cliquant n’importe où ailleurs dans la page

[Drupal 7.x] Bonnes pratiques, astuces, starter themes

Ressources documentaires en français

Ressources documentaires en anglais

Tutoriels video en français

Modules

Starter themes

Gulpfile

Accessibilité

TODO

  • Voir pour optimiser le chargement des CSS (trop de requêtes vers trop de fichiers en natif).
    Edit: à priori, il existe une option en BO pour agréger les CSS.

Résolution d’erreurs

[jQuery] Etendre une fonction existante

Source: Extending an existing jQuery function.

Aller plus loin avec un callback

Source: Coderbits – Extending jQuery with onShow and onHide events.

[SASS] Mixin button-reset pour annuler les styles appliqués aux boutons

Source: Codepen.io – Reset button style.

[Magento 1.x] Starter themes

Nom Modules couverts Technos Activité sur Github
Webcomm – magento-boilerplate Modules couverts …
  • Bootstrap 3.1
  • Less
  • jQuery
  • Composer
  • Bower
  • Gulp/Grunt
  • Latest commit 02e09af on 29 Feb 2016
  • Watch: 77
  • Star: 545
  • Fork: 211
  • Commits: 285
  • Branches: 2
  • Releases: 21
  • Contributors: 25
Maven E-Commerce – mbootstrap Modules couverts …
  • Bootstrap 3.?
  • Sass
  • jQuery
  • Composer
  • Gulp
  • Latest commit 3c967c2 on 15 Jul 2015
  • Watch: 21
  • Star: 101
  • Fork: 43
  • Commits: 248
  • Branches: 2
  • Releases: 0
  • Contributors: 5
zeljkoprsa/waterlee-boilerplate
  • Foundation 5.5.2 by ZURB
  • Sass
  • jQuery
  • Gulp
  • Bower
  • Latest commit 0f71788 on 22 Sep 2016
  • Watch: 64
  • Star: 306
  • Fork: 121
  • Commits: 411
  • Branches: 3
  • Releases: 0
  • Contributors: 18

[Magento 1.9] Remplacer les sprites d’affichage Grid et List dans la page catalog-category-view par des icônes issus d’une police

Grosse gruge, mais bon …

[Magento 1.9] Récupérer la valeur du champ « Title » d’un bloc statique et l’afficher dans un phtml

…où footer-links-company est l’identifiant du bloc.

[CSS] Utiliser la propriété « transform: rotate(); » pour faire pivoter les icônes d’une police d’icônes

IMPORTANT: l’icône ne pivotera que si la propriété CSS display: inline-block; lui est appliquée!

IMPORTANT #2: appliquer la transformation sur la classe de l’élément ciblé et pas sur la pseudo-classe :before utilisée par les polices d’icônes.

[Magento 1.9] Ajouter une zone dans un gabarit de page et y affecter un bloc PHTML

Dans mon exemple, je souhaite ajouter sur la page d’accueil de mon site une zone entre le Header et le Main pour y glisser un slider donc le code se trouve dans app/design/frontend/package/theme/template/page/html/home_slider.phtml.

Etape #1: ajouter un slot (emplacement) dans page.xml

Dans le fichier app/design/frontend/package/theme/template/layout/page.xml repérer le gabarit de page dans lequel vous souhaitez ajouter une zone:

…et ajoutez-y ceci pour créer l’emplacement home_slider_area:

Note pour moi-même: ici, je crée une zone (soit-disant) dans le gabarit 2columns-left.phtml, mais j’édite plus tard le gabarit 1column.phtml et ça fonctionne quand-même…

Etape #2: ajouter le bloc PHTML du slider en page d’accueil, dans le slot que j’ai créé précédemment

Dans le fichier app\design\frontend\package\theme\layout\local.xml, ajouter ceci:

Etape #3:

Dans app\design\frontend\package\theme\template\page\1column.phtml ajouter la ligne suivante:

© 2020 devfrontend.info

Theme by Anders NorénUp ↑