Dans un article de Simon Collison, celui-ci explique pourquoi il aime coder ces CSS sur une seule ligne. Pour lui cette technique permet de :

• Faciliter la lecture, et de trouver plus rapidement ce que l'on cherche
• Réduire la taille du fichier
• Faire gagner du temps à la création/édition de CSS

J'ai programmé avec les deux méthodes, à savoir le multi-line CSS & le single-line CSS — Et je pense que l'on peut avoir un code CSS maintenable, facilement éditable  et avec une taille réduite sans avoir forcément recours au single-line. Mon contexte de travail est celui d'une équipe d'intégrateurs/designers, mais j'aurais les mêmes pratiques si je devais travailler seul.

Arrête le “scan” de CSS

C'est fatiguant pour les yeux, c'est long et inutile. Pourquoi ne pas rechercher le selecteur avec un mot-clef ? Encore mieux, il suffit d'ouvrir Firebug, de cibler l'élément à éditer pour voir apparaître la ligne du CSS responsable. Ça prend juste quelques secondes et ça vous évite d'avoir à scroller le CSS de haut en bas.

Je range généralement les selecteurs dans l'ordre dans lequel ils apparaissent dans le DOM. Ensuite pour chaque élément je range les propriétés par ordre alphabétique. Comme ça je me doute bien qu'un z-index se trouvera généralement vers le bas et un border-radius en haut.

Le single-line n'est pas propre

Avec l'émergence du CSS3 qui n'est pas encore terminé, mais pourtant utilisable, on se retrouve avec des tas de propriétés constructeurs — vous savez celles qui commence par -webkit-, -moz-, -o- etc. Elles sont généralement plus complexes et donc plus longue, les dégradés par exemple peuvent avoir une tonne d'arguments.

Je ne sais pas pour vous, mais moi j'ai une haîne profonde du scroll horizontal quand je code.

Les outils de versionning

Le single-line CSS est vraiment désaventageux quand on utilise un outil tel que Git ou Subversion — et si vous n'en utilisez pas, vous devriez sérieusement y songer. Ces outils travaillent ligne par ligne pour montrer les différences entres deux versions du même fichier. Vous voyez où je veux en venir.. on est beaucoup plus précis quand on écrit son CSS sur plusieurs lignes.

Et la taille alors ?

Là non plus il ne faut pas être bête. La taille n'a aucune importance en phase de développement. Et pour la mise en production, il y a des outils pour ça. YUI Compressor et Minify sont deux outils forts pratiques pour ça. Et on peut garder sa version non-compressé pour re-travailler dessus plus tard.

Je ne dénigre pas ceux qui aiment cette méthode, si ça marche bien pour vous, tant mieux. Mais je trouve que lorsqu'on travaille en équipe, c'est plus efficace de leurs faire gagner du temps à la re-lecture.

Bon ok, vous n'arriverez sûrement pas à chopper avec ça. Mais je n'avais pas vraiment d'idées pour ce titre. Et de toute façon maintenant que vous êtes sur la page ça n'a plus aucune importance.

Le fait est que Vim est sans doute le meilleur éditeur de la planète entière — je vois déjà les fans d'Emacs froncer les sourcils — en termes de puissance et de personnalisation. Et quand nous, pauvres développeurs que nous sommes, passons la journée sur du code, il est quand même pratique d'avoir un thème plaisant.

Mustang

Vitamins

Desert

Vylight

Molokai

Tout ce que vous avez à faire est de placer le thème dans ~/.vim/colors et de l'activer dans le .vimrc avec la ligne :

Et vous ? Quels thèmes utilisez-vous en ce moment ?

Je vous l'avais promis, c'est maintenant chose faite. Je libère le code de ce thème WordPress. Le thème est distribué sous la licence Creative Commons Attribution-ShareAlike 2.0 France.

Concrètement vous avez le droit d'utiliser le thème (même à des fins commercial) mais vous devez garder un lien vers l'auteur quelque-part (un lien vers mon blog donc). Vous avez le droit de modifier le thème et de le redistribuer sous les mêmes conditions. Pour plus d'informations sur cette licence, je vous renvoi vers ce lien.

Pour utiliser ce thème vous avez besoin de ces plugins WordPress :

• WP-PageNavi (pour la pagination des articles)
• Hum.. Et c'est tout en fait :D

De toute manière si quelque chose ne va pas, vous pouvez me contacter dans les commentaires de cet article, ou @phollow.

Download

Hurl a été crée par Leah Culver et Chris Wanstrath à l'occasion du 2009 Rails Rumble où le programme gagna le prix de l'application la plus complète.

Hurl s'utilise les doigts dans le nez, on rentre l'URL en choisissant les options qui vont bien. On peut rajouter des headers, une authentification etc. Et on reçoit directement le résultat dans la page, avec un lien unique que l'on peut partager.

Une application que je trouve bien utile. Les liens :

• Hurl
• La page du projet
• Les sources de Hurl (Git)
• Twitter

Le premier point qui est pour moi important, c'est le fait qu'il soit multi-plateforme (merci à Java). Chez moi il tourne sous Arch Linux et Mac OS X et au travail il tourne sur Ubuntu et sur Vista. Ce qui fait seulement un outil à maitriser pour toutes ces machines.

Un autre point intéressant est son intégration d'outils de versionning comme par exemple Subversion que j'utilise tout le temps. Ce qui permet de travailler facilement à plusieurs sur un même projet.

Netbeans est aussi très bon dans l'écriture de code PHP, avec une bonne coloration syntaxique, la documentation des méthodes sous forme de pop-up, l'auto-complétion des variables, classes, méthodes.. Il peut générer automatiquement vos getters et setters. L'ensemble de votre projet est à chaque fois parsé, ce qui permet à l'éditeur de mieux voir les erreurs de syntaxes notamment.

Netbeans est très bon dans les tests unitaires, il gère aussi l'envoi du projet sur un serveur distant (FTP, sFTP), il peut débugger du PHP en utilisant xdebug etc.

Netbeans offre pour moi tout le nécessaire au développement objet PHP, en plus il est gratuit. Le seul point noir que je lui trouve est la taille qu'il prend en mémoire, mais bon on ne peut pas tout avoir :)

Si vous voulez l'essayer, c'est simple rendez vous sur le site officiel. Je profite de ce billet pour parler du blog d'Antoine Guiral qui fait des screencasts intéressants sur la programmation orientée objet avec PHP et il utilise netbeans pour les faire.

Il y en a trois ou quatre que j'aime bien, donc j'ai fait une petite compilation. Normalement vous devriez pouvoir les utiliser dans n'importe quel OS.

Anonymous

Télécharger.

Envy Code R

Télécharger.

Inconsolata

Télécharger.

Bitstream Vera Sans Mono

Télécharger.

Lucida Console

Dans le paquet des polices Windows de votre distribution.

Questions

Et vous ? Vous codez avec quoi ?