Veamos un ejemplo de esto y como solucionarlo. Trabajando en el sitio de www.lider.cl necesitabamos modificar el menú y cada uno de sus items de forma individual, como ya comentamos esto es muy fácil con :nth-child() de manera que el selector quedaba de la siguiente manera:

 .menu li:nth-child(3){ … }

El problema, como dijimos es IE, por lo que la primera solución luego de googlear y no encontrar solución fue agregar via jQuery una clase para simular el selector, de manera que en IE podiamos asignar este selector:

 .menu li.nth-child-3{ … }

Ahora bien, esto solucionaba el problema, pero visualmente no quedaba del todo bien, pues mientras cargaba el JS del sitio el menú se veia mal y peor aún, en caso que el JS no cargara el menú jamás se ajustaría correctamente.

Leyendo la documentación de IE en el sitio de Microsoft, noté que el selector “+” es soportado por IE7 y 8, por lo que abría una posibilidad. Finalmente después de un par de pruebas, llegué a esto, no es visualmente lindo, ni fácil de entender pero funciona para todos los navegadores semidecentes (desde IE7 para arriba):

.menu li:first-child + li + li { … }

En este ejemplo le decimos al selector que desde la clase menú partiendo del primer LI vaya al siguiente LI y luego al siguiente (3er LI) y lo seleccione.

Eso es todo. Así que resumiendo, para simular de cierta forma el :nth-child(X) en IE7 y 8, debemos seleccionar un elemento y navegar por los X hermanos con el “+”.

Saludos!

Pd: Finalmente la versión con JS quedó para IE6…

Probé cambiando valores, cambiando los float, el position, el alineado del texto, pero nada, al buscar en internet no encontré solución, hasta que noté que habia uno que si funcionaba, comparé los valores y noté que donde si se “ocultaba” el valor del text-indent era menor que el otro, bajé el valor de los primeros y listo! funcionó!

Así que por conclusión y resumiendo: Safari y Chrome tienen un limite para el valor del text-indent mientras Firefox no. Asi que no abusar de los 9, que un valor de tipo -999999999px no funciona; el valor máximo es: -99999999px.

Personalmente me gusta el minimalismo, me gusta diseñar algunas veces en base a este, pero no estoy de acuerdo con la prostituida expresión “menos es más”, que se asocia generalmente a ello. Yo lo abordo como un “demás resta”,  puede sonar parecido pero me evita ambigüedades. Simplemente porque al basarse en la primera se puede pasar a llevar una de las bases indiscutibles del diseño: ser funcional.

Tomemos la propuesta de Nesquik que publicaron en Antrepo como ejemplo:

Si lo vemos por la premisa del menos es más, la primera alternativa (segunda imagen) es mucho más atractiva y ordenada visualmente, fija la atención en la marca. Tiene menos elementos, buscando hacerlos más pregnantes.

La segunda alternativa (tercera imagen) elimina los otros colores y cambia algunos tamaños. Es claramente más minimalista.

Pero… ¿son realmente las alternativas mejores diseños que el original?

En mi opinión no lo son. El conejo no estaba demás, porque su función es clara, atraer a los niños, que son quienes piden Nesquik por sobre otro producto similar.
¿Elegiría un niño en un supermercado la tercera  o la segunda imagen? Creo que no, por lo mismo el diseño dejaría de ser funcional y por muy minimalista que sea, sería un mal diseño, es decir, atractivo para algunos, pero no para el publico objetivo del producto.

El minimalismo al diseñar es un tema complicado, personalmente me falta mucho que aprender, pero en lo poco que llevo estoy seguro de que no se resume a solo tener pocos elementos, tener muchos espacios en blanco, odiar lo “candy” o diseñar en blanco y negro.

El minimalismo es un medio, no un fin. Si, suena muy cliché, pero refleja perfecto lo que pienso.

¿Y ustedes que opinan?

Por lo que sé, la idea se le ofreció a Google Chile,  pero me imagino que no llego a buen puerto.

Sin embargo, todo ese tiempo, estuve con la idea de terminar este proyecto y ofrecer el servicio web, por lo que empecé a interesarme en aprender PHP, cuando ya tuve algo medianamente funcional, noté que la interfaz “Desktop/Web” no hacia más intuitivo, ni más fácil el servicio de guardar y respaldar archivos, además descubrí un servicio llamado eyeOS que dejaba a mi pseudoescritorio como un chiste. Por lo que decidí ocupar lo aprendido y desarrollado en Cat y lo llame Netwoo, una página web para respaldar archivos, pero nuevamente vi como nacia Dropbox y SkyDrive y como box.net lo hacia de maravilla, por lo que nuevamente ocupé todo lo aprendido y transformé a Netwoo en Skemboo.com, un espacio para compartir diseño, fotográfia, ilustración, arte y mucho más, si bien, ahora sé que existen muchos espacios como este y que está el gigante DeviantArt, ya no espero competir contra ellos, si no ser una alternativa cercana y de calidad, y esperaré que esto de frutos, porque estoy convencido de que Skemboo tiene el potencial para lograrlo.

El resultado fue satisfactorio para todos y fue un gusto trabajar en este proyecto.