dudas sobre webkit, moz, o

Hola,

¿Por qué hay que poner las etiquetas webkit, moz... para que funcione el código en los navegadores?

Es que me resulta muy extraño que haya que poner primero el elemento normal y luego con webkit, moz... porque, por ejemplo, en box-shadow el elemento es el mismo en todas las opciones, no es que haya que reemplazar el efecto de sombra por una imagen que haga de sombra para los navegadores que no pueden leer directamente CSS3. Me estoy liando...

Código CSS :

box-shadow: 10px 10px 5px #888;
-moz-box-shadow: 10px 10px 5px #888; /* Firefox 4 */
-webkit-box-shadow: 10px 10px 5px #888; /* Safari and Chrome */
-o-box-shadow: 10px 10px 5px #888; /* Opera */

He visto en este tema que no es necesario poner los elementos moz... para los últimos navegadores, ¿cómo os enteráis de que ya no hace falta? ¿Se publica en alguna web?

Es que en versiones anteriores de esos navegadores iban implementando las reglas de css pero no eran la implementación final y se usaban esos prefijos, en las últimas versiones ya no se necesitan porque ya estan implementadas, pero como nunca se sabe si un usuario ya actualizó su navegador se deja el prefijo. Eso sí, el único error que hay en tu código es poner la sentencia oficial arriba, debe ponerse última.

Para saber que elementos soporta cada navegador te recomiendo esta web: http://caniuse.com/

Igualmente con las distintas librerías disponibles en la red ya no es necesario escribir todos los prefijos.

Te recomiendo leer este post: Cómo hacer CSS3 compatible con Internet Explorer 6, 7 y 8

Gracias drarock y Jalo.

drarock escribió:

Esto no lo sabía, de hecho el código que he puesto lo hice a partir de este de w3schools

Yo lo leí en un libro de A Book Apart y tambien lo he visto asi en varios ejemplo de tutoriales en distintos blogs, A List Apart tambien tiene un artículo sobre los vendor prefixes http://www.alistapart.com/articles/prefix-or-posthack/, pero cabe resaltar que w3schools no esta avalado por la w3c y puede tener información desactualizada, mira esta página http://w3fools.com/

Pues yo tenía a w3schools como lo mejorcito...

¿Cuál es el manual de manuales de CSS? Al principio busqué en W3C, pero no encontré un manual completo de CSS. Solo vi algunos artículos.

No hay uno por sobre todos, en esa pagina que te di hay algunos links que dan, otros sitios donde puedes aprender es http://css-tricks.com/, http://www.alistapart.com/, http://webdesign.tutsplus.com/, http://net.tutsplus.com/ o http://smashingmagazine.com entre otros...

Muchas gracias por todos los enlaces drarock. Los enlaces de w3fools están muy bien.

Al final me he puesto a buscar y he encontrado manuales de W3C. ¿Estos serían los "originales"?

html 5
xhtml
html 4
css 2.1

El de css 3 no lo he encontrado, todavía...

Si, esas son oficiales, las guias de w3c pueden ser un poco difíciles de leer, por el formato que tienen, pero así son ps , mas bien para la de css2.1 te puede servir esta guía un poco más amigable, http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/

Pues sin darnos cuenta tenemos aquí un buen recopilatorio de bookmarks...

Con estas webs tengo por lo menos... para dos o tres días


Muchas gracias