2012-03-31 11 views
6

¿Cuál es el mejor sistema para organizar su CSS?que debería usar (para sitios basados ​​en python)? sass, brújula, switchcss ... alternativas?

Estoy haciendo varios sitios web donde utilizo Python para scripts de back-end. Estoy interesado en usar algo para ayudarme a organizar scripts de LONG css.

Tengo curiosidad sobre lo que usan los desarrolladores de python/django, y he oído hablar de switchcss. He visto a amigos usar sass/compass en el pasado, pero esto parece requerir un intérprete de ruby, y podría ser bueno construir los sitios de tal manera que no requiera intérpretes de python y ruby ​​en el servidor (o mi máquina local). Pero si algo como sass es definitivamente la mejor opción, instalar ruby ​​no es difícil.

+0

SASS/SCSS/Compass son imprescindibles para mí. Utilizo principalmente SCSS en el trabajo y hace una diferencia extraordinaria en la productividad frente al viejo CSS normal. Vale la pena poner a Ruby en tu máquina local. Tenemos un gancho Git que se compila cuando presionamos. – ceejayoz

Respuesta

9

Me estaba haciendo la misma pregunta hace unos días. Después de una extensa investigación:

"No hay mejor sistema para organizar CSS"

no tengo mucha experiencia con menos aunque SASS tenía más sentido para mí.

No es necesario Rubí en el servidor de SASS sólo tiene que instalar en su ordenador y cargar/sincronizar los archivos CSS emitidos a su servidor como un archivo css normal. (SASS puede admitir sitios web enormes, un archivo css estático normal (minificado) = menos trabajo en el servidor).

El sitio web de SASS menciona que la sintaxis "SASS" de es más concisa que la sintaxis "SCSS" más reciente. Muchos argumentarán, pero las sangrías son hermosas, sin corchetes & sin punto y coma, así como importar como + & mixins as = etc. La sintaxis SCSS simplemente se creó para competir con la sintaxis LESS. He intentado ambos y "para mí" la sintaxis de SASS es mucho más divertida, pero eso es solo mi punto de vista.

El editor de texto & sus opciones que utiliza juega una gran diferencia entre la hora de elegir el SASS & SCSS Sintaxis. Si no sabes cómo sangrar 2 espacios a través de un atajo, puedes pasar todo el tiempo atornillando tu cara en el código SASS sintaxis. SCSS no le dará errores para sangrar fuera de lugar, puede ser tan desordenado como debe ser (como el css de mano) realmente a elección personal, aunque Chris Eppstein tiene sentido cuando piensa en la conveniencia del trabajo en equipo personal (en los comentarios):

http://thesassway.com/articles/sass-vs-scss-which-syntax-is-better

SCSS ha llenado rápido, ya que es por defecto ahora, por lo que si usted va a aprender el SASS sintaxis que probablemente va a terminar sabiendo tanto ya que todos los nuevos recursos se dirigen a SCSS. (Por cierto, puede convertir la sintaxis SASS en SCSS, viceversa)

Por lo tanto, depende de la preferencia. Pruébalos todos, incluido MENOS. (La brújula es excelente)

+0

esta es una excelente respuesta, especialmente útil son los detalles sobre la configuración del editor de texto y SASS vs SCSS. Todavía me pregunto, por curiosidad, ¿cuáles son las soluciones más prominentes y bien documentadas basadas en python? – pepperdreamteam

+0

Sin problemas, trate de no mirarlo desde un POV de selección de idioma. Está eligiendo un preprocesador para generar un archivo estático, parece que está escrito en Ruby y me alegro de que sea como los comandos y las configuraciones de la terminal son tan fáciles de usar y (no soy un tipo de Ruby). No estoy seguro de ningún preprocesador de Python CSS "de lo que algunos pueden llamar estándar de la industria". Prueba con http://code.google.com/p/switchcss/. – Undefined

0

¿Has mirado a MENOS? Traté de ir por la ruta Sass/Scss, pero los puertos Python del original Ruby parecían no estar a la altura de su progenitor.

LESS es javascript, su versión del lado del cliente no depende de Node.js (como Stylus) y tiene una sintaxis extremadamente intuitiva (aunque no estoy seguro de por qué se eligió la arroba para la declaración de variables).

En el lado del cliente (hay una opción del lado del servidor también), que acaba de incluir una referencia al código en el cabezal con un elemento de escritura estándar:

<script src="js/less.js" type="text/javascript"></script> 

y luego, en lugar de utilizar rel="stylesheet/css usa rel="stylesheet/less" para el enlace externo de la hoja de estilo.

0

Pruebe CSS-On-Diet. Está escrito en Python y puede instalarlo desde PYPI:

pip install CSSOnDiet 
Cuestiones relacionadas