Re: [Ovillo] Cómo elegir un nombre correcto para " id" y "class"

2008-10-24 Por tema Rumoroso

>> Yo lo uso porque cuando agarrás un proyecto 3 semanas despues podes saber
>> que elemento está adentro del otro y no necesitas ver el código html.
>> 
>
>
> Justamente es por eso que me gusta espeficificar la estructura jerárquica
> HTML dentro del CSS, sin embargo el tema de la extensión es lo que me
> incomoda, ¿es un precio que hay que pagar por la legibilidad?
>   

El problema de incluir toda la estructura jerárquica es que, además de 
tener un código poco optimo, pasas a desaprovechar la potencialidad de 
los selectores y la herencia, aumentando innecesariamente el ruido y 
peso de tus hojas de estilo. No creo que el recuperar un proyecto tras 
unas semanas de inactividad sea suficiente como para justificar el que 
en la CSS esté reflejada la estructura del código html. Pienso que esa 
no es una situación totalmente real o al menos, tan frecuente como para 
justificarlo. En cualquier caso, entiendo que estructurando la CSS (tema 
que ya se trató n+1 veces :) ) tienes logrado gran parte del esfuerzo de 
recuerdo de cómo es el código, y no pienso que si es necesario, es mejor 
recurrir a revisar el código del documento html, lo cual se suele ver 
facilitado con herramientas (por ejemplo, con extensiones de Firefox).

Un saludo
___
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] Cómo elegir un nombre correcto para " id" y "class"

2008-10-24 Por tema Sergio Flores
Yo agrupo utilizando comentarios para evitar lo que comentan.

Saludos!

El día 24 de octubre de 2008 12:26, Javier Guerrero
<[EMAIL PROTECTED]> escribió:
>>
>> Yo lo uso porque cuando agarrás un proyecto 3 semanas despues podes saber
>> que elemento está adentro del otro y no necesitas ver el código html.
>
>
> Justamente es por eso que me gusta espeficificar la estructura jerárquica
> HTML dentro del CSS, sin embargo el tema de la extensión es lo que me
> incomoda, ¿es un precio que hay que pagar por la legibilidad?
> ___
> 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] Cómo elegir un nombre correcto para " id" y "class"

2008-10-24 Por tema Javier Guerrero
>
> Yo lo uso porque cuando agarrás un proyecto 3 semanas despues podes saber
> que elemento está adentro del otro y no necesitas ver el código html.


Justamente es por eso que me gusta espeficificar la estructura jerárquica
HTML dentro del CSS, sin embargo el tema de la extensión es lo que me
incomoda, ¿es un precio que hay que pagar por la legibilidad?
___
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] Cómo elegir un nombre correcto para "id " y "class"

2008-10-24 Por tema Ignacio Ricci
Yo lo uso porque cuando agarrás un proyecto 3 semanas despues podes saber
que elemento está adentro del otro y no necesitas ver el código html.

2008/10/24 Kemie Guaida <[EMAIL PROTECTED]>

> yo en realidad no suelo usar selectores multiples si no es necesario.
> por ejemplo
>
> pongo:
> .miclase{propiedades}
> si .miclase solo se va a utilizar en un contexto
> solo si tengo variaciones pongo
> .miclase{propiedades comunes}
> #contenedor1 .miclase {propiedades cuando esta dentro de contenedor1}
> #contenedor2 .miclase {propiedades cuando esta dentro de contenedor2}
> Si no, no me parece necesario incluir toda la estructura del html.
>
> saludos!
>
> Kemie
>
>
>
> Kemie Guaida
> ::
> http://www.monolinea.com
> ::
>
>
>
>  Original Message 
> > Recuerda también que una mayor especificidad conlleva posiblemente una
> mayor
> > carga en el archivo CSS, ya que se definirán más estilos específicos.
> >
> > Como el propio nombre del estándar indica, el uso óptimo de CSS se
> consigue
> > cuando se aprovecha al máximo la herencia en cascada de propiedades. Esto
> > reduce el peso del archivo CSS, reduciendo con ello el tiempo de carga de
> la
> > página.
> >
> > Con respecto a los nombres suele ser aconsejable utilizar nombres que den
> > una idea de la semántica de la información a la que van a dar estilo. Por
> > ejemplo, si quieres ocultar información adicional empleando técnicas
> > CSSemplea preferiblemente un nombre class="infoAdicional" antes que
> > class="textoOculto". Cualquier persona que acceda posteriormente al
> código
> > (incluyendote a ti mismo para hacer cambios) sabrá con esto el motivo por
> el
> > que ocultasesa parte de código mediante CSS.
> >
> > Espero que te haya sido de ayuda
> >
> > El 23 de octubre de 2008 20:08, Javier Guerrero <[EMAIL PROTECTED]
> >escribió:
> >
> >
> >> Ignacio, muchísimas gracias..
> >> Pues sí, eso era lo que quería saber: *especificidad*.
> >> Leeré detinadamente el artículo. Gracias de de nuevo.
> >>
> >> Saludos coridales
> >> ___
> >> 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
> > 
> >
> >
> > No virus found in this incoming message.
> > Checked by AVG - http://www.avg.com
> > Version: 8.0.175 / Virus Database: 270.8.2/1743 - Release Date:
> 10/24/2008 8:33 AM
> >
> >
>
>
> ___
> 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
>



