Bootstrap 3 with less

Se volete lavorare con Bootstrap 3 modificando i file .less e non volete installare o non conoscete Bower e Grunt allora un buon setup di strumenti di sviluppo multipiattaforma a mio avviso è:

  • SourceTree by Atlasssian per il versioning con Git
  • Sublime Text 2 per la modifica dei file html, php e less
  • Prepros App per la compilazione di file .less, .css (minify) e .js (minify)

Qui i riferiementi, alla data di scrittura dell’articolo, al download dei tool:

SourceTree
Sublime Text 2
Prepros App

Questa la configurazione per la compilazione su Prepros App dei file .less a partire dalla struttura di directory dei file sorgenti di bootstrap.

prepros.css.config

Una cosa che ho trovato differente rispetto ad altri preprocessori è nella gestione dei file minificati .min.css differenti rispetto ai file da cui derivano .css (senza suffisso .min) e questa:

Volendo generare sia i¬†file.css¬†e i loro minificati separati¬†file.min.css¬†occorre non settare il flag (compressCSS) sui¬†file.css¬†ma all’interno del progetto sul file generato¬†file.css¬†√® qui che va messo il flag di minificazione (compressCSS).

Un’altra cosa da sapere √® che Sublime Text non ha di default la sintassi per i file .less.

Se volete quindi installarla seguite le istruzioni che trovate qui: danro/LESS-sublime

Buon lavoro!

Alla prossima!

Bootstrap 3 with less