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
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 lis...@ramoncorominas.com: 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 lis...@ramoncorominas.com: 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
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
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
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
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 lis...@ramoncorominas.com: 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
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 oscar.vi...@gmail.com 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 lis...@ramoncorominas.com: 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
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 lis...@ramoncorominas.com: 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
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 marinagalla...@gmail.com:
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 mikerfra...@gmail.com
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 mikerfra...@gmail.com
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
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 oscar.vi...@gmail.com 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 marinagalla...@gmail.com:
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 mikerfra...@gmail.com
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 mikerfra...@gmail.com
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.orgPuedes
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
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
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
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 marinagalla...@gmail.com:
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 mikerfra...@gmail.com
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 mikerfra...@gmail.com
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
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
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
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 mikerfra...@gmail.com
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
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 mikerfra...@gmail.com
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
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 mikerfra...@gmail.com
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 mikerfra...@gmail.com
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
