CleverCSS — Mettez un Python dans vos CSS

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

CleverCSS — Mettez un Python dans vos CSS

CleverCSS est une manière de produire des CSS inspirée par le langage de programmation Python : les accolades sont remplacées par l’indentation des différentes règles CSS et les déclarations sont introduites par le signe deux-points. Jusque-là, rien de bien fou, mais CleverCSS ne s’arrête pas à l’économie de quelques signes et propose de nombreuses améliorations à CSS  : de l’optimisation de la syntaxe à l’utilisation des constantes en passant par le calcul sur les valeurs, y compris les couleurs.

Référence

a:
    &:hover:
      color: red
    &:visited:
      color: blue

Attributs

#main p:
    font->
      family: Verdana, sans-serif
      size: 1.1em
      style: italic

Constantes

background_color = #ccc

#main: background-color: $background_color

Calcul sur les valeurs

#fff - #ccc            -> #333333
cornflowerblue - coral   -> #00169d
crimson - 20             -> #c80028
10px * 2                 -> 20px

Faudrait pas que le python étouffe l’éléphant ;)

cleverCSS est très séduisant et la seule chose que l’on peut lui reprocher est d’être un script Python et non PHP !

Notes : il existe des scripts dans d’autres langages comme Ruby ou PHP :

Articles sur le même sujet

PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car
Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) ;) Merci d'avance.



8 commentaires pour “CleverCSS — Mettez un Python dans vos CSS”

  1. Plume dit :

    Existe-t-il des projets similaires pour adapter ce concept à d’autres technologies que Python ?

  2. Damien dit :

    « cleverCSS est très séduisant et la seule chose que l’on peut lui reprocher est d’être un script Python et non PHP ! »

    Je ne vois pas en quoi c’est un désavantage, bien au contraire ;-)

  3. Plume dit :

    Ca pourrait être tout de même sympa en PHP aussi :)

    Merci Bruno pour le lien, ça m’plait bien en Ruby !

  4. Bruno Bichet dit :

    @Damien — Je ne doute pas de la qualité de Python (ou même de Ruby), mais comme je ne connais pas ces langages, cleverCSS ne m’est pas très utile. Comme tu le constate, je ne suis pas égoïste et j’ai pensé aux vrais développeurs comme toi ^_^

    @Plume — Je viens de mettre à jour le billet avec une notes listant trois méthodes dont deux en PHP pour avoir des variables, etc. dans les CSS.

  5. [...] This post was mentioned on Twitter by Jean-Marie Gall, Yohan Spychala, Benjamin Vigier, Salya H., Bruno Bichet and others. Bruno Bichet said: CleverCSS — Mettez un Python dans vos CSS http://j.mp/bYmq6D [...]

  6. ludo dit :

    Bonjour, la même chose existe pour PHP et s’appelle CSS Scaffold. Le site est actuellement indisponible mais ça marche !

    Dans le même registre, en Ruby (malheureusement pour ceux qui n’aiment pas) il y a Compass dont s’est inspiré lesscss.

  7. predat dit :

    Compass c’est pas du ruby c’est écrit en ruby mais c’est du sass, un meta language qui permet d’inclure des fonctions (mixin), des variables et tout ce qui manque au css (DRY quoi)…

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site