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 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.

Prepros

Prepros is a "working environment" (workflow) table for preprocessors like Sass/compass, LESS and integration, Stylus-based HTML and CSS projects.This software is open source (MIT license), available in Windows and Mac, free in its basic version (wide) and offers many features optimizations and automation.Prepros automatically compiles less, Sass, SCSS, Stylus, Jade, Slim, Coffeescript, syntactic, Haml and Markdownlanguage. Nothing much.You can choose the output format for the CSS file, namely: normal, compact, or they are.In addition, the tool provides records management and enough practical errors.Prepros provides the ability to compress images in your project (JPG, PNG, GIF). Note, however, that the image optimization tool is manual (picture by picture) and not worth worth the tenors in the field, even if it is already very good.Prepros minifie and concatenates (combines) JavaScript files not to have one in production.No worry about the prefixes of manufacturers (- moz-, - webkit-, etc.) because the tool can do automatically for you.And it does so very elegant since it recognizes even the old syntax of properties to make them compatible browser (e.g. for CSS3 gradients or different versions of flexbox module).Associated with an extension for Chrome, Prepros offers the possibility of viewing your project online and especially to see the page automatically update.It is also possible to test mobile and tablets through the built-in Server and the IP address that is provided by the tool.This last feature (for the offer of payment - 19USD) you can transfer all files, or only those modified to an FTP server.In the end, Prepros is a particularly suitable framework: store only your pure file that is automatically compiled, prefix, minifie, put on line and updated in the browser.There are other tools of this type: CodeKit (Mac only) and Mixture.io.If you know one of these tools, feel free to share your experience here.