Filtrar CSS para Safari 9

Como bien sabréis, Safari 9 se ha separado de Chrome, usando el primero webKit, mientras que el segundo usa blink. Aunque parezcan muy similares, al ser el motor de renderizado diferente siempre nos puede dar problemas si «pintamos» nuestras web con un motor (para testear) y de golpe, lo abrimos con otro y nos asustamos.

Por eso, si queréis que en vuestros CSS los ejecute solo Safari y Chrome pase de ellos os recomendamos el poner lo siguiente:

[code]@supports (overflow:-webkit-marquee)
and (justify-content:inherit) {
/* Estos estilos solo los ejecutara Safari */
.poner_aqui_tus_estilos_para_safari {
}
}[/code]

Donde, podréis redefinir vuestras capas y estilos a modo de que Safari los reposicione donde sea necesario. Y todo porque preguntamos al navegador a través de CSS3 si tiene el soporte de esos elementos específicos.

Cambiar el contenido de un IFRAME vía jQuery

Si tenéis que cargar contenido de otra página/web a través de un iframe os encontrareis que no se puede cambiar el estilo de este ya que es en origen. Es decir, saldrá con el aspecto de la otra web y puede que no sea coincidente con lo que estáis haciendo.

Pero tranquilos, a través de jQuery podemos hacer un apaño que, en algunos casos, nos puede valer.
Leer más