Mois : octobre 2014

[Git] Les fonctionnalités et commandes utiles

31/10/2014 / admin

eBook Pro Git par Scott Chacon et Ben Straub (en français)
Git Immersion – GIT IMMERSION IS A GUIDED TOUR THAT WALKS THROUGH THE FUNDAMENTALS OF GIT, INSPIRED BY THE PREMISE THAT TO KNOW A THING IS TO DO IT.
Oh shit, git! – Here are some bad situations I’ve gotten myself into, and how I eventually got myself out of them.

Ne pas versionner un répertoire entier
Comment supprimer un fichier de mon repository Git ?
Comment supprimer un répertoire de mon repository Git ?
Augmenter la taille maximum du volume de données qu’on peut envoyer en un seul git push sur son repository
Merger la branche ‘master’ dans une autre branche
Merger une branche avec la branche ‘master’
Régler des conflits intervenus lors d’un merge
Créer une nouvelle branche à partir de la branche ‘release’
Mettre une branche à jour à partir de la branche ‘release’
J’ai créé une nouvelle branche et le git status m’affiche tous les fichiers qui sont normalement ignorés
J’ai modifié un fichier et je ne dois pas le versionner, mais pour l’instant il est surveillé
Réinitialiser le code à l’état de celui se trouvant sur le repository distant
Voir toutes les branches existantes, y-compris celles du repo distant
J’ai add et commit (-m) plusieurs fois sur la branche master sans avoir pushé. Comment revenir sur une base propre?
Lister les nouvelles branches disponibles uniquement en remote repository et les récupérer en local
Revenir à un commit précédent en local avec git revert
Debug: la recherche dichotomique avec git bisect start / good / bad / reset
Configuration de Git: formatage et espaces blancs
Récupérer une branche distante encore non suivie en local
Supprimer une branche local alors qu’on a des conflits de merge en cours

Ne pas versionner un répertoire entier :

Admettons qu’on souhaite ne pas versionner le répertoire sass-cache/ :

$ git rm -r -f sass-cache/

1	$ git rm -r -f sass-cache/

Comment supprimer un fichier de mon repository Git ?

git rm <chemin>

1	git rm <chemin>

Comment supprimer un répertoire de mon repository Git ?

Source : http://stackoverflow.com/questions/6313126/how-to-remove-a-directory-in-my-github-repository.

git rm -r <libellé_de_mon_répertoire>
git commit -m "Supression de <libellé_de_mon_répertoire>."
git push

git rm -r <libellé_de_mon_répertoire>

git commit -m "Supression de <libellé_de_mon_répertoire>."

git push

Augmenter la taille maximum du volume de données qu’on peut envoyer en un seul git push sur son repository

Il peut arriver qu’on essaye de remonter un volume trop important de données au cours d’un seul et même push. Le message d’erreur obtenu lors du push est le suivant :

error: RPC failed; result=22, HTTP code = 411
fatal: The remote end hung up unexpectedly
fatal: The remote end hung up unexpectedly

error: RPC failed; result=22, HTTP code = 411

fatal: The remote end hung up unexpectedly

Pour pallier à ce problème, il suffit d’augmenter la taille maximum du volume de données qu’on peut remonter, en une seule fois, dans le repository Git.

$ git config http.postBuffer *taille_maxi*

1	$ git config http.postBuffer taille_maxi

…où taille maxi est en octets, ce qui nous donne pour 5 Mo :

$ git config http.postBuffer 5242880

1	$ git config http.postBuffer 5242880

Un convertisseur Octet, Ko, Mo, Go, Po est disponible ici http://mon-ip.awardspace.com/convertisseur.php.

Merger la branche ‘master’ dans une autre branche :

Se rendre sur la branche ‘master’: $ git checkout master.

Faire un pull: $ git pull.

Se rendre sur la branche dans laquelle on souhaite merger ‘master’ (toto dans mon exemple): $ git checkout toto.

Merger ‘master’ dans ‘toto’: $ git merge master.

Solution alternative (préférer la 1ère ci-dessus). Vous devez être dans la branche dans laquelle vous voulez merger ‘master’ avant de taper la commande:

git merge --no-ff origin/master

1	git merge --no-ff origin/master

Merger une branche avec la branche ‘master’ :

git co master
git pull --rebase
git merge --no-ff <branche_à_merger>

git co master

git pull --rebase

git merge --no-ff <branche_à_merger>

Si on veut pusher du code sur le repo, ajouter:

git push

git push

Régler des conflits intervenus lors d’un merge ou d’un pull –rebase

Si vous obtenez des messages de type CONFLIT (contenu) : Conflit de fusion dans sites/all/themes/custom/roederer_main_theme/src/style/_roederer-actualites.scss lors d’un merge:

intlangf@ubuntu:~/drupal/roederer-drupal/sites/all/themes/custom/roederer_main_theme$ git merge --no-ff develop
Fusion automatique de sites/all/themes/custom/roederer_main_theme/src/style/_roederer-actualites.scss
CONFLIT (contenu) : Conflit de fusion dans sites/all/themes/custom/roederer_main_theme/src/style/_roederer-actualites.scss
Fusion automatique de sites/all/themes/custom/roederer_main_theme/src/style/_layout.scss
Fusion automatique de sites/all/themes/custom/roederer_main_theme/src/style/_iconfont.scss
CONFLIT (contenu) : Conflit de fusion dans sites/all/themes/custom/roederer_main_theme/src/style/_iconfont.scss
Suppression de sites/all/themes/custom/roederer_main_theme/src/iconfont/earth-globe.svg
Fusion automatique de sites/all/themes/custom/roederer/templates/page--front.tpl.php
La fusion automatique a échoué ; réglez les conflits et validez le résultat.

intlangf@ubuntu:~/drupal/roederer-drupal/sites/all/themes/custom/roederer_main_theme$ git merge --no-ff develop

