Tropisme

Tropisme (du grec τρόπος) signifie la tendance d’un organisme à croître (surtout d’une plante) dans une direction donnée, par exemple vers le bas ou vers la lumière.

[ source : Wikipedia : « Tropisme » ]

Pour un blog Dotclear le tropisme initial pourrait être l’envie d’installer et de tester tous les plugins de la création, d’utiliser tous les services disponibles pour égayer son blog, de mettre en place des widgets à n’en plus finir, … La liste est longue et j’avoue avoir usé et abusé, dans les premiers temps, de cette mouvance, que ce soit côté administration ou côté public.

Depuis j’ai tendance à, j’allais dire « me replier », mais en fait non, plutôt à me concentrer sur ce qui est un peu plus essentiel, de mon point de vue très personnel. Donc je ne conserve que le strict nécessaire, désactivant ce qui ne me sert qu’épisodiquement et désinstallant le reste, en préférant la gestion locale plutôt que faire appel à des services externes, etc.

Ce matin je viens par exemple de récupérer deux polices fournies par Google et les ai installées localement pour pouvoir, d’une part, ne pas dépendre d’un accès à l’API Google pour les polices de caractères, et d’autre part, permettre une mise en cache plus agressive (après tout les polices ne vont pas changer de sitôt). Ce site est très pratique pour faire ça.

Exemple pour la police que j’utilise côté admin (via le plugin tidyAdmin) pour le code, au lieu de :

@import url(http://fonts.googleapis.com/css?family=Source+Code+Pro:400,600,700);

J’ai maintenant :

/* source-code-pro-regular - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Code Pro'), local('SourceCodePro-Regular'),
       url('index.php?pf=tidyAdmin/fonts/source-code-pro-v6-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+ */
       url('index.php?pf=tidyAdmin/fonts/source-code-pro-v6-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-code-pro-600 - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Code Pro Semibold'), local('SourceCodePro-Semibold'),
       url('index.php?pf=tidyAdmin/fonts/source-code-pro-v6-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+ */
       url('index.php?pf=tidyAdmin/fonts/source-code-pro-v6-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-code-pro-700 - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Code Pro Bold'), local('SourceCodePro-Bold'),
       url('index.php?pf=tidyAdmin/fonts/source-code-pro-v6-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+ */
       url('index.php?pf=tidyAdmin/fonts/source-code-pro-v6-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

Ensuite ça s’utilise de la même façon :

pre, code, .codemirror {
  font-family: 'Source Code Pro','Andale Mono','Courier New',monospace !important;
}

Du coup je ne dépend plus que de mon serveur pour bloguer, c’est toujours ça de pris.

Ajouter un commentaire

Les champs suivis d'un * sont obligatoires

Les commentaires peuvent être formatés en utilisant la syntaxe Markdown Extra.

Ajouter un rétrolien

URL de rétrolien : https://open-time.net/trackback/12557

Haut de page