Nothing is more destructive to good design than group thinking and collective decision making

Bonne pratique d’une mise à jour d’un article

Lorsqu’on fait une mise à jour d’un article sur un blog, on a pour habitude de rajouter « (Màj) » dans le titre puis la modification dans le corps précédé d’un titre du genre « Mise à jour du 4 janvier 2012″.

Récemment, j’ai mis à jour un de mes anciens articles et je me suis intéressé à la manière de le faire correctement en respectant les conventions et en utilisant les outils HTML5.  Read more →

Bootstrap navbar en Typoscript

Je viens de mettre à jour le typoscript qui permet de créer une navbar pour Bootstrap. Il prend en compte les nouveautés de la version 2.2.2 comme les menus à trois niveaux.

Alors plutôt que de tout récrire, vous pouvez vous en inspirer.

Afficher les fichiers cachés dans le Finder (mise à jour)

Afin d’éditer les fichiers .htaccess et autres .gitconfig, il est toujours utile de les afficher dans le Finder.
Voici la marche à suivre :

  1. Ouvrir le Terminal
  2. Taper la commande defaults write com.apple.Finder AppleShowAllFiles true
  3. Redémarrer le Finder (en appuyant sur alt, faire un clique droite sur l’icone du Finder et séléctionner Relancer)

Pour cacher ne pas afficher les fichiers cachés, c’est idem sauf la commande qui est defaults write com.apple.Finder AppleShowAllFiles false

Si comme moi, vous utilisez l’application Alfred, voici une extension fort pratique qui fait le même travail.

Compiler des fichiers LESS dans Sublime Text 2

Avant toute chose, cet article s’adresse aux personnes travaillant avec Sublime Text 2 sous Windows XP.
Plutôt que d’utiliser un programme de compilation comme WinLess afin de compiler les fichier LESS en CSS. Voici une technique afin de le faire directement dans Sublime Text 2. Cela vous fera certainement gagner du temps pendant le dévelopement.

  1. Dans Sublime Text 2, installer le plugin less2css via Package Control/.
  2. Cloner le dépôt less.js-windows.

    Pour ma part, je l’ai cloner sous c:\workspace\less.js-windows.

  3. Ajouter dans votre PATH le lien vers le dépôt.
    1. Cliquer sur le menu Démarrer.
    2. Cliquer droit sur le Poste de travail.
    3. Aller dans l’onglet Avancé.
    4. Cliquer sur Variables d’environnement.
    5. Dans la liste des Variables système, séléctionner Path.
    6. Modifier la variable.
    7. Aller à la fin de la valeur de la variable ajouter un ; et entrer le chemin du dépôt less.js-windows que vous avez cloner précédement.
  4. Redémarrer Sublime Text 2.

A chaque fois que vous souvrez un fichier avec l’extension .less, celui-ci sera compilé en fichier .css.

Cette technique est très pratique pour le dévellopement. Cependant, pour des environnements de production, je conseil de passer par des outils comme Code Kit qui lui permet de compiler les .css sur une seule ligne. Pour l’instant la technique ci-dessus crée des fichiers de ce type :

#header {
  color: red;
}
#header a {
  font-weight: bold;
  text-decoration: none;
}
#header a:hover {
  color: #000;
  text-decoration: underline;
}
/* Operations */
#header {
  color: #333333;
  border-left: 1px;
  border-right: 2px;
}