Fusion automatique de sites/all/themes/custom/roederer_main_theme/src/style/_roederer-actualites.scss

CONFLIT (contenu) : Conflit de fusion dans sites/all/themes/custom/roederer_main_theme/src/style/_roederer-actualites.scss

Fusion automatique de sites/all/themes/custom/roederer_main_theme/src/style/_layout.scss

Fusion automatique de sites/all/themes/custom/roederer_main_theme/src/style/_iconfont.scss

CONFLIT (contenu) : Conflit de fusion dans sites/all/themes/custom/roederer_main_theme/src/style/_iconfont.scss

Suppression de sites/all/themes/custom/roederer_main_theme/src/iconfont/earth-globe.svg

Fusion automatique de sites/all/themes/custom/roederer/templates/page--front.tpl.php

La fusion automatique a échoué ; réglez les conflits et validez le résultat.

Faites un git status pour revérifier quels fichiers sont en conflit:

Chemins non fusionnés :
  (utilisez "git add <fichier>..." pour marquer comme résolu)

        modifié des deux côtés :src/style/_iconfont.scss
        modifié des deux côtés :src/style/_roederer-actualites.scss

Chemins non fusionnés :

(utilisez "git add <fichier>..." pour marquer comme résolu)

modifié des deux côtés :src/style/_iconfont.scss

modifié des deux côtés :src/style/_roederer-actualites.scss

Editer ces fichiers pour résoudre vos conflits. Puis faites en git add de ces fichiers, puis un git ci sans mettre de message de log (« ctrl+x » pour valider le message proposé par git). N’oubliez pas de faire un git push pour envoyer vos modifs.

Si problème `fatal: Vous n'êtes actuellement sur aucune branche.` après le git push:

Exemple:

fatal: Vous n'êtes actuellement sur aucune branche.
Pour pousser l'historique menant à l'état actuel (HEAD détachée),
utilisez

    git push origin HEAD:<nom-de-la-branche-amont>

intlangf@ubuntu:~/hybris/aubert-hybris/bin/custom/naos/naosstorefront$ git branch
* (aucune branche, rebasage de frontend)
  frontend
  master
  release
  release-integration

fatal: Vous n'êtes actuellement sur aucune branche.

Pour pousser l'historique menant à l'état actuel (HEAD détachée),

utilisez

git push origin HEAD:<nom-de-la-branche-amont>

intlangf@ubuntu:~/hybris/aubert-hybris/bin/custom/naos/naosstorefront$ git branch

* (aucune branche, rebasage de frontend)

frontend

master

release

release-integration

Faire un git st qui vous indiquera qu’un rebasage est en cours.

rebasage en cours ; sur c5a9d0d
Vous êtes en train de rebaser la branche 'frontend' sur 'c5a9d0d'.

1 2	rebasage en cours ; sur c5a9d0d Vous êtes en train de rebaser la branche 'frontend' sur 'c5a9d0d'.

Faire un git rebase --continue, puis un git push.

Créer une nouvelle branche à partir de la branche ‘release’ :

Source : How do you create a remote Git branch?
Doc (en français) : 3.2 Les branches avec Git – Brancher et fusionner : les bases sur git-scm.com

En premier lieu s’assurer que la branche ‘release’ (ou ‘release’ est le nom de la branche à partir de laquelle vous voulez créer votre nouvelle branche) est à jour avec les derniers devs consignés sur le repository en lançant depuis celle-ci la commande :

git pull

git pull

Ensuite, toujours depuis la branche à partir de laquelle on souhaite créer une nouvelle branche :

git checkout -b <nouvelle_branche> release

1	git checkout -b <nouvelle_branche> release

Faire un premier pull

git pull origin <nouvelle_branche>

1	git pull origin <nouvelle_branche>

Et pour le premier push dans la nouvelle branche :

git push -u origin <nouvelle_branche>

1	git push -u origin <nouvelle_branche>

Mettre une branche à jour à partir de la branche ‘release’

Je travaille sur du debug ou une feature que je versionne dans une branche à part. Du code à été versé sur la branche ‘release’ dont je pourrais avoir besoin. Je dois donc récupérer ce code. Au lieu de merger, je lance la commande suivante:

git pull origin release

1	git pull origin release

Supprimer un ensemble de fichiers ajoutés depuis le dernier `pull` et encore non-versionnés

~~Cette commande peut s’avérer pratique~~ (mais dangereuse) ~~lorsqu’on a effectué des modifications sur un certain nombre de fichiers et qu’on ne souhaite pas les conserver.~~

git clean -xf

1	git clean -xf

x pour les dossiers, f pour les fichiers.

J’ai créé une nouvelle branche et le git status m’affiche tous les fichiers qui sont normalement ignorés

Taper git checkout . pour réinitialiser en l’état de ce qui est versé sur la branche Master distante. Un git status ne devrait plus montrer les chemins et fichiers consignés dans le .gitignore.

J’ai modifié un fichier et je ne dois pas le versionner, mais pour l’instant il est surveillé

Source : Stop tracking and ignore changes to a file in Git.

tu peux faire :

git update-index --assume-unchanged {fichier}

1	git update-index --assume-unchanged {fichier}

par contre, si un jour tu veux commiter un changement que t’as fait sur un fichier ou tu a utiliser cette commande, il faudra faire :

git update-index --no-assume-unchanged {fichier}

1	git update-index --no-assume-unchanged {fichier}

Réinitialiser le code d’une branche à l’état de celui se trouvant sur le repository distant

Solution préférée

Supposons que la branche qu’on souhaite réinitialiser s’appelle: feature/ma_branche.

Retourner sur la branche master avec un $ git co master.
Supprimer la branche qu’on souhaite réinitialiser du repo local en tapant: $ git branch -D feature/ma_branche.
Refaire un checkout de la branche pour la récupérer depuis le repo distant: $ git checkout feature/ma_branche.

