Comunidad de diseño web y desarrollo en internet online

dudas sobre webkit, moz, o

Citar            
MensajeEscrito el 04 Ago 2012 04:57 pm
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...
:D

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?

Por walden

Claber

120 de clabLevel



 

safari
Citar            
MensajeEscrito el 04 Ago 2012 05:32 pm
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.

Por drarock

Claber

705 de clabLevel

3 tutoriales

Genero:Femenino  

Lima, Peru

chrome
Citar            
MensajeEscrito el 04 Ago 2012 09:18 pm

Por Jalo.

91 de clabLevel

1 tutorial

Genero:Masculino  

Dibujo.

chrome
Citar            
MensajeEscrito el 05 Ago 2012 10:05 am
Gracias drarock y Jalo.

drarock escribió:

Eso sí, el único error que hay en tu código es poner la sentencia oficial arriba, debe ponerse última.
Esto no lo sabía, de hecho el código que he puesto lo hice a partir de este de w3schools

Por walden

Claber

120 de clabLevel



 

safari
Citar            
MensajeEscrito el 05 Ago 2012 03:06 pm
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/

Por drarock

Claber

705 de clabLevel

3 tutoriales

Genero:Femenino  

Lima, Peru

chrome
Citar            
MensajeEscrito el 05 Ago 2012 10:00 pm
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.

Por walden

Claber

120 de clabLevel



 

safari
Citar            
MensajeEscrito el 06 Ago 2012 03:00 am

Por drarock

Claber

705 de clabLevel

3 tutoriales

Genero:Femenino  

Lima, Peru

chrome
Citar            
MensajeEscrito el 06 Ago 2012 12:13 pm
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... :cool:

Por walden

Claber

120 de clabLevel



 

safari
Citar            
MensajeEscrito el 06 Ago 2012 04:14 pm

Por drarock

Claber

705 de clabLevel

3 tutoriales

Genero:Femenino  

Lima, Peru

chrome
Citar            
MensajeEscrito el 06 Ago 2012 06:51 pm
Pues sin darnos cuenta tenemos aquí un buen recopilatorio de bookmarks...

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


Muchas gracias

Por walden

Claber

120 de clabLevel



 

safari

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.