2013-08-23 14 views
12

Lo strumento autoprefixer è un post-processore CSS che aggiunge i prefissi dei fornitori corretti alle dichiarazioni di stile altrimenti 'ingenue'.Autoprefixer vs LESS/Sass mixins?

In che modo si confronta (in termini di efficacia e esperienza dello sviluppatore) con le miscele fornite da LESS e Sass per lo stesso obiettivo di generare stili specifici del fornitore?

+0

C'è un problema di programmazione reale qui? – cimmanon

+5

SO non è solo per problemi. Sto facendo una domanda quantitativa sulla differenza di capacità tra due pezzi di software. – Marplesoft

+3

È possibile utilizzare Autoprefixer con Sass/LESS. Autoprefixer per prefisso CSS 3 e Sass per business logic. Creo Autoprefixer esattamente per usarlo con Sass, non per sostituire :). –

risposta

4

Sia LESS che Sass hanno diversi framework e librerie che puoi integrare nel tuo flusso di lavoro, molti dei quali includono una sorta di mixin di prefisso, quindi molto probabilmente otterrai gli stessi risultati con entrambi i metodi, e se è l'unica cosa che usarlo per, quindi probabilmente non importa quale si utilizza.

Dove LESS e Sass ottengono il loro potere è in tutte le altre cose che possono fare, incluse cose come annidamento di dichiarazioni, variabili, loop e altri mixin, che possono o meno essere ciò che è necessario per un dato progetto.

Con questo potere, ovviamente, vengono le differenze di sintassi: si inizia a spostarsi dal CSS nativo, inclusa la sintassi per la gestione dei prefissi. In LESS e Sass, se si desidera avere prefissi di fornitori su qualcosa, generalmente si utilizza la sintassi @mixin. Questa è la principale differenza in "esperienza dello sviluppatore" che vedrai, ma ancora una volta, LESS e Sass sono strumenti più grandi di autoprefixer, quindi probabilmente stai prendendo la sintassi mixin in parte e parcel con l'altra sintassi i cambiamenti.

In altre parole, utilizzare gli strumenti come autoprefixer o prefisso se tutto ciò che si sta utilizzando è il prefisso e utilizzare LESS o Sass se si desidera utilizzare le altre funzionalità.

+4

Gli autoprefixer e cose come LESS e SASS fanno cose molto diverse. Il primo aggiunge solo prefissi per una migliore compatibilità cross browser, mentre i due ultimi sono CSS _preprocessors_. Come dici tu, puoi aggiungere un mixin per prefissare determinate proprietà in LESS o SASS, ma non è come passare il CSS puro a un prefisso. Inoltre, LESS e SASS non hanno affatto framework o librerie, a meno che non si intenda che sono loro stessi – Bojangles

+0

@Bojangles - Compass chiama sé stesso un framework, potrebbe anche essere considerato una "libreria di mixin". Frameless e Bootstrap sono anche considerati framework e/o librerie, entrambi disponibili in LESS e Sass. Questo è quello a cui mi riferisco, di cui sia LESS che Sass ne hanno diversi. (Vedi anche: [library (computing)] (http://en.wikipedia.org/wiki/Library_ (computing) - una raccolta di implementazioni di un comportamento) – Shauna

+0

Non si parla di Compass nella risposta. Bootstrap e Frameless sono strutture di per sé, di cui MENO è una parte di. LESS né SASS sono una "raccolta di implementazioni di comportamento" - sono _programmi_. Si prega di ottenere la terminologia giusta – Bojangles

Problemi correlati