Re: [Ovillo] Como ahorrar tamaño a un archivo CSS
Estoy haciendo un poco de abogado del diablo, para poder estudiar un angulo del asunto que quizas sino se quedaria sin mencionar. Ultimamente le he hechado un ojo a JQuery Mobile, que tiene muy buena pinta, y solo añade 17KB. 2011/11/28 Ramón Corominas : > Las tarifas de 3G en roaming son astronômicas, 11,8 euros por MB si sales > fuera de la UE. > He oido decir que los Blackberry tienen una buena tarifa internacional. No se nada del tema, solo algo que he oido decir a alguien. > Ahora cuèntame otra vez eso de que se soluciona con hardware... :P > Tambien se puede solucionar con software. Estilo quizas conectar por vpn a una maquina,poner un proxy en ella, y comprimir todo el trafico desde y hasta este proxy. Si es un proxy web, se podria forzar a que minimizara todo el mime text/css antes de servirlo... aunque si vas a comprimir el trafico, minimizar puede ser redundante. > > Tei escribió: > >> A mi si alguien pusiera el dinero necesario encima de la mesa, me >> encantaria volver a todas las paginas que he vuelto, y optimizar pngs, >> jpgs,.. .etc. Al menos nuestras paginas son futureproff, cuando >> venga la banda-super-ancha, las paginas iran deprisa que te cagas :D >> Es un problema al que solo hay que echarle hardware encima y se >> soluciona. El hardware es barato, las horas del programador/diseñador >> son caras. >> >> >> 2011/11/25 Ramón Corominas : >>> Hombre, aunque en este caso puedo estar de acuerdo contigo, porque la >>> reducción va a ser mínima, habrá que mirar el contexto de uso. Eso que >>> dices puede ser cierto en el primer mundo, pero no es tan sencillo de forma >>> global. >>> >>> Además, te aseguro que cada vez que salgo de España y pago roaming de 3G me >>> acuerdo de la familia de todos los diseñadores que no redujeron el tamaño >>> de las imágenes y demás porque "hoy en día todo el mundo tiene banda ancha". >>> >>> Saludín. >>> Ramón. >>> >>> Tei escribió: >>> De todos modos si estamos hablando de ficheros css de 40KB. Hace mucho tiempo que nadie navega por internet con modems, o desde poblaciones rurales / poligonos industriales. Yo no me preocuparia desde nuestro lado, si alguien navega con un modem de 9600 baudios, el problema esta en su lado. >> >> >> -- >> -- >> ℱ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 -- -- ℱ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] Como ahorrar tamaño a un archivo CSS
No recomiendo apretar el código pues al hacer modificaciones perderás mucho tiempo, mas vale optimizar fotografías que es donde si se ahorra trafico. El 30 de noviembre de 2011 14:02, Jose María Jareño García < construyetunegocioeninter...@gmail.com> escribió: > Hola Miguel. > >Yo lo hago poniéndolo todo en la misma línea y procurando usar el > tabulador en vez espacios para identar y "ajustar como en columnas". Apenas > uso retorno de carro. Así puedo comparar estilos rápidamente y ahorro > espacio a la vez. > > caption,th,td[TAB]{text-align:left; vertical-align:middle; > font-weight:normal;float:none !important;} > .otro_estilo[TAB+TAB]{text-align:right; vertical-align:top; > font-weight:bold;float:none !important;} > > ESTO TE QUEDARÁ ASÍ: > > caption,th,td {text-align:left; vertical-align:middle; > font-weight:normal;float:none !important;} > .otro_estilo {text-align:right; vertical-align:top; > font-weight:bold;float:none !important;} > > Cuando lo necesito, intercalo un [TAB] entra cada uno de los parámetros > para separarlos y crear como "columnas". > > > caption,th,td[TAB]{text-align:left;[TAB+TAB]vertical-align:middle;[TAB+TAB]font-weight:normal;float:none > !important;} > > .otro_estilo[TAB+TAB]{text-align:right;[TAB+TAB+TAB]vertical-align:top;[TAB+TAB+TAB]font-weight:bold;float:none > !important;} > > > ESTO OTRO TE QUEDARÍA ASÍ: > > caption,th,td {text-align:left; vertical-align:middle; > font-weight:normal; float:none !important;} > .otro_estilo {text-align:right;vertical-align:top; > font-weight:bold; float:none !important;} > > > Espero te sea útil. Un saludo a todos. > > > > > El 25 de noviembre de 2011 06:13, MIguel Flores Franco < > mikerfra...@gmail.com> escribió: > > > Buenos días! > > > > > > > > Con cuál de los siguientes dos ejemplos se puede ahorrar tamaño a un > > archivo > > CSS? > > > > Como quiera que sea , la longitud del archivo que estoy generando no > enorme > > pero de todos modos.. > > > > > > > > EJEMPLO 1 > > > > > > > > caption, th, td { > > > > text-align: left; > > > > vertical-align: middle; > > > > font-weight: normal; > > > > float:none !important; > > > > } > > > > EJEMPLO 2 > > > > caption, th, td { text-align: left; vertical-align: middle; > font-weight: > > normal; float:none !important; } > > > > > > > > Muchas gracias > > > > > > > > Saludos cordiales > > > > > > > > Miguel > > > > > > > > ___ > > 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 > ___ 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] Como ahorrar tamaño a un archivo CSS
Muchas gracias por tu alcance, interesante lo de los tabs. Agradezco el aporte y tiempo dedicado en redactar las respuestas que deberé tener en consideración. Miguel -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Jose María Jareño García Enviado el: miércoles, 30 de noviembre de 2011 08:03 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Como ahorrar tamaño a un archivo CSS Hola Miguel. Yo lo hago poniéndolo todo en la misma línea y procurando usar el tabulador en vez espacios para identar y "ajustar como en columnas". Apenas uso retorno de carro. Así puedo comparar estilos rápidamente y ahorro espacio a la vez. caption,th,td[TAB]{text-align:left; vertical-align:middle; font-weight:normal;float:none !important;} .otro_estilo[TAB+TAB]{text-align:right; vertical-align:top; font-weight:bold;float:none !important;} ESTO TE QUEDARÁ ASÍ: caption,th,td {text-align:left; vertical-align:middle; font-weight:normal;float:none !important;} .otro_estilo {text-align:right; vertical-align:top; font-weight:bold;float:none !important;} Cuando lo necesito, intercalo un [TAB] entra cada uno de los parámetros para separarlos y crear como "columnas". caption,th,td[TAB]{text-align:left;[TAB+TAB]vertical-align:middle;[TAB+TAB]f ont-weight:normal;float:none !important;} .otro_estilo[TAB+TAB]{text-align:right;[TAB+TAB+TAB]vertical-align:top;[TAB+ TAB+TAB]font-weight:bold;float:none !important;} ESTO OTRO TE QUEDARÍA ASÍ: caption,th,td {text-align:left; vertical-align:middle; font-weight:normal; float:none !important;} .otro_estilo {text-align:right;vertical-align:top; font-weight:bold; float:none !important;} Espero te sea útil. Un saludo a todos. El 25 de noviembre de 2011 06:13, MIguel Flores Franco < mikerfra...@gmail.com> escribió: > Buenos días! > > > > Con cuál de los siguientes dos ejemplos se puede ahorrar tamaño a un > archivo CSS? > > Como quiera que sea , la longitud del archivo que estoy generando no > enorme pero de todos modos.. > > > > EJEMPLO 1 > > > > caption, th, td { > > text-align: left; > > vertical-align: middle; > > font-weight: normal; > > float:none !important; > > } > > EJEMPLO 2 > > caption, th, td { text-align: left; vertical-align: middle; font-weight: > normal; float:none !important; } > > > > Muchas gracias > > > > Saludos cordiales > > > > Miguel > > > > ___ > 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 ___ 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] Como ahorrar tamaño a un archivo CSS
Hola Miguel. Yo lo hago poniéndolo todo en la misma línea y procurando usar el tabulador en vez espacios para identar y "ajustar como en columnas". Apenas uso retorno de carro. Así puedo comparar estilos rápidamente y ahorro espacio a la vez. caption,th,td[TAB]{text-align:left; vertical-align:middle; font-weight:normal;float:none !important;} .otro_estilo[TAB+TAB]{text-align:right; vertical-align:top; font-weight:bold;float:none !important;} ESTO TE QUEDARÁ ASÍ: caption,th,td {text-align:left; vertical-align:middle; font-weight:normal;float:none !important;} .otro_estilo {text-align:right; vertical-align:top; font-weight:bold;float:none !important;} Cuando lo necesito, intercalo un [TAB] entra cada uno de los parámetros para separarlos y crear como "columnas". caption,th,td[TAB]{text-align:left;[TAB+TAB]vertical-align:middle;[TAB+TAB]font-weight:normal;float:none !important;} .otro_estilo[TAB+TAB]{text-align:right;[TAB+TAB+TAB]vertical-align:top;[TAB+TAB+TAB]font-weight:bold;float:none !important;} ESTO OTRO TE QUEDARÍA ASÍ: caption,th,td {text-align:left; vertical-align:middle; font-weight:normal; float:none !important;} .otro_estilo {text-align:right;vertical-align:top; font-weight:bold; float:none !important;} Espero te sea útil. Un saludo a todos. El 25 de noviembre de 2011 06:13, MIguel Flores Franco < mikerfra...@gmail.com> escribió: > Buenos días! > > > > Con cuál de los siguientes dos ejemplos se puede ahorrar tamaño a un > archivo > CSS? > > Como quiera que sea , la longitud del archivo que estoy generando no enorme > pero de todos modos.. > > > > EJEMPLO 1 > > > > caption, th, td { > > text-align: left; > > vertical-align: middle; > > font-weight: normal; > > float:none !important; > > } > > EJEMPLO 2 > > caption, th, td { text-align: left; vertical-align: middle; font-weight: > normal; float:none !important; } > > > > Muchas gracias > > > > Saludos cordiales > > > > Miguel > > > > ___ > 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] Como ahorrar tamaño a un archivo CSS
Las tarifas de 3G en roaming son astronômicas, 11,8 euros por MB si sales fuera de la UE. Ahora cuèntame otra vez eso de que se soluciona con hardware... :P Tei escribió: > A mi si alguien pusiera el dinero necesario encima de la mesa, me > encantaria volver a todas las paginas que he vuelto, y optimizar pngs, > jpgs,.. .etc. Al menos nuestras paginas son futureproff, cuando > venga la banda-super-ancha, las paginas iran deprisa que te cagas :D > Es un problema al que solo hay que echarle hardware encima y se > soluciona. El hardware es barato, las horas del programador/diseñador > son caras. > > > 2011/11/25 Ramón Corominas : >> Hombre, aunque en este caso puedo estar de acuerdo contigo, porque la >> reducción va a ser mínima, habrá que mirar el contexto de uso. Eso que dices >> puede ser cierto en el primer mundo, pero no es tan sencillo de forma global. >> >> Además, te aseguro que cada vez que salgo de España y pago roaming de 3G me >> acuerdo de la familia de todos los diseñadores que no redujeron el tamaño de >> las imágenes y demás porque "hoy en día todo el mundo tiene banda ancha". >> >> Saludín. >> Ramón. >> >> Tei escribió: >> >>> De todos modos si estamos hablando de ficheros css de 40KB. Hace mucho >>> tiempo que nadie navega por internet con modems, o desde poblaciones >>> rurales / poligonos industriales. Yo no me preocuparia desde nuestro lado, >>> si alguien navega con un modem de 9600 baudios, el >>> problema esta en su lado. > > > -- > -- > ℱ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] Como ahorrar tamaño a un archivo CSS
Esa es la diferencia entre perder visitas por exceso de tiempo de carga y mantener a los clientes. A largo plazo, si no tienes clientes, tampoco tendras pagina. El 28/11/2011, a les 17:31, Tei va escriure: > A mi si alguien pusiera el dinero necesario encima de la mesa, me > encantaria volver a todas las paginas que he vuelto, y optimizar pngs, > jpgs,.. .etc. Al menos nuestras paginas son futureproff, cuando > venga la banda-super-ancha, las paginas iran deprisa que te cagas :D > Es un problema al que solo hay que echarle hardware encima y se > soluciona. El hardware es barato, las horas del programador/diseñador > son caras. > > > 2011/11/25 Ramón Corominas : >> Hombre, aunque en este caso puedo estar de acuerdo contigo, porque la >> reducción va a ser mínima, habrá que mirar el contexto de uso. Eso que dices >> puede ser cierto en el primer mundo, pero no es tan sencillo de forma global. >> >> Además, te aseguro que cada vez que salgo de España y pago roaming de 3G me >> acuerdo de la familia de todos los diseñadores que no redujeron el tamaño de >> las imágenes y demás porque "hoy en día todo el mundo tiene banda ancha". >> >> Saludín. >> Ramón. >> >> Tei escribió: >> >>> De todos modos si estamos hablando de ficheros css de 40KB. Hace mucho >>> tiempo que nadie navega por internet con modems, o desde poblaciones >>> rurales / poligonos industriales. Yo no me preocuparia desde nuestro lado, >>> si alguien navega con un modem de 9600 baudios, el >>> problema esta en su lado. > > > -- > -- > ℱ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] Como ahorrar tamaño a un archivo CSS
A mi si alguien pusiera el dinero necesario encima de la mesa, me encantaria volver a todas las paginas que he vuelto, y optimizar pngs, jpgs,.. .etc. Al menos nuestras paginas son futureproff, cuando venga la banda-super-ancha, las paginas iran deprisa que te cagas :D Es un problema al que solo hay que echarle hardware encima y se soluciona. El hardware es barato, las horas del programador/diseñador son caras. 2011/11/25 Ramón Corominas : > Hombre, aunque en este caso puedo estar de acuerdo contigo, porque la > reducción va a ser mínima, habrá que mirar el contexto de uso. Eso que dices > puede ser cierto en el primer mundo, pero no es tan sencillo de forma global. > > Además, te aseguro que cada vez que salgo de España y pago roaming de 3G me > acuerdo de la familia de todos los diseñadores que no redujeron el tamaño de > las imágenes y demás porque "hoy en día todo el mundo tiene banda ancha". > > Saludín. > Ramón. > > Tei escribió: > >> De todos modos si estamos hablando de ficheros css de 40KB. Hace mucho >> tiempo que nadie navega por internet con modems, o desde poblaciones rurales >> / poligonos industriales. Yo no me preocuparia desde nuestro lado, si >> alguien navega con un modem de 9600 baudios, el >> problema esta en su lado. -- -- ℱ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] Como ahorrar tamaño a un archivo CSS
El 25/11/11 12:52, Gerardo Oscar Jimenez Tornos escribió: > Para mantener la legibilidad del código es muy cómodo tener un entorno de > desarrollo con el código CSS tabulado y comentado, y un entorno de > producción en el que con un script comprimes todos los CSS, JS, PHPs etc. > > De todas formas, algunos CMS ya lo hacen automáticamente. > > Saludos > > > Gerardo > Obviamente con la segunda versión se ahorran unos bytes, tampoco muchos, la verdad, pero algo. Sin embargo, como bien apunta Gerardo, hoy en día casi todos los CMS permiten "comprimir" las páginas al enviarse al cliente. Yo opino que, como también comentan en el hilo, lo mejor es crear CSS bien estructurados, legibles y comentados, y luego dejar la operativa de compresión en manos del CMS. Un archivo CSS comprimido desde el servidor ocupará muy poco y todo eso se llevará a cabo de forma transparente para el usuario y el desarrollador. Un saludo! jEsuSdA 8) ___ 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] Como ahorrar tamaño a un archivo CSS
Hombre, aunque en este caso puedo estar de acuerdo contigo, porque la reducción va a ser mínima, habrá que mirar el contexto de uso. Eso que dices puede ser cierto en el primer mundo, pero no es tan sencillo de forma global. Además, te aseguro que cada vez que salgo de España y pago roaming de 3G me acuerdo de la familia de todos los diseñadores que no redujeron el tamaño de las imágenes y demás porque "hoy en día todo el mundo tiene banda ancha". Saludín. Ramón. Tei escribió: > De todos modos si estamos hablando de ficheros css de 40KB. Hace mucho > tiempo que nadie navega por internet con modems, o desde poblaciones rurales > / poligonos industriales. Yo no me preocuparia desde nuestro lado, si > alguien navega con un modem de 9600 baudios, el > problema esta en su lado. ___ 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] Como ahorrar tamaño a un archivo CSS
Muchas gracias, tiene sentido lo que indicas.. agradezco sobre manera tu sugerencia.. para tener en cuenta. Gracias a todos quienes me han dado luces en cuanto al CSS aunque a decir verdad mi código era de 7kb ya hors lo tengo en 6kn :=) suena a nada. Gracias nuevamente! Miguel -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Camilo Kawerín Enviado el: viernes, 25 de noviembre de 2011 10:13 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Como ahorrar tamaño a un archivo CSS Hola, Es preferible priorizar la legibilidad y el manteniemiento del código antes que el tamaño del archivo. Dejar comentarios, separar en líneas, ordenar las reglas y propiedades con un criterio claro ayudan a que en el futuro sea más fácil retomar el trabajo sobre una hoja de estilos o que lo puedan continuar otras personas. Además poner cada propiedad en una línea diferente es muy útil cuando se trabaja con un sistema de versionado. Y si el archivo queda muy pesado, hay varias estrategias que se pueden adoptar para que no sea un problema para los usuarios. En html5boilerplate.com hay unas cuantas explicadas. -- Camilo Kawerín kawerin.com.ar ___ 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] Como ahorrar tamaño a un archivo CSS
Muy interesante.. lo de la opción "local" y "la versión en servidor" A veces genero 5 códigos los que voy depurando hasta cuando está casi listo me tiro los anteriores para no hacerme un problema. Por ejemplo en mi actual sitio he contado 8 archivos css generados, los mismos que voy a depurar por una cuestión de claridad y orden. agradezco tu sugerencia Saludos cordiales. Miguel -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Tei Enviado el: viernes, 25 de noviembre de 2011 06:30 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Como ahorrar tamaño a un archivo CSS Yo cuando hago un icono con el Gimp lo edito como loquesea.xcf, pero cuando termino, pues hago "Guardar copia" y pongo loquesea1.png o loquesea2.png si es la segunda version. Igual alguien que crea tienen problemas con el tamaño de su CSS puede hacer algo asi. Guardar como estilo.src.css su estilo, y luego guardar como estilo1.min.css o estilo2.min.css las diferentes versiones del CSS. Es una forma de trabajar a la que acostumbrarse. Yo con las imagenes la practico, pero no con los CSS. Mas que nada porque con los CSS muchas veces tienes algo heredado que para empezar no esta hecho de esta manera. De todos modos si estamos hablando de ficheros css de 40KB. Hace mucho tiempo que nadie navega por internet con modems, o desde poblaciones rurales / poligonos industriales. Yo no me preocuparia desde nuestro lado, si alguien navega con un modem de 9600 baudios, el problema esta en su lado. 2011/11/25 Marina Gallardo : > Siempre es mejor no usar un compresor si no es necesario, porque así > el código va a ser más fácil de gestionar por ti. Un CSS comprimido es > ilegible. En todo caso, ten siempre una copia no comprimida para poder > trabajar en ella. > > También tienes otros plugins como Minify: > http://code.google.com/p/minify/ > > Un saludo! > > 2011/11/25 MIguel Flores Franco > >> Muchas gracias!! >> Justamente es así como lo he venido haciendo solo que quería >> cerciorarme de que iba por buen camino. Ese compresor... le voy a >> echar un vistazo, aunque me he pasado un buen rato organizando el >> código CSS que.. a ver lo voy a probar a ver qué tal. >> >> >> Muchas gracias nuevamente, agradezco tu sugerencia!! >> >> >> Miguel >> >> >> -Mensaje original- >> De: ovillo-boun...@lists.ovillo.org [mailto: >> ovillo-boun...@lists.ovillo.org] >> En nombre de Marina Gallardo >> Enviado el: viernes, 25 de noviembre de 2011 12:48 a.m. >> Para: Ovillo, la lista de CSS en castellano >> Asunto: Re: [Ovillo] Como ahorrar tamaño a un archivo CSS >> >> Hola Miguel, >> >> La mejor forma es la segunda, desde luego. Todo espacio se >> contabiliza en el tamaño, es lo que debes tener en cuenta. Pero debe >> ser fácil de gestionar y mantener por ti. Yo lo hago en una sola >> línea cuando a lo mejor sólo aplico un estilo a varios elementos. >> >> Ejemplo: >> >> caption, th, td { text-align: left; } /* Así ahorramos tres líneas */ >> >> Y si tengo más estilos los pongo con saltos de línea: >> >> caption, th, td { >>text-align: left; >>color: #666; >>} >> >> Para casos extremos puedes comprimir el archivo mediante plugins o >> herramientas online como http://www.cleancss.com/. >> >> Pero sinceramente, lo mejor es organizar bien tu código y tratar de >> reutilizarlo para eliminar duplicaciones. >> >> Un saludo! >> >> >> >> >> 2011/11/25 MIguel Flores Franco >> >> > Buenos días! >> > >> > >> > >> > Con cuál de los siguientes dos ejemplos se puede ahorrar tamaño a >> > un archivo CSS? >> > >> > Como quiera que sea , la longitud del archivo que estoy generando >> > no enorme pero de todos modos.. >> > >> > >> > >> > EJEMPLO 1 >> > >> > >> > >> > caption, th, td { >> > >> > text-align: left; >> > >> > vertical-align: middle; >> > >> > font-weight: normal; >> > >> > float:none !important; >> > >> > } >> > >> > EJEMPLO 2 >> > >> > caption, th, td { text-align: left; vertical-align: middle; >> font-weight: >> > normal; float:none !important; } >> > >> > >> > >> > Muchas gracias >> > >> > >> > >> > Saludos cordiales >> > >> > >> > >> > Miguel >> &g
Re: [Ovillo] Como ahorrar tamaño a un archivo CSS
Yo lo que hago es cuando la web esta en producción, subo la hoja comprimida ( sin espacios en blanco, intentar reemplazar nomenclaturas grandes ), y en desarrollo sigo teniendo mi hoja de estilo Un saludo! El 25/11/2011, a las 16:12, Camilo Kawerín escribió: > Hola, > > > Es preferible priorizar la legibilidad y el manteniemiento del código antes > que el tamaño del archivo. Dejar comentarios, separar en líneas, ordenar > las reglas y propiedades con un criterio claro ayudan a que en el futuro > sea más fácil retomar el trabajo sobre una hoja de estilos o que lo puedan > continuar otras personas. Además poner cada propiedad en una línea > diferente es muy útil cuando se trabaja con un sistema de versionado. > Y si el archivo queda muy pesado, hay varias estrategias que se pueden > adoptar para que no sea un problema para los usuarios. En > html5boilerplate.com hay unas cuantas explicadas. > > > -- > Camilo Kawerín > kawerin.com.ar > ___ > 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] Como ahorrar tamaño a un archivo CSS
Hola, Es preferible priorizar la legibilidad y el manteniemiento del código antes que el tamaño del archivo. Dejar comentarios, separar en líneas, ordenar las reglas y propiedades con un criterio claro ayudan a que en el futuro sea más fácil retomar el trabajo sobre una hoja de estilos o que lo puedan continuar otras personas. Además poner cada propiedad en una línea diferente es muy útil cuando se trabaja con un sistema de versionado. Y si el archivo queda muy pesado, hay varias estrategias que se pueden adoptar para que no sea un problema para los usuarios. En html5boilerplate.com hay unas cuantas explicadas. -- Camilo Kawerín kawerin.com.ar ___ 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] Como ahorrar tamaño a un archivo CSS
Para mantener la legibilidad del código es muy cómodo tener un entorno de desarrollo con el código CSS tabulado y comentado, y un entorno de producción en el que con un script comprimes todos los CSS, JS, PHPs etc. De todas formas, algunos CMS ya lo hacen automáticamente. Saludos Gerardo El 25 de noviembre de 2011 12:29, Tei escribió: > Yo cuando hago un icono con el Gimp lo edito como loquesea.xcf, pero > cuando termino, pues hago "Guardar copia" y pongo loquesea1.png o > loquesea2.png si es la segunda version. > > Igual alguien que crea tienen problemas con el tamaño de su CSS puede > hacer algo asi. Guardar como estilo.src.css su estilo, y luego > guardar como estilo1.min.css o estilo2.min.css las diferentes > versiones del CSS. > > Es una forma de trabajar a la que acostumbrarse. Yo con las imagenes > la practico, pero no con los CSS. Mas que nada porque con los CSS > muchas veces tienes algo heredado que para empezar no esta hecho de > esta manera. > > De todos modos si estamos hablando de ficheros css de 40KB. Hace > mucho tiempo que nadie navega por internet con modems, o desde > poblaciones rurales / poligonos industriales. Yo no me preocuparia > desde nuestro lado, si alguien navega con un modem de 9600 baudios, el > problema esta en su lado. > > > 2011/11/25 Marina Gallardo : > > Siempre es mejor no usar un compresor si no es necesario, porque así el > > código va a ser más fácil de gestionar por ti. Un CSS comprimido es > > ilegible. En todo caso, ten siempre una copia no comprimida para poder > > trabajar en ella. > > > > También tienes otros plugins como Minify: > > http://code.google.com/p/minify/ > > > > Un saludo! > > > > 2011/11/25 MIguel Flores Franco > > > >> Muchas gracias!! > >> Justamente es así como lo he venido haciendo solo que quería > cerciorarme de > >> que iba por buen camino. Ese compresor... le voy a echar un vistazo, > aunque > >> me he pasado un buen rato organizando el código CSS que.. a ver lo voy a > >> probar a ver qué tal. > >> > >> > >> Muchas gracias nuevamente, agradezco tu sugerencia!! > >> > >> > >> Miguel > >> > >> > >> -----Mensaje original----- > >> De: ovillo-boun...@lists.ovillo.org [mailto: > >> ovillo-boun...@lists.ovillo.org] > >> En nombre de Marina Gallardo > >> Enviado el: viernes, 25 de noviembre de 2011 12:48 a.m. > >> Para: Ovillo, la lista de CSS en castellano > >> Asunto: Re: [Ovillo] Como ahorrar tamaño a un archivo CSS > >> > >> Hola Miguel, > >> > >> La mejor forma es la segunda, desde luego. Todo espacio se contabiliza > en > >> el > >> tamaño, es lo que debes tener en cuenta. Pero debe ser fácil de > gestionar y > >> mantener por ti. Yo lo hago en una sola línea cuando a lo mejor sólo > aplico > >> un estilo a varios elementos. > >> > >> Ejemplo: > >> > >> caption, th, td { text-align: left; } /* Así ahorramos tres líneas */ > >> > >> Y si tengo más estilos los pongo con saltos de línea: > >> > >> caption, th, td { > >>text-align: left; > >>color: #666; > >>} > >> > >> Para casos extremos puedes comprimir el archivo mediante plugins o > >> herramientas online como http://www.cleancss.com/. > >> > >> Pero sinceramente, lo mejor es organizar bien tu código y tratar de > >> reutilizarlo para eliminar duplicaciones. > >> > >> Un saludo! > >> > >> > >> > >> > >> 2011/11/25 MIguel Flores Franco > >> > >> > Buenos días! > >> > > >> > > >> > > >> > Con cuál de los siguientes dos ejemplos se puede ahorrar tamaño a un > >> > archivo CSS? > >> > > >> > Como quiera que sea , la longitud del archivo que estoy generando no > >> > enorme pero de todos modos.. > >> > > >> > > >> > > >> > EJEMPLO 1 > >> > > >> > > >> > > >> > caption, th, td { > >> > > >> > text-align: left; > >> > > >> > vertical-align: middle; > >> > > >> > font-weight: normal; > >> > > >> > float:none !important; > >> > > >> > } > >> > > >> > EJEMPLO 2 > >> > > >> > caption, th, td { text-align: left; vertical-align: middle; > >> font-weight: > &g
Re: [Ovillo] Como ahorrar tamaño a un archivo CSS
Yo cuando hago un icono con el Gimp lo edito como loquesea.xcf, pero cuando termino, pues hago "Guardar copia" y pongo loquesea1.png o loquesea2.png si es la segunda version. Igual alguien que crea tienen problemas con el tamaño de su CSS puede hacer algo asi. Guardar como estilo.src.css su estilo, y luego guardar como estilo1.min.css o estilo2.min.css las diferentes versiones del CSS. Es una forma de trabajar a la que acostumbrarse. Yo con las imagenes la practico, pero no con los CSS. Mas que nada porque con los CSS muchas veces tienes algo heredado que para empezar no esta hecho de esta manera. De todos modos si estamos hablando de ficheros css de 40KB. Hace mucho tiempo que nadie navega por internet con modems, o desde poblaciones rurales / poligonos industriales. Yo no me preocuparia desde nuestro lado, si alguien navega con un modem de 9600 baudios, el problema esta en su lado. 2011/11/25 Marina Gallardo : > Siempre es mejor no usar un compresor si no es necesario, porque así el > código va a ser más fácil de gestionar por ti. Un CSS comprimido es > ilegible. En todo caso, ten siempre una copia no comprimida para poder > trabajar en ella. > > También tienes otros plugins como Minify: > http://code.google.com/p/minify/ > > Un saludo! > > 2011/11/25 MIguel Flores Franco > >> Muchas gracias!! >> Justamente es así como lo he venido haciendo solo que quería cerciorarme de >> que iba por buen camino. Ese compresor... le voy a echar un vistazo, aunque >> me he pasado un buen rato organizando el código CSS que.. a ver lo voy a >> probar a ver qué tal. >> >> >> Muchas gracias nuevamente, agradezco tu sugerencia!! >> >> >> Miguel >> >> >> -Mensaje original- >> De: ovillo-boun...@lists.ovillo.org [mailto: >> ovillo-boun...@lists.ovillo.org] >> En nombre de Marina Gallardo >> Enviado el: viernes, 25 de noviembre de 2011 12:48 a.m. >> Para: Ovillo, la lista de CSS en castellano >> Asunto: Re: [Ovillo] Como ahorrar tamaño a un archivo CSS >> >> Hola Miguel, >> >> La mejor forma es la segunda, desde luego. Todo espacio se contabiliza en >> el >> tamaño, es lo que debes tener en cuenta. Pero debe ser fácil de gestionar y >> mantener por ti. Yo lo hago en una sola línea cuando a lo mejor sólo aplico >> un estilo a varios elementos. >> >> Ejemplo: >> >> caption, th, td { text-align: left; } /* Así ahorramos tres líneas */ >> >> Y si tengo más estilos los pongo con saltos de línea: >> >> caption, th, td { >> text-align: left; >> color: #666; >> } >> >> Para casos extremos puedes comprimir el archivo mediante plugins o >> herramientas online como http://www.cleancss.com/. >> >> Pero sinceramente, lo mejor es organizar bien tu código y tratar de >> reutilizarlo para eliminar duplicaciones. >> >> Un saludo! >> >> >> >> >> 2011/11/25 MIguel Flores Franco >> >> > Buenos días! >> > >> > >> > >> > Con cuál de los siguientes dos ejemplos se puede ahorrar tamaño a un >> > archivo CSS? >> > >> > Como quiera que sea , la longitud del archivo que estoy generando no >> > enorme pero de todos modos.. >> > >> > >> > >> > EJEMPLO 1 >> > >> > >> > >> > caption, th, td { >> > >> > text-align: left; >> > >> > vertical-align: middle; >> > >> > font-weight: normal; >> > >> > float:none !important; >> > >> > } >> > >> > EJEMPLO 2 >> > >> > caption, th, td { text-align: left; vertical-align: middle; >> font-weight: >> > normal; float:none !important; } >> > >> > >> > >> > Muchas gracias >> > >> > >> > >> > Saludos cordiales >> > >> > >> > >> > Miguel >> > >> > >> > >> > ___ >> > 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 >> >> ___ >> 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 > -- -- ℱ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] Como ahorrar tamaño a un archivo CSS
Siempre es mejor no usar un compresor si no es necesario, porque así el código va a ser más fácil de gestionar por ti. Un CSS comprimido es ilegible. En todo caso, ten siempre una copia no comprimida para poder trabajar en ella. También tienes otros plugins como Minify: http://code.google.com/p/minify/ Un saludo! 2011/11/25 MIguel Flores Franco > Muchas gracias!! > Justamente es así como lo he venido haciendo solo que quería cerciorarme de > que iba por buen camino. Ese compresor... le voy a echar un vistazo, aunque > me he pasado un buen rato organizando el código CSS que.. a ver lo voy a > probar a ver qué tal. > > > Muchas gracias nuevamente, agradezco tu sugerencia!! > > > Miguel > > > -Mensaje original- > De: ovillo-boun...@lists.ovillo.org [mailto: > ovillo-boun...@lists.ovillo.org] > En nombre de Marina Gallardo > Enviado el: viernes, 25 de noviembre de 2011 12:48 a.m. > Para: Ovillo, la lista de CSS en castellano > Asunto: Re: [Ovillo] Como ahorrar tamaño a un archivo CSS > > Hola Miguel, > > La mejor forma es la segunda, desde luego. Todo espacio se contabiliza en > el > tamaño, es lo que debes tener en cuenta. Pero debe ser fácil de gestionar y > mantener por ti. Yo lo hago en una sola línea cuando a lo mejor sólo aplico > un estilo a varios elementos. > > Ejemplo: > > caption, th, td { text-align: left; } /* Así ahorramos tres líneas */ > > Y si tengo más estilos los pongo con saltos de línea: > > caption, th, td { >text-align: left; >color: #666; >} > > Para casos extremos puedes comprimir el archivo mediante plugins o > herramientas online como http://www.cleancss.com/. > > Pero sinceramente, lo mejor es organizar bien tu código y tratar de > reutilizarlo para eliminar duplicaciones. > > Un saludo! > > > > > 2011/11/25 MIguel Flores Franco > > > Buenos días! > > > > > > > > Con cuál de los siguientes dos ejemplos se puede ahorrar tamaño a un > > archivo CSS? > > > > Como quiera que sea , la longitud del archivo que estoy generando no > > enorme pero de todos modos.. > > > > > > > > EJEMPLO 1 > > > > > > > > caption, th, td { > > > > text-align: left; > > > > vertical-align: middle; > > > > font-weight: normal; > > > > float:none !important; > > > > } > > > > EJEMPLO 2 > > > > caption, th, td { text-align: left; vertical-align: middle; > font-weight: > > normal; float:none !important; } > > > > > > > > Muchas gracias > > > > > > > > Saludos cordiales > > > > > > > > Miguel > > > > > > > > ___ > > 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 > > ___ > 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] Como ahorrar tamaño a un archivo CSS
Muchas gracias!! Justamente es así como lo he venido haciendo solo que quería cerciorarme de que iba por buen camino. Ese compresor... le voy a echar un vistazo, aunque me he pasado un buen rato organizando el código CSS que.. a ver lo voy a probar a ver qué tal. Muchas gracias nuevamente, agradezco tu sugerencia!! Miguel -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Marina Gallardo Enviado el: viernes, 25 de noviembre de 2011 12:48 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Como ahorrar tamaño a un archivo CSS Hola Miguel, La mejor forma es la segunda, desde luego. Todo espacio se contabiliza en el tamaño, es lo que debes tener en cuenta. Pero debe ser fácil de gestionar y mantener por ti. Yo lo hago en una sola línea cuando a lo mejor sólo aplico un estilo a varios elementos. Ejemplo: caption, th, td { text-align: left; } /* Así ahorramos tres líneas */ Y si tengo más estilos los pongo con saltos de línea: caption, th, td { text-align: left; color: #666; } Para casos extremos puedes comprimir el archivo mediante plugins o herramientas online como http://www.cleancss.com/. Pero sinceramente, lo mejor es organizar bien tu código y tratar de reutilizarlo para eliminar duplicaciones. Un saludo! 2011/11/25 MIguel Flores Franco > Buenos días! > > > > Con cuál de los siguientes dos ejemplos se puede ahorrar tamaño a un > archivo CSS? > > Como quiera que sea , la longitud del archivo que estoy generando no > enorme pero de todos modos.. > > > > EJEMPLO 1 > > > > caption, th, td { > > text-align: left; > > vertical-align: middle; > > font-weight: normal; > > float:none !important; > > } > > EJEMPLO 2 > > caption, th, td { text-align: left; vertical-align: middle; font-weight: > normal; float:none !important; } > > > > Muchas gracias > > > > Saludos cordiales > > > > Miguel > > > > ___ > 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 ___ 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] Como ahorrar tamaño a un archivo CSS
Hola Miguel, La mejor forma es la segunda, desde luego. Todo espacio se contabiliza en el tamaño, es lo que debes tener en cuenta. Pero debe ser fácil de gestionar y mantener por ti. Yo lo hago en una sola línea cuando a lo mejor sólo aplico un estilo a varios elementos. Ejemplo: caption, th, td { text-align: left; } /* Así ahorramos tres líneas */ Y si tengo más estilos los pongo con saltos de línea: caption, th, td { text-align: left; color: #666; } Para casos extremos puedes comprimir el archivo mediante plugins o herramientas online como http://www.cleancss.com/. Pero sinceramente, lo mejor es organizar bien tu código y tratar de reutilizarlo para eliminar duplicaciones. Un saludo! 2011/11/25 MIguel Flores Franco > Buenos días! > > > > Con cuál de los siguientes dos ejemplos se puede ahorrar tamaño a un > archivo > CSS? > > Como quiera que sea , la longitud del archivo que estoy generando no enorme > pero de todos modos.. > > > > EJEMPLO 1 > > > > caption, th, td { > > text-align: left; > > vertical-align: middle; > > font-weight: normal; > > float:none !important; > > } > > EJEMPLO 2 > > caption, th, td { text-align: left; vertical-align: middle; font-weight: > normal; float:none !important; } > > > > Muchas gracias > > > > Saludos cordiales > > > > Miguel > > > > ___ > 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