Ante la inminente aparición de CSS3, Chris Coyier –del sitio CSS TRicks– decidió hacer una breve encuesta con la idea de conocer qué esperan los diseñadores de la nueva versión de CSS. La pregunta del millón fue: Si CSS2 y CSS3 fuera completamente soportado en todos los navegadores web. ¿Cuál serÃa el aspecto sobre el que más emocionado estarÃas?
Casi 7000 personas opinaron en la encuesta. AquÃ, los resultados.
- #1) Border Radius (22.0%, 1,541 Votos) - Este es el atributo que tiene un uso más difundido a través de las extensiones de los navegadores Mozilla y webkit. Claramente un gran anhelo de los diseñadores, aunque todavÃa no hay señal de su soporte en IE.
- #2) Fondos Múltiples (22.0%, 1,523 Votos) - Esto hará posible realizar varias cosas geniales con muy poco markup. La compatibilidad de fondo de éste es algo tosca, por lo que tardará un poco en lograrse.
- #3) @font-face (21.0%, 1,424 Votos) - Con el próximo Firefox que pronto soportará esto al igual que Safari, Opera, e incluso IE (!), esta funcionalidad comenzará a ver su uso desplegado por la web muy pronto. El problema en este momento son las implicaciones legales de lo que podemos y no podemos utilizar.
- #4) Animaciones / Transiciones (12.0%, 818 Votos) - WebKit está liderando el paquete aquÃ, con algunas posibilidades bastante sorprendentes. Claramente, las animaciones son parte del diseño y pertenecen a la hoja de estilos. Seguramente comenzará a ser aplicado progresivamente por los diseñadores. Creo que tan pronto como se desplieguen más allá de WebKit estaremos viendo más de ellas.
- #5) Gradientes (8.0%, 535 Votos) - Definir colores de fondo sólidos es algo trivial, pero tan pronto como se necesita una gradiente, usualmente se involucran imágenes. Sin embargo, las gradientes son definidas matemáticamente y son un candidato perfecto de ser definido mediante código. WebKit es el primero en incursionar aquÃ, y los resultados son muy buenos.
- #6) Caja de sombra (4.0%, 271 Votos) - Las sombras son formas de gradientes que tÃpicamente también requieren del uso de imágenes. Estas pueden hasta llegar a ser más complejas que las gradientes tÃpicas porque necesitan del desvanecimientos en diferentes direcciones, a menudo requiriendo el uso de mucho markup extra e imágenes. La caja de sombra hace que añadir sombras a los elementos sea una tarea completamente trivial.
- #7) RGBa (3.0%, 234 Votos) - La parte “a” de RGBa significa “alpha”: transparencia. Tener la posibilidad de declarar un color con transparencia sin tener que hacer efecto en todos los elementos hijos es algo fantástico para los diseñadores. Esto tiene un soporte extendido, excepto para IE.
- #8) Sombra de texto (2.0%, 140 Votos) - Gradientes de nuevo, sólo aplicadas detrás de las formas de vector que hacen al texto de la web. Esto ni siquiera es posible con imágenes, por lo que traerá al diseño nuevas posibilidades que antes ni existÃan.
- #9) Otros(2.0%, 168 Votos)
¿Ustedes por cuál votarÃan?
Fuente: CSS-Tricks








Lunes, 11 de Mayo de 2009 a las 02.16
Mi favorito sin duda son las esquinas redondas, aunque da mucha rabia que en IE no funcione,
Micaela conoces alguna forma para que fucionen las esquinas en IE sin necesidad de java o imagenes
El webmaster es uno de los primeros feeds que leo a diario GRACIAS por toda esa buena info
Martes, 12 de Mayo de 2009 a las 20.54
En Opera tampoco funcionan las esquinas redondeadas hechas con CSS3, por lo menos para IE existe un JS que permite cambiar esto, pero con opera sólo funcionan las imágenes. :S
Domingo, 9 de Agosto de 2009 a las 20.48
Yo espero que css3 permita el diseño de columnas con height dependiente (que el height de una se adapte al height de la otra en tanto crezca el contenido de cualquier columna).
Recien conozco este sitio y la verdad me parece muy interesante.
elwebmaster.com a la vanguardia.
Sábado, 17 de Octubre de 2009 a las 12.57
A partir de que fecha esta vigente