Autre solution

git reset --hard

1	git reset --hard

Voir toutes les branches existantes, y-compris celles du repo distant

git branch -a

1	git branch -a

Bonus: rechercher dans toutes les branches existantes, y-compris celles du repo distant, une branche en particulier via un mot clé.

git branch -a | grep <mon_mot_clé>

1	git branch -a \| grep <mon_mot_clé>

J’ai `add` et `commit (-m)` plusieurs fois sur la branche master sans avoir pushé. Comment revenir sur une base propre?

Premièrement, faire un git log pour vérifier le nombre exact de commits qui ont été faits sur la branche master (/Frank, où « Frank » est votre Git username, pour mettre en surbrillance vos commits, n pour les passer en revue l’un après l’autre et q pour quitter).

Ensuite, créer une nouvelle branche à partir de master pour sauvegarder vos commits: $ git checkout -b <nom_de_votre_nouvelle_branche> master.

Puis revenir sur master: $ git checkout master et exécuter la commande $ git reset --hard HEAD^ autant de fois que vous aviez effectué de commits sur master.

Lister les nouvelles branches disponibles uniquement en remote repository et les récupérer en local

How do I list remote branches in Git?

git branch -r

1	git branch -r

git checkout a Remote Branch

git checkout --track origin/newsletter

1	git checkout --track origin/newsletter

Revenir à un commit précédent en local avec `git revert`

Source: How to With Git: Rollback Commit.

Pour afficher l’index des commits en local: $ git reflog

Pour revenir en arrière sur tous les commits depuis “1a890e7” jusqu’à “HEAD,”: $ git revert 1a890e7..HEAD

Autre solution:

Il est également possible de faire un simple checkout: $ git checkout 1a890e7.

Debug: la recherche dichotomique avec `git bisect start / good / bad / reset`

Source: Utilitaires Git – Deboguer avec Git – La recherche dichotomique.

Annoter un fichier peut aider si vous savez déjà où le problème se situe. Si vous ne savez pas ce qui a cassé le code, il peut y avoir des douzaines, voire des centaines de commits depuis le dernier état où votre code fonctionnait et vous aimeriez certainement exécuter git bisect pour vous aider.

Configuration de Git: formatage et espaces blancs

Source: https://git-scm.com/ – 8.1 Personnalisation de Git – Configuration de Git – Formatage et espaces blancs.

Les problèmes de formatage et de blancs sont parmi les plus subtils et frustrants que les développeurs rencontrent lorsqu’ils collaborent, spécifiquement d’une plate-forme à l’autre. Il est très facile d’introduire des modifications subtiles de blancs lors de soumission de patchs ou d’autres modes de collaboration, car les éditeurs de texte les insèrent silencieusement ou les programmeurs Windows ajoutent des retours chariot à la fin des lignes qu’ils modifient. Git dispose de quelques options de configuration pour traiter ces problèmes.

Si vous utilisez un système Linux ou macOS qui utilise les fins de ligne LF, vous ne souhaitez sûrement pas que Git les convertisse automatiquement lorsque vous extrayez des fichiers. Cependant, si un fichier contenant des CRLF est accidentellement introduit en gestion de versions, vous souhaitez que Git le corrige. Vous pouvez indiquer à Git de convertir CRLF en LF lors de la validation mais pas dans l’autre sens en fixant core.autocrlf à input :

$ git config --global core.autocrlf input

1	$ git config --global core.autocrlf input

Récupérer une branche distante encore non suivie en local

$ git fetch origin

1	$ git fetch origin

Lister l’ensemble des branches distantes:

$ git branch -a

1	$ git branch -a

J’obtiens par exemple:

...
remotes/origin/feature/VC-31_html_product_list
remotes/origin/feature/VC-32_integration_detail_produit
remotes/origin/feature/VC-34_styleguide
...

...

remotes/origin/feature/VC-31_html_product_list

remotes/origin/feature/VC-32_integration_detail_produit

remotes/origin/feature/VC-34_styleguide

...

Pour récupérer la branche qui nous intéresse (par exemple: remotes/origin/feature/VC-32_integration_detail_produit):

$ git checkout --track remotes/origin/feature/VC-32_integration_detail_produit

1	$ git checkout --track remotes/origin/feature/VC-32_integration_detail_produit

Supprimer une branche local alors qu’on a des conflits de merge en cours

$ git merge --abort
$ git checkout <branche_principale-master_ou_autre>
$ git branch -D <nom_de_la_branche_locale_à_supprimer>

$ git merge --abort

$ git checkout <branche_principale-master_ou_autre>

$ git branch -D <nom_de_la_branche_locale_à_supprimer>

[CSS] Comment positionner l’élément Legend à l’intérieur d’un Fieldset

29/10/2014 / admin

Source : http://codepen.io/vkjgr/pen/oFdBa et http://stackoverflow.com/questions/4860708/how-to-position-the-legend-inside-a-fieldset-with-a-border.

legend{
  float: left;
  width: 100%;
}

legend{

float: left;

width: 100%;

}

[CSS] Styler un Placeholder

28/10/2014 / admin

Source: http://css-tricks.com/almanac/selectors/p/placeholder/

Remarque : à priori, il faut mettre la mention !important derrière chaque déclaration pour qu’elles soient prises en compte.

::-webkit-input-placeholder {
   color: red;
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}

::-webkit-input-placeholder {

color: red;

}

:-moz-placeholder { /* Firefox 18- */

color: red;

}

::-moz-placeholder { /* Firefox 19+ */

color: red;

}

:-ms-input-placeholder {

color: red;

}

Utilisateurs de préprocesseurs type LESS, SASS, attention : les pseudo-éléments ci-dessus ne fonctionnent pas si le code est factorisé. Déclarer les styles comme ci-dessous :

