[Ror-es] [OFF-TOPIC] ruby Array.each diferenciar cuando ha recorrido 3 elementos

Guillermo guillermo at cientifico.net
Thu Mar 11 10:36:30 GMT 2010


2010/3/11 Andrés gutiérrez <andresgutgon at gmail.com>

> Pero me he propuesto diseñar la página capa por capa. Y la capa "guay" de
> javascript me la dejo para el final.
> Pero la idea es que todo funcione sin una linea de js y luego mejorar la
> experiencia con js no-intrusivo. Pero sera js para temas funcionales. No de
> presentación.
>

Precisamente por eso. Sin js, no se añade la clase, y la página se muestra,
pero no del todo fina como debería mostrarse. Eso creo que se llama
degradado progresivo (o algo asín).

Mi filosofía es hacer un html bonito, hoy en día se podría decir que
SEOficado, y luego preocuparnos por el diseño. Programar el diseño desde
ruby, me parece saltarse la capa que debería de hacer JS.

De todas formas, y con la solución que te he planteado, miralo así.

En tu archivo css tu pones la regla

div.member:nth-child(3n) {
   margin: 5px;
}

Y con eso ya has hecho que el diseño se cumpla. La página está correcta.
Ahora quieres añadir soporte para navegadores que no soporten ese selector
css, bueno vale...
El css añades un pequeño cambio:

div.member:nth-child(3n), div.member. final_row_member {
   margin: 5px;
}

Y ya luego añades el js que te pasé en el mensaje anterior.

Esta es mi forma de ver el tema de "progressive enhancement". Considero que
el css es el que se debe de adaptar al html (suponiendo que es un bonito
html semántico y bien hecho), y no al contrario.

Un Saludo.




-- 
Guillermo Álvarez
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.simplelogica.net/pipermail/ror-es/attachments/20100311/97de497f/attachment.htm 


More information about the Ror-es mailing list