imagen de cwilso
Campaña: ¿Quieres cambiar la web o prefieres seguir diseñando para IE6?
Ya he escrito antes de las desventajas de Internet Explorer 6, y no soy sólo yo, hace unos días Alexis Bellido le dijo Adios a Internet Explorer 6, hay mucha gente que no sabe que hay mejores navegadores y ya es momento de hacer algo al respecto.
La idea es dejar un mensaje a la gente que ve tu página con IE6, para eso vamos a usar comentarios condicionales.
Luego de una pequeña (y divertida) charla vía Twitter con Maku, Yaraher y Hdanniel sobre eso, me quedé con un mensaje muy gracioso que estará disponible aquí en inglés y español.
Desde hoy cuando un usuario de IE6 visite Aprendiendo Web, le llegará este mensaje:
Still using IE6? —Don't worry, we won't tell anyone you're still partying like it's 1999— but if you want a better web experience, then upgrade your browser or try a different one.
o en español...
¿Todavía usas IE6? —no te preocupes, no le diremos a nadie que aún festejas como si fuera 1999— pero si quieres una mejor experiencia web, entonces actualiza tu navegador o prueba otro.
Ahora para que sepas que código pegar en tu página...
Código en Inglés
<!--[if lte IE 6]> <p id="no-more-ie6"><strong>Still using IE6?</strong> —Don't worry, we won't tell anyone you're still partying like it's 1999— but if you want a <strong>better web experience</strong>, then <a href="http://www.microsoft.com/windows/internet-explorer/download-ie.aspx" title="Internet Explorer 7">upgrade</a> your browser or try a <a href="http://www.mozilla.com/en-US/firefox/" title="Get Firefox!">different one</a>.</p> <![endif]-->
Código en Español
<!--[if lte IE 6]> <p id="no-more-ie6"><strong>¿Todavía usas IE6?</strong> —no te preocupes, no le diremos a nadie que aún festejas como si fuera 1999— pero si quieres una <strong>mejor experiencia web</strong>, entonces <a href="http://www.microsoft.com/windows/internet-explorer/download-ie.aspx" title="Internet Explorer 7">actualiza</a> tu navegador o prueba <a href="http://www.mozilla.com/en-US/firefox/" title="Get Firefox!">otro</a>.</p> <![endif]-->
Pega cualquiera de los códigos en tu página y luego dale estilos, el párrafo tiene un id="no-more-ie6", con el cual podrás controlar su presentación usando CSS.
Aquí están los estilos que estoy usando, si quieres úsalos de base, pero definitivamente necesitarían modificaciones dependiendo de donde coloques el código.
Por ejemplo, podrías probar con position: relative; (gracias JP)
/*Es hora de dejar de usar IE6 */
#no-more-ie6 {
position: relative;
top: 0;
left: 0;
padding: 7px 5px 7px 5px;
width: 100%;
background-color:#F8FFB9;
font-size: 106%;
color: #222;
}
#no-more-ie6 a {
font-weight: bold;
text-decoration: underline;
}
Puedes cambiar el texto, eso no es problema, la idea es que empecemos a decirle a la gente que hay mucho mejores opciones que IE6.
Si te animaste a poner este código en alguno de tus sitios, avisame y con mucho gusto te listaré aquí.
¿Quieres cambiar la web o prefieres seguir diseñando para IE6?
Quieren cambiar la web:
Etiquetas:
si te gustó esta entrada, tal vez quieras suscribirte via RSS
Hola, soy
Comentarios
deja un comentario
Excelente!... me uno! adios IE6... así me ahorro el tener que hacer ese bendito fix para IE6 :)
Ahora mismo lo pongo...
Saludos...
perfecto.
Ya lo pasado, Pasadoooo !!! :)
Funciona! Pero se ve mal.. .creo que mejor sería si estuviera en position relative, empujando todo la página hacia abajo en vez de tapar un pedazo de la cabecera... claro que eso es solo CSS.
Muy buena iniciativa!
Yo me uno!!!! http://img381.imageshack.us/img381/3017/putoie6vm6.png
Existen otros scripts como este en Internet
http://www.explorerdestroyer.com/
http://css-tricks.com/ie-6-blocker-script/
Lo interesante es que puedes configurar niveles para bloquear toda la página, o simplemente mostrar la cabecera.
Excelente idea! Ya esta en el blog... es hora de dejar IE6 a un lado, por el bienestar mental de los diseñadores. :D
Jj, lo sé, lo interesante aquí es que no es un script sino simple HTML.
No es mi idea bloquear a la gente que usa IE6, al final tienen tanto derecho a navegar como todos nosotros, lo que espero que logremos con esto es hacerles saber que existen mejores navegadores y que su experiencia web puede ser mil veces mejor.
Saludos.
Buena con la campaña, desde hoy le clave la espada al IE6 ya que no puedo ver un evento que solo tiene straming via IE6 y no lo pongo.
Fox is Best
Estuve buscando algo asi por algun tiempo, en verdad funciona te lo agradezco mucho!
Me uno a la causa.
Ya lo implementé en mi blog, aunque la verdad yo seria aun mas estricto, recomendando que ni siquiera IE7 es un buen browser y asi incentivar el uso de un browser de verdad (Opera, Firefox, Safari, etc).
De todas formas, la apoyo
Me uno a la causa y le hago eco para que más personas se enteren de la campaña. Buena iniciativa y a ver si ahora si los IE6 Users toman conciencia de que existe una actualización, sino que también optras mejores opciones.
Saludos
The Ghost
Gracias a todos, si pueden sería genial que hagan eco de la campaña para que se sumen más sitios :)
ya saben, posts, twitter, im, etc.
Es hora de cambiar la web!
Hola. Me gusta la iniciativa, pero es exactamente lo mismo que SaveTheDevelopers.org viene tratando de hacer hace un buen rato. Tambien puedes probar http://www.pushuptheweb.com/ , ahi hacen lo mismo, pero en realidad su objetivo es que todos los usuarios actualicen su navegador a su ultima version (Sin importar cual sea).
Por ultimo,y sin animo de spam(encerio xD), pueden ver que a mi blog no se puede acceder desde IE (ninguna version), pero despues de una gran-copada charla con los users(en uno de los ultimos posts) quedamos en que la nueva forma de implementar eso, va a ser una pagina con el logo de SaveTheDevelopers (para el blog y todos mis proyectos).
Lo que tienes que hacer es bloquear IE de pecho, por q la barrita no le jode a nadie, y no le van a dar bola, o sea, van a seguir con ese intento de browser hasta q tengan una compu nueva xD.
Saludos y suerte con la campaña
Homer0, la iniciativa es la misma, es cierto, sólo que aquí no se trata de scripts. sólo un texto que les diga a los usuarios que hay mejores navegadores.
Si conozco SaveTheDevelopers.org, aunque ahora sólo redirige a la página de IE7.
No me parece que bloquear a los usuarios con IE6 sea la solución, es más, diría que es lo peor que puedes hacer.
No podemos forzar a la gente a cambiar de navegador, y mucho menos privarla de cualquier contenido, ellos tienen tanto derecho a navegar como cualquiera de nosotros (aunque lo hagan en el peor navegador que existe).
La idea de esta campaña es informarle a la gente que hay mejores opciones para navegar por la web.
Saludos.
¡Listo! Me uní a la campaña.
http://jpscaletti.com/2008/10/adios-a-internet-explorer-6
@Homer0. La barrita por si sola ayuda. Pero es mucho mejor si además dejamos de desarrollar para IE6: http://aprendiendoweb.com/2008/08/no-todos-los-navegadores-fueron-creados-iguales
Buena campaña y es cierto, ya se ha venido dando en otros países(aunque como pasa la mayoría de veces, nos llegan hasta las campañas con retrazo :p).
Solo una anotación: como dijo Germán, puedes modificar el mensaje. Yo diría que "debes" modificarlo deacuerdo al tema del website.
No creo que de muchos resultados decirle a un padre de familia que festeja como 1999 cuando visita el website del colegio de monjas de su hija.
Laren,
... pero queda perfecto para el sitio de una discoteca retro :P
La forma como hacer eso, como lo publicaste, es para mi correcta, ya le uso casi un ano, tambien depende para que tipo de gente haces la paginas. Quitar optimizacion para ie6, como un developer profesional no podemos. Porque? Porque hay millones de gente, jefes, clientes potenciales, que en la casa usan firefox, pero en su trabajo (tengo 2 clientes muy grandes que todavia hacen eso) usan ie6 y NO PUEDEN HACER NADA, porque eso depende de "gente de sistemas" por cual no es un trabajo sensillo cambiar 2k compus a ie7 por ejemplo. y aqui es un problema.
por eso, debemos seguir haciendo nuestro trabajo y dejar que tiempo lo cambia solo.
mis dos centavos :)
dp
Yo tambien me uno a la campaña! laweka.net
Obvio quie me uno.
--
Atte.
Victor Hugo Saavedra
http://vhspiceros.blogspot.com
Como dijo Davor Peic, el usuario muchas veces no tiene la culpa de usar IE6, aveces simplemente no está en sus manos, porque tienen un equipo de sistemas o porque simplemente su PC vino así de fábrica.
Pero no se preocupen que las áreas de sistemas solo existen en las medianas y grandes empresas(no creo que sean muchos verdad?)
De las personas que manejan un PC:
- Una parte no tiene capacidad de modificar, instalar y borrar nuevo software(area de sistemas).
- Otra parte si la tiene
De esa parte que si la tiene:
- Algunos no están informados de las nuevas actualizaciones y sus ventajas
- Pero hay otros sí
De esos otros:
- A una parte solo le interesa trabajar como siempre lo ha hecho sin que nada cambie(no cambian por temor a romper su flujo de trabajo productivo).
- Pero el otro sector si cree que una actualización mejorará las cosas y por tanto lo descarga e instala.
Del sector que ya lo tienen instalado
- Una mínima parte regrese a IE6 por falta de tiempo para acostumbrarse o porque simplemente no entiende bien el concepto de pestañas(créanme, pocos entienden el concepto de pestañas si antes no leen o ven sobre ello).
Por más que los diseñadores web nos quejemos, al final el usuario y su lento proceso de actualización es el que define sobre qué trabajaremos. Esa es la realidad, la pura realidad, la cual no se puede modificar (pero la podemos moldear con campañas como esta).
Hola, buena iniciativa. Nos hemos enterado por Illi.Pro y nos hemos unido en tres blogs: http://www.todoalergias.com, http://www.todotutoriales.es y http://www.churbayportillo.com/blog
Gracias por ponérnoslo tan fácil. Un saludo.
IE6 tal vez deba desaparecer pero no proponiendo como alternativa IE7 que es mucho menos conveniente tanto en performance como en consumo de recursos, teniendo como ventaja principal el hecho de mostrar el contenido correctamente, en cuanto a diseño y hojas de estilo se refiere.
Saludos :)
Me parece una gran idea! oh si! me uno a esta campaña y en mi blog lo pondré también. No mas IE6!!
Pero... y por que no una campaña que sea "no mas IE"??
Ahí lo dejo
Me uní sólo que soy cero tolerante NO MAS IE! que mejor usen firefox!
Gops "Internet es lo nuestro" http://blog.gopsnet.com
Saludos
Me he unido, ya que un bug de IE6 muestra un pequeño defectillo en mi web, y como el arreglarlo me descuadra otras cosas y paso de comerme la cabeza, he puesto este código y listo! La web: http://artecg.com
Excelente iniciativa, saludos!
Ya están agregados :) no se olviden de correr la voz.
Saludos.
Uno más que se une a la causa :)
No más IE6!!
Me uno a la causa.
Adios a IE6, en mi web todavía tengo el IE como el navegador más usado, espero que la tendencia cambie.
Porcentaje de visitas
Internet Explorer 50,09%
Firefox 46,51%
Opera 1,61%
Safari 1,43%
Chrome 0,36%
Saludos
@Pruna, de ese 50.09% que usa IE ¿cuantos usan IE6?
Excelente idea, soy desarrolladro ya esta decidido a implentar algo asi, y me encuentro con esto que me parece genial, voy a implementarlo de ahora en más en mis páginas :)
Bueno ya lo incorpore a un proyecto en el que estoy trabajando, solo cambie el mensaje de advertencia para hecerlo más "formal" por asi decirlo:
"Este Sitio usa técnicas avanzadas de CSS y respeta los Estándares de la W3C, por lo tanto NO es compataible con Internet Explorer 6. Para visualizar correctamente el Sitio actualice su navegador o pruebe FireFox."
Saludos colegas.
(IE 6...descanza en paz...)
Me uno totalmente a la causa.... ya no podemos seguir viviendo del monopolio de Bill Gates...
Me uno a la campaña, anti-IE6...
No comprendo a veces a esos clientes que quieren un website "lindo, funcional, actual, de diseño fresco, NOVEDOSO!!!"
Y cuándo se lo presentas te dicen... En mi compu se ve mal, tengo ie6 :@:@:@
Nada es más detestable que tener que resignar recursos válidos u opacar el diseño solo porque a un tipo no se le ocurre mejor idea que decirte "se tiene que ver bien 'TAMBIEN' en mi ie6"...
La web avanza, la tecnología avanza, porque algunos no lo alcanzan a comprender???
:(
Me sumo a la campaña, y pronto me sumaré con un proyecto que usa mootools y no van muy bien en IE
Muerte a IE!!!!! XD
Saludos
La web de Inventos Nuevos se suma a esta campaña, y aprovecha para felicitar a Germán Martínez por su estupenda web.
Un saludo.
Hola de nuevo,
por favor podrías incluirme en la lista de los que quieren cambiar la web.
Muchas gracias!! ;)
Listo!
Gracias.
un saludo y felicidades por tu pagina una gran ayuda para diseñadores
yo me uno a ti con tu iniciativa
ese mensaje es un poco violentó pero se puede cambiar
yo en mi pagina ya aconsejo que cambien por firefox pero al diseñar me preocupo que se vea igual en firefox y en ie7 si en ie6 no sale lo anulo con los mensajes como los de tu pagina
http://aprendiendoweb.com/2008/10/internet-explorer-y-sus-comentarios-condicionales y mas adelante les voy a cambiar anulando totalmente que se vea en ie6 con un mensaje para que actualice o migre por firefox
los otros 2 opera y safari no le doy importancia ni me fijo como se ven
un saludo y a continuar
yo utilizo algo asi se puede modificar:
<html>
<head>
<style type="text/css">
#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
width: 800px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
</head>
<body>
<div id="topbar">
<a href="" onClick="closebar(); return false"><img src="close.gif" border="0" />Cerrar</a>
tu comentario.(para que se vea bien en su totalidad esta pagina)
<a href="http://www.mozilla.com/products/download.html?product=firefox-3.0.5&os=win&lang=es-ES"><img src="http://aprendiendoweb.com/static/blog/img/firefox.png"border="0"></a>
<a href="http://www.mozilla.com/products/download.html?product=firefox-3.0.5&os=win&lang=es-ES">ej:cambia por firefox</a>
<a href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx"><img src="http://aprendiendoweb.com/static/blog/img/ie7.png"border="0"></a>
<a href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx">ej:actualiza tu navegador</a>
</div>
<Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br>hola<Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br><Br>imagen flotante que se puede cerrar
</body>
</html>
me falto ponerle para que no se vea en otros navegadores solo en ie6 o anteriores:
<!--[if lte IE 6]> <div id="topbar">..........
............navegador</a></div><![endif]-->
ya te comento que en tu comentario de http://aprendiendoweb.com/2008/10/internet-explorer-y-sus-comentarios-condicionales
le falta ! esta asi <--[if lte IE 6]>
Me uno a la campaña, para contribuir a que los internautas actualicen su navegador Web.
Pueden entrar a mi sitio: http://www.yaonahuac.com.mx/.
Saludos desde México.
En TodoWordPress, tambien nos unimos a la campaña: http://www.todowordpress.org/campana-contra-internet-explorer-6/2009625/
Hace falta realmente este tipo de campañas?¿
Simplemente por que no dejamos de jacer diseños pensados en IE6 y punto, no hace falta esperar hasta esa fecha.
Hace falta que tengamos un "lider" para empezar a reaccionar. Hace rato que dejo de hacer "cosas " pensando en este navegador, luego que nos queda un boicot al opera por que no se ve igual que en firefox, quiza safari o mejor aun konqueror. no entiendo el verdadero sentido de esta propuesta realmente.
Por cierto este blog se ve mal en Opera, lo olvide mencionar.
Ya me uni y escribi una pequeña reseña de esto en mi blog :)bueno estoy resien empesando con este blog asique lo mas seguro es que muy pocos lo lean.. pero a mi me vale :)
Hola
entre aqui de casualidad, me gustaria saber cual es el codigo para poder dejar comentarios en mi web
Saludos
Gran iniciativa! IE6 realmente es desastroso! Lo he implementado en DeChalaca.com
Hola. ¿Hay forma de que dependiendo de si el usuario tiene IE6 en inglés o español me muestre uno u otro código?. Es decir, quisiera poner los dos mensajes, sólo que si tiene IE6 en inglés y si lo tiene en español en español.
soloquiero.com se une a la causa
Blog reggae se une tambien a esto..No more IE6
No recuerdo como cojones llegue aqui, pero yo tambien me uno.
Joomla!Projects se une a esta iniciativa, precisamente ahora mismo me estan calentando la cabeza con una web que no se visualiza correctamente en iexplorer 6 y eh aterrizado en esta web. A ver si la gente se da cuenta que los navegadores no se actualizan solo por mera estética.
El problema en España es que hay muchas empresas con redes windows 2000 server que no admiten la actualización pero si pueden usar una alternativa al explorer, solo que no les da la gana.
Bueno, a mi el IE 6.0 no me cae bien tampoco, pero existe un problema que no se ha considerado, el hecho de que el usuario común y silvestre, (la mama de tu amigo, el papa de tu amiga que esta buenisima, el dueño de la bodeguita, en fin) no sabe ni que michi es un browser o navegador, para ellos el internet es esa letrita E que es el icono de IE 6.0 que para mal viene instalado por defecto. Ese usuario si no ve la pagina "bien" facil cambia a otra y punto, no se va a dedicar a descargar e instalar el Mozilla Firefox, mucho menos Opera (para mi un excelente browser).
Entonces mas viene en pensar en otra idea, porque sino imaginense ya estariamos hasta el cuello del pinguino, porque pondriamos "deje de usar windows instale linux" y la verdad que muy pocos pueden nadar con un "tuxedo" a lo sumo se manejan con la "ventanita".
Creo que podria ser más creativo una idea como que si ve la pagina con internet explorer 6 sale el navegador llorando o siendo lastimado o algo por el estilo, esa es la estrategia para motivar al visitante que esta haciendo un daño al mantenerse usando un navegador como IE 6.0.
Saludos
Pd:
Para aquellos linuxeros, fan boy linux, applemanzanitos,no se mencionado de manera ofensiva su opción os x ual.
Me uno a esta y a todas las campañas para desaparecer el desastroso IE6... es una pérdida de tiempo estar buscando como hacer que nuestros templates funciones adecuadamente, además... la versión para mac es super obsoleta apenas tienen la 5.2 ... y no funciona ni con las directivas qué bárbaros!!!
Oficialmente unido! :-)
Totalmente de acuerdo con todos vosotros. Yo también me uno a la cruzada contra el IE6, realmente desastroso...
ME UNO!!!
Yo sigo utilizando Internet Explorer 6, y no pienso cambiarlo.
No nos preocupemos de IE6, no le hagamos caso. Desarrollemos nuestras páginas como si no existiera, así antes o después el usuario tendrá problemas de visualización, y cuando entre en otra y otra y otra página y en todas tenga el mismo problema (nadie ha tenido en cuenta IE6) empezará a preguntar qué tiene que hacer para poder ver bien Internet. La respuesta se traducirá en un usuario menos de IE6, en favor de los navegadores estándar. Es más sencillo de lo que parece :)
Deja un comentario