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