piouPiouM’s dev : bloc-note d’un développeur web. Sass, Compass, PHP, git, shell, plugins WordPress, Drupal, jQuery

Sud Web, édition 2013

21 mai 2013

J’ai eu la chance de participer ce vendredi 17 mai au cycle de conférences de Sud Web 2013 en tant qu’orateur.
Ce fut pour moi une nouvelle expérience puisque c’était ma première participation à un évènement dont la réputation n’est plus à faire dans le milieu professionnel dans lequel j’évolue. De plus, alors que je m’étais déjà exercé au format de l’atelier lors du Web Event Lyon #4, je n’avais encore jamais eu à me frotter au format de la conférence. De quoi me procurer une bonne dose de stress

Ma conférence intitulée Sass et Compass ont embelli mon quotidien avait pour but de présenter quelques points qui m’ont fait adopter ce préprocesseur CSS et, surtout, qui m’ont permis d’améliorer mon quotidien notamment en me simplifiant la vie.

Continuer la lecture de l’article « Sud Web, édition 2013 »

4 Commentaires
Tags : Compass, conférence, Sass

Gestion avancée de Sass et Compass avec RVM et Bundler

Dans : Développement Web

8 nov 2012

Maintenir un environnement de développement est toujours délicat lorsqu’il doit convenir à plusieurs projets et leurs pré-requis. Cela se vérifie d’autant plus qu’il nous faut désormais jongler avec des projets hybrides (PHP, Ruby, Node.js, etc). Le cas de figure se rencontre lorsque des projets PHP font appels au préprocesseur Sass et Compass, son framework CSS3, tous deux en Ruby.

Les amateurs de Ruby dirons que des outils existent pour simplifier la tâche. Et ils ont raison ! Cependant, tout le monde n’est pas rubiste dans l’âme et c’est pourquoi je vous présentais il y a quelques mois une méthode pour maintenir plusieurs versions de Compass. Je reviens sur cette question épineuse parce que je suis arrivé à la limite de la solution.
En effet, je dois aujourd’hui gérer de nombreuses versions de Compass disséminées dans bien des projets. Et autant le dire clairement, consulter un README pour me rafraîchir la mémoire quant à la version de Compass (et autres outils en Ruby) requise par un projet me fatigue. Il en va de même pour mes collègues.

Heureusement pour nous, l’évolution des outils que sont RVM et Bundler offre désormais une gestion simplifiée de projets Sass et Compass, voire automatisée !

Continuer la lecture de l’article « Gestion avancée de Sass et Compass avec RVM et Bundler »

4 Commentaires
Tags : Compass, CSS, méthodologie, productivité, ruby, Sass

Drupal 6 : résoudre le problème du double charset dans un thème HTML5

Dans : Développement Web

24 oct 2012

Je réalise actuellement un thème Drupal 6 en HTML5 et vient le moment de déclarer comme il se doit le charset du document. Sachant que Drupal 6 déclare une la balise meta destinée à un doctype XHTML, mon premier réflexe est d’appliquer une simple substitution depuis mon implémentation du hook theme_preprocess_page() :

< ?php
/**
 * @file template.php
 */
function MYTHEME_preprocess_page(&$vars) {
  $vars['head'] = str_ireplace(
    '<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />',
    '<meta charset="utf-8">',
    $vars['head']
  );
}</meta>

Mais le résultat n’est pas vraiment celui escompté.

Continuer la lecture de l’article « Drupal 6 : résoudre le problème du double charset dans un thème HTML5 »

4 Commentaires
Tags : astuces, drupal, drupal 6, html5

Utiliser Compass dans un thème WordPress, la bonne méthode

Dans : Développement Web

11 oct 2012

Compass attire — à juste titre — un nombre croissant d’intégrateurs WordPress et une problématique s’impose à chaque création de thème : comment organiser mes fichiers Sass tout en respectant les contraintes du moteur de blog ?

En effet, un thème WordPress requiert à sa racine un fichier style.css muni d’un bloc de commentaire en en-tête pour stocker ses métadonnées. Rien de bien compliqué jusque là. Imaginons maintenant que vous souhaitez aussi générer d’autres feuilles de styles dans sous-répertoire css/.

Il existe des solutions mais elles sont complexes, lorsqu’une connaissance du fonctionnement de Compass suffit.