-- 
↓۝ Ignacio Ricci
www.ignacioricci.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] Cómo elegir un nombre correcto para " id" y "class"

2008-10-24 Por tema Kemie Guaida
yo en realidad no suelo usar selectores multiples si no es necesario. 
por ejemplo

pongo:
.miclase{propiedades}
si .miclase solo se va a utilizar en un contexto
solo si tengo variaciones pongo
.miclase{propiedades comunes}
#contenedor1 .miclase {propiedades cuando esta dentro de contenedor1}
#contenedor2 .miclase {propiedades cuando esta dentro de contenedor2}
Si no, no me parece necesario incluir toda la estructura del html.

saludos!

Kemie



Kemie Guaida
::
http://www.monolinea.com
::



 Original Message 
> Recuerda también que una mayor especificidad conlleva posiblemente una mayor
> carga en el archivo CSS, ya que se definirán más estilos específicos.
>
> Como el propio nombre del estándar indica, el uso óptimo de CSS se consigue
> cuando se aprovecha al máximo la herencia en cascada de propiedades. Esto
> reduce el peso del archivo CSS, reduciendo con ello el tiempo de carga de la
> página.
>
> Con respecto a los nombres suele ser aconsejable utilizar nombres que den
> una idea de la semántica de la información a la que van a dar estilo. Por
> ejemplo, si quieres ocultar información adicional empleando técnicas
> CSSemplea preferiblemente un nombre class="infoAdicional" antes que
> class="textoOculto". Cualquier persona que acceda posteriormente al código
> (incluyendote a ti mismo para hacer cambios) sabrá con esto el motivo por el
> que ocultasesa parte de código mediante CSS.
>
> Espero que te haya sido de ayuda
>
> El 23 de octubre de 2008 20:08, Javier Guerrero <[EMAIL PROTECTED]>escribió:
>
>   
>> Ignacio, muchísimas gracias..
>> Pues sí, eso era lo que quería saber: *especificidad*.
>> Leeré detinadamente el artículo. Gracias de de nuevo.
>>
>> Saludos coridales
>> ___
>> 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
> 
>
>
> No virus found in this incoming message.
> Checked by AVG - http://www.avg.com 
> Version: 8.0.175 / Virus Database: 270.8.2/1743 - Release Date: 10/24/2008 
> 8:33 AM
>
>   


___
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] Cómo elegir un nombre correcto para " id" y "class"

2008-10-24 Por tema Carlos García-Olalla
Recuerda también que una mayor especificidad conlleva posiblemente una mayor
carga en el archivo CSS, ya que se definirán más estilos específicos.

Como el propio nombre del estándar indica, el uso óptimo de CSS se consigue
cuando se aprovecha al máximo la herencia en cascada de propiedades. Esto
reduce el peso del archivo CSS, reduciendo con ello el tiempo de carga de la
página.

Con respecto a los nombres suele ser aconsejable utilizar nombres que den
una idea de la semántica de la información a la que van a dar estilo. Por
ejemplo, si quieres ocultar información adicional empleando técnicas
CSSemplea preferiblemente un nombre class="infoAdicional" antes que
class="textoOculto". Cualquier persona que acceda posteriormente al código
(incluyendote a ti mismo para hacer cambios) sabrá con esto el motivo por el
que ocultasesa parte de código mediante CSS.

Espero que te haya sido de ayuda

El 23 de octubre de 2008 20:08, Javier Guerrero <[EMAIL PROTECTED]>escribió:

> Ignacio, muchísimas gracias..
> Pues sí, eso era lo que quería saber: *especificidad*.
> Leeré detinadamente el artículo. Gracias de de nuevo.
>
> Saludos coridales
> ___
> 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] Cómo elegir un nombre correcto para " id" y "class"

