Monthjuin 2015

[SASS] Typographie responsive avec SASS maps

Source : Responsive Typography With Sass Maps.

Responsive Typography With Sass Maps (pdf)

[CSS][Foundation 3.2.5] Reset CSS des styles du composant Tabs de Foundation v3.2.5

Attention : n’inclut pas la version pills. Source originale obtenue ici : Download Foundation v3.2.5.

[jQuery][Foundation 3.5.2] Modifier le comportement natif du composant Accordion pour empêcher la fermeture d’un panneau au clic sur son en-tête

Les versions récentes de Foundation incluent toute une batterie d’options pour le composant Accordion.

Le comportement standard consiste à pouvoir fermer un panneau au clic sur son en-tête. Tous les panneaux sont alors fermés.
Nous allons modifier le code natif du composant accordion.js de Foundation 3.5.2 afin qu’un panneau ouvert ne puisse plus être fermé (par l’utilisateur) au clic sur son en-tête.

Il suffit de repérer et de commenter la ligne suivante : p.find('li').removeClass('active').end().find('.content').hide();.

[CSS][Foundation 3.5.2] Reset CSS des styles du composant Accordion de Foundation v3.5.2

en SASS (ajouter la classe .css-reset) :

[jQuery] Agir uniquement sur des blocs contenant des boutons radio ou des cases à cocher possédant un attribut Name dont la valeur est identique

A voir aussi : Si l’action à effectuer au clic est pilotée en Javascript par le biais d’un attribut onclick="" placé sur le booléen.

_input-box-multiple-focus

Si l’action à effectuer au clic est pilotée en Javascript par le biais d’un attribut onclick="" placé sur le booléen

Ajouter une ligne de code jQuery pour statuer qu’un clic utilisateur sur une zone .radio-box, compte pour un clic sur le champ radio ou checkbox dont il est le parent.

[Magento] Charger une ressource externe (cdn) dans l’en-tête de page depuis un fichier xml en utilisant les méthodes setText ou addLinkRel

Pour ajouter des ressources CSS, JS ou Google Fonts externes à votre site, procéder comme suit :

Version 1.8 et supérieures de Magento avec setText

Version 1.8 et supérieures de Magento avec addLinkRel

Attention : version 1.7 et antérieures de Magento avec addLinkRel seulement !

Retirer une ressource externe avec removeItem

[Magento] Un template de config local.xml standardisé pour débuter une installation

Solution 1: générer un fichier local.xml à l’aide de Magerun :

Solution 2: le copier/coller/remplacer à la main :

Modifier les lignes suivantes à votre convenance :

URL admin (mot clé pour accéder au BO) :

Source complète :

[CSS] Afficher des icônes issus d’une police dans des champs de formulaire (notamment ceux de Bootstrap)

Source : Support glyph and fa icon inside input.

Code CSS réduit (mis en place dans un Magento avec Font Awesome comme bibliothèque d’icônes) :

Afin que l’icône s’affiche correctement, (il semble que) la structure HTML doivent obligatoirement comporter des <div class="row"><div class="classes-de-votre-grille placeholder-icon"> englobants :

La classe .icon-addon pouvant entrer en conflit avec d’autres styles affectés à des classes plus génériques de type icon-, j’ai préféré changer le libellé en .placeholder-icon.

Code HTML/CSS de la démo initiale :

Angular JS en 60 minutes (jsfiddle.net)

Attention : bac-à-sable foireux !!
Pensez également à bien vérifier la mise à jour des URLS vers les jsfiddles.

Source YouTube : AngularJS Fundamentals in 60 Minutes.

[Change cross commerce] Déclarer une dépendance d’un thème existant dans un nouveau thème.

Dans App/Themes/<plugin>/<module>/Setup/Install.php, dans la classe Install extends \Change\Plugins\ThemeInstallBase :

© 2020 FrontEndDeveloper

Theme by Anders NorénUp ↑