Tuesday, January 14, 2014

Prepros

AppId is over the quota
AppId is over the quota

Prepros est un "environnement de travail" (workflow) graphique destiné aux projets d'intégrations HTML et CSS basés sur des préprocesseurs tels que LESS, Sass/Compass et Stylus.

Ce logiciel est OpenSource (licence MIT), disponible sur Windows et Mac, gratuit dans sa version de base (largement suffisante), et offre de nombreuses fonctionnalités d'optimisations et d'automatisations.

prepros

Prepros compile automatiquement les langages LESS, Sass, SCSS, Stylus, Jade, Slim, Coffeescript, LiveScript, Haml et Markdown. Rien que ça.

Vous pouvez choisir le format de sortie du fichier CSS, à savoir : normal, compact ou minifié.

De plus, l'outil dispose de gestions de logs et d'erreurs assez pratiques.

Prepros offre la possibilité de compresser les images de votre projet (JPG, PNG, GIF). À noter toutefois que l'outil d'optimisation d'images est manuel (image par image) et ne vaut pas les ténors dans le domaine même s'il est déjà très bon.

Prepros minifie et concatène (réunit) les divers fichiers JavaScript pour n'en obtenir qu'un en production.

Inutile de vous soucier des préfixes constructeurs (-moz-, -webkit-, etc.) car l'outil peut s'en charger automatiquement pour vous. 

Et il le fait très intelligemment puisqu'il reconnaît même les anciennes syntaxes de propriétés afin de les rendre compatibles multi-navigateurs (par exemple pour les dégradés CSS3 ou les différentes versions du module flexbox).

Associé à une extension Chrome, Prepros offre la possibilité d'afficher en ligne son projet et surtout de voir rafraîchir la page automatiquement.

Il est également possible de tester sur mobiles et tablettes grâce au serveur intégré et à l'adresse IP qui est communiquée par l'outi.

Cette dernière fonctionnalité (réservée à l'offre payante - 19USD) permet de transférer tous les fichiers, ou uniquement ceux modifiés, vers un serveur FTP.

Au final, Prepros est un environnement de travail particulièrement pratique : il suffit d'enregistrer votre fichier pur qu'il soit automatiquement compilé, préfixé, minifié, mis en ligne et rafraîchi dans le navigateur !

D'autres outils de ce type existent : CodeKit (Mac uniquement) et Mixture.io.

Si vous connaissez déjà l'un de ces outils, n'hésitez pas à partager votre expérience ici.

No comments:

Post a Comment