input {
    &::-webkit-input-placeholder {
        font-style: italic;
    }

    &:-moz-placeholder { /* Firefox 18- */
        font-style: italic;
    }

    &::-moz-placeholder {  /* Firefox 19+ */
        font-style: italic;
    }

    &:-ms-input-placeholder {
        font-style: italic;
    }
}

input {

&::-webkit-input-placeholder {

font-style: italic;

}

&:-moz-placeholder { /* Firefox 18- */

font-style: italic;

}

&::-moz-placeholder { /* Firefox 19+ */

font-style: italic;

}

&:-ms-input-placeholder {

font-style: italic;

}

[jQuery UI 1.8.18][tabs] Reset CSS

27/10/2014 / admin

Source : http://jqueryui.com/tabs/

Un reset complet des styles pour le widget « tabs » (« onglets ») peut être opéré avec les styles suivants :

/* .ui-core reset */
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  -o-border-top-left-radius: 0px;
  -ms-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -o-border-top-right-radius: 0px;
  -ms-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
}
.ui-widget-header,
.ui-widget-content,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: none;
  background: none;
  font-weight: normal;
  color: #000;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #000;
}

/* .ui-tabs reset */
.ui-tabs,
.ui-tabs .ui-tabs-nav,
.ui-tabs .ui-tabs-nav li a,
.ui-tabs .ui-tabs-panel { padding: 0; }
.ui-tabs .ui-tabs-nav li { margin: 0; }
.ui-tabs .ui-tabs-nav li { top: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; }

.ui-tabs .ui-tabs-panel { font-size: 1em !important; }

/* end: .ui-core + .ui-tabs reset */

/* .ui-core reset */

.ui-corner-all,

.ui-corner-top,

.ui-corner-right,

.ui-corner-tr {

-webkit-border-radius: 0px;

-moz-border-radius: 0px;

-o-border-radius: 0px;

-ms-border-radius: 0px;

border-radius: 0px;

-webkit-border-top-left-radius: 0px;

-moz-border-top-left-radius: 0px;

-o-border-top-left-radius: 0px;

-ms-border-top-left-radius: 0px;

border-top-left-radius: 0px;

-webkit-border-top-right-radius: 0px;

-moz-border-top-right-radius: 0px;

-o-border-top-right-radius: 0px;

-ms-border-top-right-radius: 0px;

border-top-right-radius: 0px;

}

.ui-widget-header,

.ui-widget-content,

.ui-state-default,

.ui-widget-content .ui-state-default,

.ui-widget-header .ui-state-default,

.ui-state-active,

.ui-widget-content .ui-state-active,

.ui-widget-header .ui-state-active {

border: none;

background: none;

font-weight: normal;

color: #000;

}

.ui-state-active a,

.ui-state-active a:link,

.ui-state-active a:visited,

.ui-state-default a,

.ui-state-default a:link,

.ui-state-default a:visited {

color: #000;

}

/* .ui-tabs reset */

.ui-tabs,

.ui-tabs .ui-tabs-nav,

.ui-tabs .ui-tabs-nav li a,

.ui-tabs .ui-tabs-panel { padding: 0; }

.ui-tabs .ui-tabs-nav li { margin: 0; }

.ui-tabs .ui-tabs-nav li { top: 0; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; }

.ui-tabs .ui-tabs-panel { font-size: 1em !important; }

/* end: .ui-core + .ui-tabs reset */

On oublie pas le petit HTML de base qui va bien :

<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery( "#tabs" ).tabs();
});
</script>

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">onglet 01</a></li>
        <li><a href="#tabs-2">onglet 02</a></li>
        <li><a href="#tabs-3">onglet 03</a></li>
    </ul>
    <div id="tabs-1">
        <p>Contenu onglet 01: Lorem ipsum dolor sit amet...</p>
    </div>
    <div id="tabs-2">
        <p>Contenu onglet 02: Lorem ipsum dolor sit amet...</p>
    </div>
    <div id="tabs-3">
        <p>Contenu onglet 03: Lorem ipsum dolor sit amet...</p>
    </div>
</div>

jQuery(document).ready(function() {

jQuery( "#tabs" ).tabs();

});

</script>

<ul>

<li><a href="#tabs-1">onglet 01</a></li>

<li><a href="#tabs-2">onglet 02</a></li>

<li><a href="#tabs-3">onglet 03</a></li>

</ul>

<p>Contenu onglet 01: Lorem ipsum dolor sit amet...</p>

</div>

<p>Contenu onglet 02: Lorem ipsum dolor sit amet...</p>

</div>

<p>Contenu onglet 03: Lorem ipsum dolor sit amet...</p>

</div>

[RBS Change] Ajouter un nouveau doctype au projet

22/10/2014 / admin

1. dans modules/theme/setup, créer un nouveau fichier html5.xml sur la base de init.xml

2. contenu du fichier (pour l’ajout d’un doctype HTML5) :

<?xml version="1.0" encoding="UTF-8"?>
<script>
	<binding fileName="modules/list/persistentdocument/import/list_binding.xml" />
	<binding fileName="modules/theme/persistentdocument/import/theme_binding.xml" />
		
	<systemfolder module="list" relatedmodule="theme">
		<staticlist byListid="modules_theme/doctype" label="Doctype des pages">
				<staticitem label="HTML 5" value="HTML-5"/>
		</staticlist>
	</systemfolder>
</script>

<?xml version="1.0" encoding="UTF-8"?>

</staticlist>

</systemfolder>

</script>

3. ajouter ceci dans modules/theme/persistentdocument/pagetemplate.class.php :

	/**
	 * @return string
	 */
	public function getDocTypeDeclaration()
	{
		if ($this->getDoctype() == 'HTML-5')
		{
			return '<!DOCTYPE html>';
		}
		elseif ($this->getDoctype() == 'XHMTL-1.0-Transitional')
		{
			return '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
		}
		return '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">';
	}

