Re: [Ovillo] SASS un meta lenguaje mejor organizado que CSS
El 17 de enero de 2011 20:44, Tei oscar.vi...@gmail.com escribió: Todas estas cosas me interesan si hay un interprete en PHP, de modo que puedas coger cualquier framework y ponerle de url sass2css.php?file=cosica.sass o algo similar, como url de un css. 1. Necesitas tener instalado Ruby para usar Sass 2. Para usar sass con PHP te recomiendo que uses Compass. Es un metaframework 3. Compass tiene un comando que es $compass watch 4. con watch lo que haces es que tu tocas los .sass y el te actualiza el .css 5. Tu haces todas las carpetas que quieras, te organizas y el te lo saca en un solo .css 6. Compass tiene una opcion :compress que te saca el .css en una sola linea. Lo que os recomiendo es que le echeis un vistazo. Requisitos: 1. Instalar Ruby 2. No tener miedo a la linea de comandos Estos dos requisitos no superan a los beneficios. Ademas el que mantiene el codigo de SASS colabora con COMPASS y viceversa. De todos modos lo que necesitamos deberia hacer mas cosas, minimizar el css resultante, cachearlo, concatenar varios CSS en uno solo, .. 2011/1/17 Andrés gutiérrez andresgut...@gmail.com: El 17 de enero de 2011 16:51, Marcos Lorca marcoslo...@hotmail.com escribió: M... se ve interesante, habrá que explorarlo. -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] SASS un meta lenguaje mejor organizado que CSS
2011/1/18 Andrés gutiérrez andresgut...@gmail.com: El 17 de enero de 2011 20:44, Tei oscar.vi...@gmail.com escribió: Todas estas cosas me interesan si hay un interprete en PHP, de modo que puedas coger cualquier framework y ponerle de url sass2css.php?file=cosica.sass o algo similar, como url de un css. ... 2. Para usar sass con PHP te recomiendo que uses Compass. Es un metaframework 3. Compass tiene un comando que es $compass watch 4. con watch lo que haces es que tu tocas los .sass y el te actualiza el .css 5. Tu haces todas las carpetas que quieras, te organizas y el te lo saca en un solo .css 6. Compass tiene una opcion :compress que te saca el .css en una sola linea. Eso implicaria tener que aprender a usar esta nueva herramienta, y tenerla instalada en todos los entornos donde se fuera a usar. Si ya estas usando ruby, no tiene coste, pero sino tienes que instalarlo y habituarte a el. Es otra cosa a tener en cuenta. Naturalmente con esto no puedes hacer un hack rapido de una hoja CSS, tienes que hacerla en el SASS y compilar el CSS y subirlo. No son impedimentos, pero significa que no es tan facil, tiene un coste en horas, y en zumo mental (mental juice). Luego si tienes ya mil proyectos, vas a trabajar con el metodo antiguo y el nuevo. Bueno, habra que investigarlo. El problema es obvio, las hojas de estilo evolucionan hacia el caos rapidamente, esto quizas ayude. -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] SASS un meta lenguaje mejor organizado que CSS
El 18 de enero de 2011 13:33, Tei oscar.vi...@gmail.com escribió: 2011/1/18 Andrés gutiérrez andresgut...@gmail.com: El 17 de enero de 2011 20:44, Tei oscar.vi...@gmail.com escribió: Todas estas cosas me interesan si hay un interprete en PHP, de modo que puedas coger cualquier framework y ponerle de url sass2css.php?file=cosica.sass o algo similar, como url de un css. ... 2. Para usar sass con PHP te recomiendo que uses Compass. Es un metaframework 3. Compass tiene un comando que es $compass watch 4. con watch lo que haces es que tu tocas los .sass y el te actualiza el .css 5. Tu haces todas las carpetas que quieras, te organizas y el te lo saca en un solo .css 6. Compass tiene una opcion :compress que te saca el .css en una sola linea. Eso implicaria tener que aprender a usar esta nueva herramienta, y tenerla instalada en todos los entornos donde se fuera a usar. Si ya estas usando ruby, no tiene coste, pero sino tienes que instalarlo y habituarte a el. Es otra cosa a tener en cuenta. Naturalmente con esto no puedes hacer un hack rapido de una hoja CSS, tienes que hacerla en el SASS y compilar el CSS y subirlo. No son impedimentos, pero significa que no es tan facil, tiene un coste en horas, y en zumo mental (mental juice). Luego si tienes ya mil proyectos, vas a trabajar con el metodo antiguo y el nuevo. SASS tiene una funcionalidad que te permite convertir tus .css a .sass En cuanto a lo de Ruby. Si trabajas en Linux o Mac OX es trivial. Y no soy informatico. Soy licenciado en Bellas Artes ;) Merece la pena el mental juice. Mira SASS/COMPASS como un repositorio central donde tienes una series de librerias donde se van actualizando los hacks para explore y los avances en los nuevos navegadores Para disfrutar de eso. Solo tienes que usarlo. Un saludo, Andrés Bueno, habra que investigarlo. El problema es obvio, las hojas de estilo evolucionan hacia el caos rapidamente, esto quizas ayude. -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] SASS un meta lenguaje mejor organizado que CSS
Para los que les asuste la linea de comandos. Hay un proyecto que provee de una GUI para usar Compass [1] Tienes que pagar 7€ para usarlo. Pero solo si lo bajas desde su pagina. Como es Open Sources. Te dejan bajarte el codigo y compilarlo sin pagar nada. No se si es solo para Mac OSX. Yo la verdad os digo que os lanzeis con la linea de comandos. Es muy divertido. Y aqui [2] hay una demo online para probar sass. Con la sintaxis .scss. Porque SASS tiene dos sintaxis: 1. La clasica. Archivos .sass es indentada y no hay que poner llaves ni punto y coma. 2. La nueva. Archivos .scss que es mas parecido a la sintaxis .css La verdad es que se lo estan currando mucho para hacernos la vida mas facil. [1] http://compass.handlino.com/ [2] http://try-sass.heroku.com/ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] SASS un meta lenguaje mejor organizado que CSS
Mi ultima aportación. Aqui hay una presentacion de uno de los co-autores de Compass [1] [1] http://www.hagenburger.net/BLOG/3-Steps-to-Make-Better-And-Faster-Frontends.html ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] SASS un meta lenguaje mejor organizado que CSS
Algunas de estas cosas se pueden hacer tambien en PHP. PHP se puede
escribir como si fuera Java, pero es tambien un lenguaje de templates.
Puedes escribir esto:
X8
?php
header(content-type: text/css);
$rojoCorporativo = #FFE001;
?
h1, h2 {
color: ?php echo $rojoCorporativo; ?
}
strong {
color: ?php echo $rojoCorporativo; ?
}
X8
--
--
ℱin del ℳensaje.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
