28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'utilise actuellement knacss via less. J'utilise une class php (http://leafo.net/lessphp/) pour obtenir le css.

Je ne parviens pas à utiliser less-plugin-autoprefix. (https://github.com/less/less-plugin-autoprefix)
Lorsque je tente la commande suivante dans le terminal :
lessc /chemin_du_fichier/knacss.less --autoprefix="last 2 versions"

J'ai le résultat suivant :
upload/60403-less01.png

Je travail sous kubuntu. Quelqu'un pourrait détailler la démarche à suivre pour autoprefixer knacss en version less ?

Je vous remercie d'avance pour votre aide. Smiley confused

Edit :
Problème résolu en installant une version plus récente de node.js
L'utilisation d'un task runner est conseillé. Cela va me permettre automatiser plusieurs taches en même temps, que ce soit pour l'utilisation d'un préprocesseur, auto-prréfixer le css et bien d'autres chose encore.
Modifié par gravefield (12 Nov 2015 - 12:50)
Administrateur
Bonjour gravefield,

Je n'ai jamais utilisé ce plugin LESS, mais si cela peut te dépanner, il existe d'autres (multiples) moyens de compiler du LESS :

Un logiciel :
- SimpLESS (gratuit, tous OS)
- Prepros (27$, PC/Mac)
- Mixture (39$, PC/Mac)
- Koala (gratuit, PC/Mac/Linux)
- CodeKit (29$, Mac)
- WinLESS (gratuit, PC)

Un plugin sur ton éditeur de code :
- LESS autocompile (Atom, Brackets)
- LESS Sublime (Sublime Text)
- Brackets Sass (Brackets)
- etc.
- http://lesscss.org/usage/#editors-andplugins

Avec un task runner :
- tâches Grunt
- tâches Gulp
- tâches Brunch

Ou directement en ligne :
- http://lesstester.com/
- http://pleeease.io/play/
- http://winless.org/online-less-compiler

Bonne chance !
Administrateur
Bonjour et bienvenue, Smiley smile

Tu dis utiliser d'une part le compilateur LESS en PHP et d'autre part vouloir utiliser un script écrit pour du node.js
Es-tu bien en train de lancer ce dernier depuis node ou comme du node ? Vu la 1ère ligne de ton message d'erreur je dirais que oui mais mieux vaut commencer par ça Smiley smile

As-tu testé avec un fichier CSS valide et simple, simplement renommé en .less ? Avec un fichier LESS de 10 lignes bien simple puis un peu plus complexe ?
Raphael a écrit :
Bonjour gravefield,

Je n'ai jamais utilisé ce plugin LESS, mais si cela peut te dépanner, il existe d'autres (multiples) moyens de compiler du LESS :

Un logiciel :
- SimpLESS (gratuit, tous OS)
- Prepros (27$, PC/Mac)
- Mixture (39$, PC/Mac)
- Koala (gratuit, PC/Mac/Linux)
- CodeKit (29$, Mac)
- WinLESS (gratuit, PC)

Un plugin sur ton éditeur de code :
- LESS autocompile (Atom, Brackets)
- LESS Sublime (Sublime Text)
- Brackets Sass (Brackets)
- etc.
- http://lesscss.org/usage/#editors-andplugins

Avec un task runner :
- tâches Grunt
- tâches Gulp
- tâches Brunch

Ou directement en ligne :
- http://lesstester.com/
- http://pleeease.io/play/
- http://winless.org/online-less-compiler

Bonne chance !


Merci, pour toutes ces informations. Je ne savais pas où chercher, c'est agréable d'être mis sur les bon rails. Je pense que j'arrive à point où j'ai bien besoin d'un task runner. J'ai découvert un très bon tuto sur Gulp, c'est vraiment des outils intéressant !

Felipe a écrit :

Bonjour et bienvenue, Smiley smile

Tu dis utiliser d'une part le compilateur LESS en PHP et d'autre part vouloir utiliser un script écrit pour du node.js
Es-tu bien en train de lancer ce dernier depuis node ou comme du node ? Vu la 1ère ligne de ton message d'erreur je dirais que oui mais mieux vaut commencer par ça Smiley smile

As-tu testé avec un fichier CSS valide et simple, simplement renommé en .less ? Avec un fichier LESS de 10 lignes bien simple puis un peu plus complexe ?


Merci pour l'accueil Smiley smile .
Effectivement tester avec un fichier plus simple ma permis de constater que je ne disposais pas de la bonne version de node. J'étais en 0.10 et less demande 0.12. J'ai donc installé la version 5.x et testé avec un fichier simple. Et cela fonctionne !

Merci à vous pour votre aide. Ce n'est pas toujours facile de travailler isolé, mais grâce à votre aide je parviens à évolué un peu. Merci Smiley smile .