/**

* @return string

public function getDocTypeDeclaration()

{

if ($this->getDoctype() == 'HTML-5')

{

return '<!DOCTYPE html>';

}

elseif ($this->getDoctype() == 'XHMTL-1.0-Transitional')

{

return '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';

}

return '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">';

}

4. puis sous Putty :

$ change.php (ou autre alias de la commande change) import-data theme html5.xml

1	$ change.php (ou autre alias de la commande change) import-data theme html5.xml

[Magento] Assigner une page CMS comme page d’accueil par défaut de votre site

14/10/2014 / admin

Source : http://stackoverflow.com/questions/8227543/change-magento-cms-home-page.

Se rendre dans (menu horizontal) Système > (panneau de gauche) GENERAL > Web > (volet) Pages par défaut.
Sous URL web par défaut mettre cms. Sous Page d’accueil CMS mettre l’ID de la page CMS que vous souhaitez voir s’afficher comme page d’accueil.

[Magento][TinyMCE] Customizer les settings du WYSIWYG

14/10/2014 / admin

Source : Overcoming Magento’s WYSIWYG Part 2: Customizing TinyMCE Settings.
Ressource Git : TinyMCE valid_elements setting for HTML5

Le fichier setup de TinyMCE est localisé dans js/mage/adminhtml/wysiwyg/tiny_mce/setup.js.

Dans ce fichier, repérer la variable var settings = { :

var settings = {
    mode : (mode != undefined ? mode : 'none'),
    elements : this.id,
    theme : 'advanced',
    plugins : plugins,
    [...]

var settings = {

mode : (mode != undefined ? mode : 'none'),

elements : this.id,

theme : 'advanced',

plugins : plugins,

[...]

Les lignes suivantes pourront être ajoutées à ces variables pour :

Modifier le Doctype

doctype : '<!doctype html>',

1	doctype : '<!doctype html>',

[entity_encoding] Eviter que les caractères accentués (é, è, à, etc…) soient transformés en entités HTML (é, è, etc…)

Si la boutique est entièrement en UTF-8, cette fonction peut être désactivée en éditant la configuration de tinyMCE. Ajouter la ligne :

entity_encoding : "raw",

1	entity_encoding : "raw",

Source, documentation officielle de TinyMCE : http://www.tinymce.com/wiki.php/Configuration:entity_encoding, [Résolu] TinyMCE et accents.

[valid_elements]

Source, documentation officielle de TinyMCE : valid_elements.

[extended_valid_elements] Etendre le champ des balises et attributs HTML valides

Ajouter des paramètres pour éviter que TinyMCE ne supprime certaines balises vides.
Très embêtant lorsqu’on cherche, par exemple, à exploiter une police d’icônes dans un bloc statique. Le code HTML suivant est, par défaut, automatiquement supprimé :

<span class="icon-facebook"></span>

1	<span class="icon-facebook"></span>

Pour pallier à ce souci, ajouter la ligne suivante :

extended_valid_elements : "+style[dir<ltr?rtl|lang|media|title|type],+div[*],+a[*],+span[*],+button[*]",

1	extended_valid_elements : "+style[dir<ltr?rtl\|lang\|media\|title\|type],+div[],+a[],+span[],+button[]",

Source, documentation officielle de TinyMCE : http://www.tinymce.com/wiki.php/Configuration:extended_valid_elements.

[valid_children] Etendre le champ des balises HTML enfants valides

Permettre, par exemple, l’imbrication d’un H1 dans un A (pratique désormais permise en HTML5).

valid_children : "+a[h1|h2|h3|h4|h5|h6|p|span|div|img]",

1	valid_children : "+a[h1\|h2\|h3\|h4\|h5\|h6\|p\|span\|div\|img]",

Source, documentation officielle de TinyMCE : http://www.tinymce.com/wiki.php/Configuration:valid_children.

[force_br_newlines][force_p_newlines] Gestion des retours chariot et du formatage des paragraphes

Supprimer le comportement qui consiste à créer un nouveau paragraphe à chaque retour chariot saisi par l’utilisateur backoffice.

force_br_newlines : true,
force_p_newlines : false,

1 2	force_br_newlines : true, force_p_newlines : false,

Source, documentation officielle de TinyMCE : http://www.tinymce.com/wiki.php/Configuration:force_p_newlines, http://www.tinymce.com/wiki.php/Configuration3x:force_br_newlines.

[forced_root_block] Supprimer l’imbrication automatique du texte dans une balise P

forced_root_block : false,

1	forced_root_block : false,

Source, documentation officielle de TinyMCE : http://www.tinymce.com/wiki.php/Configuration3x:forced_root_block.

TinyMCE valid_elements setting for HTML5

Source Git : https://gist.github.com/veprbl/1136304

Fork le plus récent (code ci-dessous)(Last active on 20 Mar 2013) : https://gist.github.com/susebus/5204059

	valid_elements : ""
+"@[accesskey|draggable|style|class|hidden|tabindex|contenteditable|id|title|contextmenu|lang|dir<ltr?rtl|spellcheck|"
  +"onabort|onerror|onmousewheel|onblur|onfocus|onpause|oncanplay|onformchange|onplay|oncanplaythrough|onforminput|onplaying|onchange|oninput|onprogress|onclick|oninvalid|onratechange|oncontextmenu|onkeydown|onreadystatechange|ondblclick|onkeypress|onscroll|ondrag|onkeyup|onseeked|ondragend|onload|onseeking|ondragenter|onloadeddata|onselect|ondragleave|onloadedmetadata|onshow|ondragover|onloadstart|onstalled|ondragstart|onmousedown|onsubmit|ondrop|onmousemove|onsuspend|ondurationmouseout|ontimeupdate|onemptied|onmouseover|onvolumechange|onended|onmouseup|onwaiting],"
+"a[target<_blank?_self?_top?_parent|ping|media|href|hreflang|type"
  +"|rel<alternate?archives?author?bookmark?external?feed?first?help?index?last?license?next?nofollow?noreferrer?prev?search?sidebar?tag?up"
  +"],"
+"abbr,"
+"address,"
+"area[alt|coords|shape|href|target<_blank?_self?_top?_parent|ping|media|hreflang|type|shape<circle?default?poly?rect"
  +"|rel<alternate?archives?author?bookmark?external?feed?first?help?index?last?license?next?nofollow?noreferrer?prev?search?sidebar?tag?up"
  +"],"
+"article,"
+"aside,"
+"audio[src|preload<none?metadata?auto|autoplay<autoplay|loop<loop|controls<controls|mediagroup],"
+"blockquote[cite],"
+"body,"
+"br,"
+"button[autofocus<autofocus|disabled<disabled|form|formaction|formenctype|formmethod<get?put?post?delete|formnovalidate?novalidate|"
  +"formtarget<_blank?_self?_top?_parent|name|type<reset?submit?button|value],"
+"canvas[width,height],"
+"caption,"
+"cite,"
+"code,"
+"col[span],"
+"colgroup[span],"
+"command[type<command?checkbox?radio|label|icon|disabled<disabled|checked<checked|radiogroup|default<default],"
+"datalist[data],"
+"dd,"
+"del[cite|datetime],"
+"details[open<open],"
+"dfn,"
+"div,"
+"dl,"
+"dt,"
+"-em/i,"
+"embed[src|type|width|height],"
+"eventsource[src],"
+"fieldset[disabled<disabled|form|name],"
+"figcaption,"
+"figure,"
+"footer,"
+"form[accept-charset|action|enctype|method<get?post?put?delete|name|novalidate<novalidate|target<_blank?_self?_top?_parent],"
+"-h1,-h2,-h3,-h4,-h5,-h6,"
+"header,"
+"hgroup,"
+"hr,"
+"iframe[name|src|srcdoc|seamless<seamless|width|height|sandbox],"
+"img[alt=|src|ismap|usemap|width|height],"
+"input[accept|alt|autocomplete<on?off|autofocus<autofocus|checked<checked|disabled<disabled"
  +"|form|formaction|formenctype|formmethod<get?put?post?delete|formnovalidate?novalidate|formtarget<_blank?_self?_top?_parent"
  +"|height|list|max|maxlength|min|multiple<multiple|name|pattern|placeholder|readonly<readonly|required<required"
  +"|size|src|step|type<hidden?text?search?tel?url?email?password?datetime?date?month?week?time?datetime-local?number?range?color"
  +"?checkbox?radio?file?submit?image?reset?button?value|width],"
+"ins[cite|datetime],"
+"kbd,"
+"keygen[autofocus<autofocus|challenge|disabled<disabled|form|name],"
+"label[for|form],"
+"legend,"
+"li[value],"
+"main,"+
+"mark,"
+"map[name],"
+"menu[type<context?toolbar?list|label],"
+"meter[value|min|low|high|max|optimum],"
+"nav,"
+"noscript,"
+"object[data|type|name|usemap|form|width|height],"
+"ol[reversed|start],"
+"optgroup[disabled<disabled|label],"
+"option[disabled<disabled|label|selected<selected|value],"
+"output[for|form|name],"
+"-p,"
+"param[name,value],"
+"-pre,"
+"progress[value,max],"
+"q[cite],"
+"ruby,"
+"rp,"
+"rt,"
+"samp,"
+"script[src|async<async|defer<defer|type|charset],"
+"section,"
+"select[autofocus<autofocus|disabled<disabled|form|multiple<multiple|name|size],"
+"small,"
+"source[src|type|media],"
+"-span,"
+"-strong/b,"
+"-sub,"
+"summary,"
+"-sup,"
+"table,"
+"tbody,"
+"td[colspan|rowspan|headers],"
+"textarea[autofocus<autofocus|disabled<disabled|form|maxlength|name|placeholder|readonly<readonly|required<required|rows|cols|wrap<soft|hard],"
+"tfoot,"
+"th[colspan|rowspan|headers|scope],"
+"thead,"
+"time[datetime],"
+"tr,"
+"ul,"
+"var,"
+"video[preload<none?metadata?auto|src|crossorigin|poster|autoplay<autoplay|"
  +"mediagroup|loop<loop|muted<muted|controls<controls|width|height],"
+"wbr"
});

100

101

102

103

104

105

valid_elements : ""

+"|rel<alternate?archives?author?bookmark?external?feed?first?help?index?last?license?next?nofollow?noreferrer?prev?search?sidebar?tag?up"

+"],"

+"abbr,"

+"address,"

+"|rel<alternate?archives?author?bookmark?external?feed?first?help?index?last?license?next?nofollow?noreferrer?prev?search?sidebar?tag?up"

+"],"

+"article,"

+"aside,"

+"blockquote[cite],"

+"body,"

+"br,"

+"formtarget<_blank?_self?_top?_parent|name|type<reset?submit?button|value],"

+"canvas[width,height],"

+"caption,"

+"cite,"

+"code,"

+"col[span],"

+"colgroup[span],"

+"datalist[data],"

+"dd,"

+"del[cite|datetime],"

+"details[open<open],"

+"dfn,"

+"div,"

+"dl,"

+"dt,"

+"-em/i,"

+"embed[src|type|width|height],"

+"eventsource[src],"

+"fieldset[disabled<disabled|form|name],"

+"figcaption,"

+"figure,"

+"footer,"

+"-h1,-h2,-h3,-h4,-h5,-h6,"

+"header,"

+"hgroup,"

+"hr,"

+"|size|src|step|type<hidden?text?search?tel?url?email?password?datetime?date?month?week?time?datetime-local?number?range?color"

+"?checkbox?radio?file?submit?image?reset?button?value|width],"

+"ins[cite|datetime],"

+"kbd,"

+"keygen[autofocus<autofocus|challenge|disabled<disabled|form|name],"

+"label[for|form],"

+"legend,"

+"li[value],"

+"main,"+

+"mark,"

+"map[name],"

+"menu[type<context?toolbar?list|label],"

+"meter[value|min|low|high|max|optimum],"

+"nav,"

+"noscript,"

+"ol[reversed|start],"

+"optgroup[disabled<disabled|label],"

+"option[disabled<disabled|label|selected<selected|value],"

+"output[for|form|name],"

+"-p,"

+"param[name,value],"

+"-pre,"

+"progress[value,max],"

+"q[cite],"

+"ruby,"

+"rp,"

+"rt,"

+"samp,"

+"script[src|async<async|defer<defer|type|charset],"

+"section,"

+"small,"

+"source[src|type|media],"

+"-span,"

+"-strong/b,"

+"-sub,"

+"summary,"

+"-sup,"

+"table,"

+"tbody,"

+"td[colspan|rowspan|headers],"

+"tfoot,"

+"th[colspan|rowspan|headers|scope],"

+"thead,"

+"time[datetime],"

+"tr,"

+"ul,"

+"var,"

+"wbr"

});

[Magento] Récupérer l’URL du skin dans un bloc statique

13/10/2014 / admin

Pour charger une image consignée dans /skin/frontend/default/_nom_de_mon_skin_/images/ dans un bloc statique :

<img src="{{skin url='images/_libellé_du_fichier_image_.png'}}" alt="" />

1	<img src="{{skin url='images/_libellé_du_fichier_image_.png'}}" alt="" />

Même chose depuis un fichier template (phtml) :

<img src="<?php echo $this->getSkinUrl('images/_libellé_du_fichier_image_.png'); ?>" alt="" />

1	<img src="<?php echo $this->getSkinUrl('images/_libellé_du_fichier_image_.png'); ?>" alt="" />

[Magento] Insérer un bloc statique créé en backoffice dans un gabarit de page depuis un fichier de layout xml et un fichier de template phtml

13/10/2014 / admin

Admettons qu’on souhaite insérer un bloc statique dans la partie header d’une page. Il y a 3 étapes à suivre :

Editer le fichier de layout

Rendez-vous dans le répertoire /app/design/frontend/default/_nom_du_theme_/layout/ et localiser le fichier page.xml. Dans ce fichier, localiser le code se référant au header de la page (dans le thème par défaut) :

<block type="page/html_header" name="header" as="header">
    [...]
</block>

[...]

</block>

Et ajoutez-y le code suivant :

<block type="cms/block" name="nb.headband" as="nbHeadband">
    <action method="setBlockId">
        <id>nb-headband</id>
    </action>
</block>

<id>nb-headband</id>

</action>

</block>

La méthode setBlockId permet de déclarer l’ID du bloc statique créé en back-office à ajouter.
Ne pas oublier :

de renseigner correctement les attributs name= »nb.headband » et as= »nbHeadband »
de renseigner correctement l’ID du bloc statique créé en back-office

Editer le fichier de template

Rendez-vous ensuite dans le répertoire /app/design/frontend/default/_nom_du_theme_/template/page/html/ et localiser le fichier header.phtml. Dans ce fichier, à l’endroit où vous souhaitez voir apparaître votre bloc statique, ajoutez la méthode suivante :

<?php echo $this->getChildHtml('nbHeadband') ?>

1	<?php echo $this->getChildHtml('nbHeadband') ?>

…où nbHeadband correspond à l’attribut as rensigné dans le fichier page.xml.

Créer le bloc statique en backoffice

Rendez-vous dans CMS > Blocs statiques et cliquez sur le bouton Ajouter un nouveau bloc. Le champ identifiant doit porter le même libellé que celui déclaré plus haut dans le fichier page.xml à savoir, pour notre exemple, nb-headband.

[WordPress] Utiliser des sprites CSS avec le plug-in Quickfinder de WordPress pour obtenir un effet d’images survolées

07/10/2014 / admin

Attention, sous Chrome il semble que le SPAN imbriqué (il contient nativement l’effet d’ombre appliqué au caractère issu de la police d’icônes – et duquel on se sert pour appliquer certaines propriétés CSS) soit supprimé par le parseur HTML !!! A rajouter en dur dans le template du bloc :

<span>&nbsp;</span>

1	<span> </span>

Avertissement : ce procédé est sale et ne vient en aucun cas enrichir des fonctionnalités existantes de WordPress.

Le code CSS ci-dessous apparaît en surcharge du code fourni par le plug-in. Sa présence empêchera l’utilisation native de Quickfinder sur les élements auxquels il sera appliqué.

Dans l’interface d’administration, ne charger aucune image et n’assigner aucune icône par shortcode.

Cette technique ne donne pas de bons résultats avec des pngs transparents. Pensez à mettre un fond de couleur en rapport avec votre fond de page dans vos sprites.

Le markup HTML et le code Javascript restent inchangés.

/*
	[Wordpress] Utiliser des sprites CSS avec le plug-in Quickfinder de Wordpress pour obtenir un effet d'images survolées
    (demo Quickfinder: http://codex-themes.com/codeus/)
	Astuce inspirée de: http://css3.bradshawenterprises.com/cfimg/
*/
.home .quickfinder ul li .image,
.home .quickfinder ul li .image span{
	/* border-radius n'affiche pas des contours de cercle suffisamment clean avec des images superposées */
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
	background-repeat: no-repeat;
    background-color: transparent !important;
	/* largeur et moitié de la hauteur (si sprite) des images source */
	width: 171px;
	height: 171px;
}

