Cuando se diseña un sitio web, necesitas conocer varios puntos básicos de como desarrollarlo, entre ellos es la aplicación de diferentes estilos, el denominado CSS “Cascading Style Sheets” (Hojas de estilos en casada). Seguramente que ya deben haber escuchado hablar sobre el CSS3 el nuevo estándar que está dominando la web en éstos últimos años.
Pues seguramente ya deben haberse dado cuenta que la mayoría de las propiedades de CSS3 no son admitidas por los navegadores actuales. Pero como podemos saber, ¿Qué propiedad admite un "X" navegador?, para ello podemos usar la siguiente Can I use, el cual colocamos la propiedad css y automáticamente nos filtrará las compatibilidad por navegadores.
Pero seguramente habrán visto que los navegadores de Microsoft, como Internet Explorer 8 que la compatibilidad de los estilos de CSS3 es muy baja (Test de compatibilidad), y para que funcione tenemos que usar filtros como por ejemplo:
Pero claro, el filtro que acabamos de compartirles es muy sencillo, la cual nos ayuda dar transparencia a un elemento que tiene la clase ".trasparencia". Aunque el código de la última línea no es muy sencillo que digamos. Pero existen filtros en el cual es muy difícil de recordar o aprendernos la sintaxis como por ejemplo el de aplicar un degradado a un elemento
Como es muy complicado de aprender la sintaxis del código, buscamos generadores de filtros para Internet Explorer, el cual me den el código ya hecho. En esta ocasión les presentaré 2 herramientas que nos ayudan a generar los filtro de IE.
El primero es "IE's CSS3 Transforms Translator" el solo colamos el código que ya conoces y luego damos click en "Translate to IE Matrix", y si bajamos un poco nos aparecerá el código con los prefijos para los demás navegadores y más abajo para Internet Explorer.
El segundo es "Ultimate CSS Gradient Generator", el cual nos ayuda a generar los degradados, en una vista previa podemos editar el color y la forma que tendrá el degradado y luego al lado derecho nos sale el código, para los diversos navegadores incluído Internet Explorer.
Y además podemos agregar estilos específicos en Internet Explorer usando los denominados Hacks, dedicaremos un artículo específico para hablarles sobre el tema.
Espero les haya gustado el aporte. Recomienden a sus amigos que muy pronto habrá nuevos post.
No hay comentarios:
Publicar un comentario