2008-10-23 Por tema Javier Guerrero
Ignacio, muchísimas gracias..
Pues sí, eso era lo que quería saber: *especificidad*.
Leeré detinadamente el artículo. Gracias de de nuevo.

Saludos coridales
___
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] Cómo elegir un nombre correcto para "id " y "class"

2008-10-23 Por tema Ignacio Ricci
Todo depende.
A grandes rasgos las clases e ID's deberían estar dentro de contexto.
Es decir si tengo un menu con links, el listado debería llamarse #menu, o
algo por el estilo no #divVerde o cosas asi.

Otra recomendación es no poner nombres de atributos de css a id's o clases.
Ejemplo .rojito, .verdeAgua. Porque en el futuro pueden dejar de ser así.

Creo que lo más importante que debes tomar en cuenta es la especificidad del
estilo.

Un id tiene 100 puntos de especificidad.
Una clase tiene 10.
Un tag tiene 1.
Y el atributo style dentro del html tiene 1000.

Por que vengo con esto?
Porque si vos tenes un estilo asi:

#listado-productos .item-producto .caractericticas-producto
.wrapper-caracteristica-producto .content-caracteristica-producto
.atributo-producto

(Sumados = especificidad de 150 puntos)

Cuanto más especifico es el estilo tenés más control, pero se hace bastante
molesto de mantener, además de tener muchas líneas de código.

Yo te recomendaría que más de 3 o 4 anidadas no hagas.

Artículo acerca de especificidad:
http://css-tricks.com/specifics-on-css-specificity/

No se si eso te sirve pero bueno :p
Saludos,

Nacho



2008/10/23 Javier Guerrero <[EMAIL PROTECTED]>

> Hola chicos,
>
> Pues como dice el título de este post, ¿cómo coloco correctamente el nombre
> de un id o un class?
> La pregunta surgió porque me di cuenta que estaba creando algo como esto:
>
> #listado-productos .item-producto .caractericticas-producto
> .wrapper-caracteristica-producto .content-caracteristica-producto
> .atributo-producto{
> color:black;
> float:left;
> width:125px;
> padding-left: 10px;
> }
>
> Mi pregunta es ¿Es conveniente, en este ejemplo, poner insistentemente *
> -producto* como para indentificar bien un class?
>
> Otra pregunta es ¿Cuál es la  mejor forma aplicar los estilos?
>
> *Esto:*
> #listado-productos .item-producto .caractericticas-producto
> .wrapper-caracteristica-producto .content-caracteristica-producto
> .atributo-producto{
> color:black;
> float:left;
> width:125px;
> padding-left: 10px;
> }
>
> *o esto:*
> #listado-productos .atributo-producto{
> color:black;
> float:left;
> width:125px;
> padding-left: 10px;
> }
>
> La primera, me parece que me muestra claramente la estructura HTML,
> mientras
> la segunda pierdo ese detalle.
>
> ¿Qué me recomiendan'
>
> Por adelantado, gracias por su ayuda.
>
> Saludos cordiales.
> ___
> 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
>



-- 
↓۝ Ignacio Ricci
www.ignacioricci.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

[Ovillo] Cómo elegir un nombre correcto para " id" y "class"

2008-10-23 Por tema Javier Guerrero
Hola chicos,

Pues como dice el título de este post, ¿cómo coloco correctamente el nombre
de un id o un class?
La pregunta surgió porque me di cuenta que estaba creando algo como esto:

#listado-productos .item-producto .caractericticas-producto
.wrapper-caracteristica-producto .content-caracteristica-producto
.atributo-producto{
color:black;
float:left;
width:125px;
padding-left: 10px;
}

Mi pregunta es ¿Es conveniente, en este ejemplo, poner insistentemente *
-producto* como para indentificar bien un class?

Otra pregunta es ¿Cuál es la  mejor forma aplicar los estilos?

*Esto:*
#listado-productos .item-producto .caractericticas-producto
.wrapper-caracteristica-producto .content-caracteristica-producto
.atributo-producto{
color:black;
float:left;
width:125px;
padding-left: 10px;
}

*o esto:*
#listado-productos .atributo-producto{
color:black;
float:left;
width:125px;
padding-left: 10px;
}

La primera, me parece que me muestra claramente la estructura HTML, mientras
la segunda pierdo ese detalle.

¿Qué me recomiendan'

Por adelantado, gracias por su ayuda.

Saludos cordiales.
___
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