.home .quickfinder ul li .image{
	z-index: 2;
	background-position: bottom left;
}

.home .quickfinder ul li .image span{
	position: absolute;
	z-index: 1;
	top: -1px;
	left: 0;
	background-position: top left;	
}

.home .quickfinder ul li span{
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.home .quickfinder ul li .image:hover span{
	opacity: 0;
}

/* on cible le <li> par son positionnement dans la liste (nth-child:(x)) */
.home .quickfinder ul li:nth-child(1) .image,
.home .quickfinder ul li:nth-child(1) .image span{
	background-image: url(http://cmlien.free.fr/qf_sprite-01.png);
}

.home .quickfinder ul li:nth-child(2) .image,
.home .quickfinder ul li:nth-child(2) .image span{
	background-image: url(http://cmlien.free.fr/qf_sprite-02.png);
}

.home .quickfinder ul li:nth-child(3) .image,
.home .quickfinder ul li:nth-child(3) .image span{
	background-image: url(http://cmlien.free.fr/qf_sprite-03.png);
}

.home .quickfinder ul li:nth-child(4) .image,
.home .quickfinder ul li:nth-child(4) .image span{
	background-image: url(http://cmlien.free.fr/qf_sprite-04.png);
}

[Wordpress] Utiliser des sprites CSS avec le plug-in Quickfinder de Wordpress pour obtenir un effet d'images survolées

(demo Quickfinder: http://codex-themes.com/codeus/)

Astuce inspirée de: http://css3.bradshawenterprises.com/cfimg/

.home .quickfinder ul li .image,

.home .quickfinder ul li .image span{

/* border-radius n'affiche pas des contours de cercle suffisamment clean avec des images superposées */

-webkit-border-radius: 0px;

-moz-border-radius: 0px;

-o-border-radius: 0px;

-ms-border-radius: 0px;

border-radius: 0px;

background-repeat: no-repeat;

background-color: transparent !important;

/* largeur et moitié de la hauteur (si sprite) des images source */

width: 171px;

height: 171px;

}

.home .quickfinder ul li .image{

z-index: 2;

background-position: bottom left;

}

.home .quickfinder ul li .image span{

position: absolute;

z-index: 1;

top: -1px;

left: 0;

background-position: top left;

}

.home .quickfinder ul li span{

-webkit-transition: opacity 0.2s ease-in-out;

-moz-transition: opacity 0.2s ease-in-out;

-o-transition: opacity 0.2s ease-in-out;

transition: opacity 0.2s ease-in-out;

}

.home .quickfinder ul li .image:hover span{

opacity: 0;

}

/* on cible le <li> par son positionnement dans la liste (nth-child:(x)) */

.home .quickfinder ul li:nth-child(1) .image,

.home .quickfinder ul li:nth-child(1) .image span{

}

.home .quickfinder ul li:nth-child(2) .image,

.home .quickfinder ul li:nth-child(2) .image span{

}

.home .quickfinder ul li:nth-child(3) .image,

.home .quickfinder ul li:nth-child(3) .image span{

}

.home .quickfinder ul li:nth-child(4) .image,

.home .quickfinder ul li:nth-child(4) .image span{

}

Ne pas versionner un répertoire entier :

Comment supprimer un fichier de mon repository Git ?

Comment supprimer un répertoire de mon repository Git ?

Augmenter la taille maximum du volume de données qu’on peut envoyer en un seul git push sur son repository

Merger la branche ‘master’ dans une autre branche :

Merger une branche avec la branche ‘master’ :

Régler des conflits intervenus lors d’un merge ou d’un pull –rebase

Si problème fatal: Vous n'êtes actuellement sur aucune branche. après le git push:

Créer une nouvelle branche à partir de la branche ‘release’ :

Mettre une branche à jour à partir de la branche ‘release’

Supprimer un ensemble de fichiers ajoutés depuis le dernier pull et encore non-versionnés

J’ai créé une nouvelle branche et le git status m’affiche tous les fichiers qui sont normalement ignorés

J’ai modifié un fichier et je ne dois pas le versionner, mais pour l’instant il est surveillé

Réinitialiser le code d’une branche à l’état de celui se trouvant sur le repository distant

Solution préférée

Autre solution

Voir toutes les branches existantes, y-compris celles du repo distant

J’ai add et commit (-m) plusieurs fois sur la branche master sans avoir pushé. Comment revenir sur une base propre?

Lister les nouvelles branches disponibles uniquement en remote repository et les récupérer en local

Revenir à un commit précédent en local avec git revert

Autre solution:

Debug: la recherche dichotomique avec git bisect start / good / bad / reset

Configuration de Git: formatage et espaces blancs

Récupérer une branche distante encore non suivie en local

Supprimer une branche local alors qu’on a des conflits de merge en cours

Modifier le Doctype

[entity_encoding] Eviter que les caractères accentués (é, è, à, etc…) soient transformés en entités HTML (é, è, etc…)

[valid_elements]

[extended_valid_elements] Etendre le champ des balises et attributs HTML valides

[valid_children] Etendre le champ des balises HTML enfants valides

[force_br_newlines][force_p_newlines] Gestion des retours chariot et du formatage des paragraphes

[forced_root_block] Supprimer l’imbrication automatique du texte dans une balise P

TinyMCE valid_elements setting for HTML5

Editer le fichier de layout

Editer le fichier de template

Créer le bloc statique en backoffice

Si problème `fatal: Vous n'êtes actuellement sur aucune branche.` après le git push:

Supprimer un ensemble de fichiers ajoutés depuis le dernier `pull` et encore non-versionnés

J’ai `add` et `commit (-m)` plusieurs fois sur la branche master sans avoir pushé. Comment revenir sur une base propre?

Revenir à un commit précédent en local avec `git revert`

Debug: la recherche dichotomique avec `git bisect start / good / bad / reset`