CSS2 o CSS3

[jotaincubus]

Acabo de terminar la parte de desarrollo de una aplicación con PHP - MySQL y todos esos lenguajes....!

Ahora me toca empezar la parte de diseño, lo que mas me preocupa es que CSS utilizar ?

A mi me gustaría utilizar CSS3 para que mas a delante no se quede desactualizada... Pero me asalta una duda y es que si los usuarios no actualizan su navegador la pagina no se vera nada bien.

Que puedo hacer ? que debo tener en cuenta para escoger la versión a utilizar ?

[mariomon17]

Hola, CSS3 conforma todo CSS2 mas las nuevas especificaciones.

Supongo que te refieres a estas, yo te recomiedo usarlas. Tienen un gran potencial que no debemos desaprovechar.

Eso si, asegurate que la pagina no queda inviable en otros navegadores. Por ejemplo, si usas bordes redondeados, las personas que tengan un navegador moderno veran esos bordes redondeados, y los que no lo tienen veran la pagina sin los bordes, no mas.

De todas maneras, siempre puedes utilizar herramientas como modernizr para detectar que puedes o no puedes usar y hacer alternativas. O polyfills para emular las caracteristicas.
En http://html5please.us/ tienes mucha informacion.

Un saludo :)

[novatoide]

Tranqui yo estoy metiendome en el css3yHtml5 y te lo recontra recomiendo no sabes el alivio que es hacer un borde lindo :P

Creo que el unico navegador que se ve todo mal es el ie, por los otros no te procupes que hay una especie de "parches" para hacer compatibles por ejemplos los "border-radius":

-moz- (mozilla)
-webkit- (navegadores con webkit como chrome)
-o- (opera)


Abrazo

[mariomon17]

No son parches, se denominan prefijos privativos.
Como las caracteristicas nuevas de CSS3 muchas no son definitivas aun, los navegadores las implementan pero con esos prefijos de manera que si algo falla pueden alegar que estan "en pruebas".

Para evitarte dolores de cabeza con los prefijos puedes usar prefix-free: http://leaverou.github.com/prefixfree/

Un saludo :)

[cristian_cena]

Iniciado por jotaincubus

que debo tener en cuenta para escoger la versión a utilizar ?

Fundamentalmente el diseño que tengas que maquetar. El te dirá si necesitas css3 o no. Deberás decidir cual será el rango para el cual tu web será compatible / accesible.
Podes detectar navegadores (clase browser.php), resoluciones (media-queries/javascript) y equipos (wurfl) y aplicar estilos según necesidad o bajo demanda.
Por lo general aquello que puedas hacer con css3 también podrás hacerlo usando css2 y javascript.
Mientras mas quieras abarcar más tendrás que trabajar, por eso, si estás en camino de aprendizaje, tal vez sea bueno comenzar el proyecto con css2 y conforme vallas avanzando ir aplicando las nuevas propiedades css3.

Saludos.

[jotaincubus]

Muchas gracias a toddos por responder, la verdad es que creo que la unica etiqueta que utilizare (para no complicarme la vida) es la de Border-image pero teniendo en cuenta que casi "todo los usuarios" utilizan Internet Explorer, veo que aun en la versión 9 de este navegador NO SOPORTA dicho atributo CSS.

Que puedo hacer en este caso ?

[cristian_cena]

Podrías probar con css3pie, aclaro que todavía no lo usé, pero muchos lo recomiendan. Añade soporte ie6+ para border-image.

[mariomon17]

Aqui tienes informacion sobre la compatibilidad en navegadores para border-image:
http://caniuse.com/#feat=border-image

Puedes usarlo sin problemas excepto en IE. Te recomiendo detectar usar modernizr para detectar si es o no compatible y en el caso de que no sea (IE) puedes lanzar otras reglas css o no hacer nada, lo que quieras.
Tambien puedes usar como ha comentado cristian_cena css3pie, que tampoco lo he usado por que me siento un poco raro con esos scripts en navegadores antiguos, prefiero no darles soporte a las nuevas caracteristicas.

Un saludo ;)

[jotaincubus]

Muchas gracias por su ayuda... empezare a ver que es mas profesional, si detectar navegador o utilizar CSS3Pie

[ryugen]

Cuidado que el uso de prefixfree (http://leaverou.github.com/prefixfree/) causa FOUC (http://bluerobot.com/web/css/fouc.asp/)

Puede leerse en la misma página de pefixfree como minimizarlo pero no evitarlo:

How to use

Just include prefixfree.js anywhere in your page. It is recommended to put it right after the stylesheets, to minimize FOUC