Chef de projet, et architecte IT, je partage le quotidien de mon métier, ainsi que mes centres d'intérêts, la photo, et les technologies Web
Avec beaucoup de curiosité, plus qu’une réelle nécessité, je fais un peu de développement Web, basé sur WordPress. Je publie dans cette rubrique, des tutoriels sur les langages HTML, CSS, et PHP, des articles sur WordPress et le développement de thèmes et de plugins.
Pour ce thème, j’utilise Font-awesome pour afficher les petits icônes du site, plutôt que des images. Les icônes du menu «Social», par exemple, en font partie. Intégrer les styles d’une police de caractères du type Font-Awaseome nécessite très peu de modification, et permet ensuite de tout configurer via l’interface d’administration
Dans le précédent article, nous avons repris les grands principes permettant l’élaboration d’une grille typographique. Dans cet article, nous allons mettre tout cela en pratique, en utilisant le langage SASS. L’objectif est d’obtenir une feuille de styles complète, décrivant une typographie qui respecte le rythme vertical.
Après la découverte de LESS, et de SASS, ma première idée pour exploiter ce langage, concernait la typographie. Même si les frameworks CSS proposent des styles pour la typographie, il est fréquent de devoir les modifier, pour changer la police, modifier la taille de base et/ou la taille des titres. Utiliser SASS pour se construire une feuille de styles typographique paramétrables est donc une idée assez logique.
Avant de rentrer dans le codage, il m’a semblé utile de faire un point sur les éléments clés de la typographie.
L’étude de LESS m’a donné envie de regarder d’autres pré-processeurs CSS. Le plus connu avec LESS est SASS, qui est également utilisé par des frameworks comme Foundation. Basé sur Ruby, cet environnement offre un langage plus complet que LESS.
Même si CSS évolue plutôt bien, la sortie de CSS 3 a frustré pas mal de développeurs. Beaucoup réclamaient, et réclament toujours, la notion de variables et/ou de constantes, pour éviter la multiplication des mêmes valeurs numériques (couleurs, dimensions, …) dans leurs feuilles de styles. Malheureusement, CSS3 n’apporte pas cette fonctionnalité, et nos amis du W3C ne semblent pas persuadés de son utilité.
Heureusement, Alexis Sellier a pensé à nous, en nous proposant LESS, un outil qui améliore considérablement la syntaxe de CSS. Je vais donc vous parler aujourd’hui de LESS.
Comme annoncé en début d’année, je me suis débarrassé du plugin ZdMultilang, malheureusement abandonné depuis plusieurs mois.
Je pensais, dans un un premier temps, créer manuellement les articles, en copiant/collant leur contenu traduit. Mais traduire plus de 100 articles et pages, à la main, m’aurait pris des journées entières, surtout si l’on considère tous les paramètres à prendre en compte, comme les catégories, les mots-clés, les pièces jointes, …
Je me suis donc lancer dans la création automatique des articles. On peut également parler de clonage d’articles.
