3 Soluciones para soporte de Internet Explorer
En un principio, Internet Explorer era el navegador por excelencia. Después de un período de inactividad y de crecimiento exponencial de sus competidores, Internet Explorer se convirtió en la pesadilla de la existencia humana. Microsoft se ha comprometido nuevamente a trabajar para mantener su navegador en la modernidad, sin embargo se queda bastante detrás de los navegadores basados ??en WebKit (Chrome) y Firefox. Lo realmente terrible en la actualidad es poder dar soporte a las nuevas tecnologías y necesidades pero teniendo en cuenta la compatibilidad hacia atras con las versiones anteriores de IE. A continuación podemos observar 3 soluciones de scripts que permiten realizar esta ardua tarea de una forma un poco mas simple.
htmlshiv.js
HTML5shiv de Remy crea elementos HTML5 como main, header, footer, etc a través de JavaScript. De alguna manera la creación de dichos elementos a través de JavaScript permite que estos puedan tenes estilos específicos. Podemos pensar por días cómo es que esto funciona, sin embargo eso no importa, lo importante es que es la librería mas usada en ambientes de producción para resolver problemas de compatibilidad hacia atrás con navegadores como Internet Explorer.
selectivizr.js
Selectivizr.js es un recurso increíble, que permite cargas de selectores CSS no compatibles y propiedades, incluyendo uno de los más importantes y útiles como last-child. Una forma de implementarlo es así:
De esta manera solamente cargamos la librería cuando el explorador es IE 8 o inferior.
<html> Conditional Comments
La serie de condicionales mas fea de la historia, sin embargo suele ser muy útil en algunos proyectos donde la interfaz de usuario puede realmente complicarse demasiado y se necesita fidelidad contra el diseño sin importar el navegador. Esto es el clásico "tiene que respetar el diseño en todos los navegadores, incluidos todos los IE"
Estos fragmentos de código no exigen ni esperar en JavaScript y no están ni cerca del peso de una biblioteca de JS. Sus estilos de clases definidas son promulgadas de inmediato y no hay incremento de contenido sin estilo en el sitio.
Aunque Internet Explorer intenta ponerse al día con sus competidores en las últimas versiones, sabido es el hecho de que los viejos de antaño todavía son relativamente populares, especialmente en grandes empresas o países en desarrollo. La buena noticia es que estos recursos funcionan en todos los navegadores y no afectan negativamente la performance en los navegadores modernos.
Espero les sirva.
Si te gusta la programación, el desarrollo de aplicaciones tecnológicas, sos experto o te estas iniciando en el estudio de esta hermosa profesión, podes seguir mis posts desde mi página.
htmlshiv.js
HTML5shiv de Remy crea elementos HTML5 como main, header, footer, etc a través de JavaScript. De alguna manera la creación de dichos elementos a través de JavaScript permite que estos puedan tenes estilos específicos. Podemos pensar por días cómo es que esto funciona, sin embargo eso no importa, lo importante es que es la librería mas usada en ambientes de producción para resolver problemas de compatibilidad hacia atrás con navegadores como Internet Explorer.
[color=#000000]<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
[/color]
selectivizr.js
Selectivizr.js es un recurso increíble, que permite cargas de selectores CSS no compatibles y propiedades, incluyendo uno de los más importantes y útiles como last-child. Una forma de implementarlo es así:
[color=#000000]<!--[if lte IE 8]>
<script src="js/libs/selectivizr.js"></script>
<![endif]-->
[/color]
De esta manera solamente cargamos la librería cuando el explorador es IE 8 o inferior.
<html> Conditional Comments
La serie de condicionales mas fea de la historia, sin embargo suele ser muy útil en algunos proyectos donde la interfaz de usuario puede realmente complicarse demasiado y se necesita fidelidad contra el diseño sin importar el navegador. Esto es el clásico "tiene que respetar el diseño en todos los navegadores, incluidos todos los IE"
[color=#000000]<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9" lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en">
<!--<![endif]-->
[/color]
Estos fragmentos de código no exigen ni esperar en JavaScript y no están ni cerca del peso de una biblioteca de JS. Sus estilos de clases definidas son promulgadas de inmediato y no hay incremento de contenido sin estilo en el sitio.
Aunque Internet Explorer intenta ponerse al día con sus competidores en las últimas versiones, sabido es el hecho de que los viejos de antaño todavía son relativamente populares, especialmente en grandes empresas o países en desarrollo. La buena noticia es que estos recursos funcionan en todos los navegadores y no afectan negativamente la performance en los navegadores modernos.
Espero les sirva.
Si te gusta la programación, el desarrollo de aplicaciones tecnológicas, sos experto o te estas iniciando en el estudio de esta hermosa profesión, podes seguir mis posts desde mi página.
0No comments yet