Jul 07
Hoy he visto la luz al final del camino con el Internet Explorer 
Atrás quedan los días de usar emuladores, diferentes instalaciones engorrosas o incluso los plugins para firefox, por que he encontrado un programa que nos permite disfrutar de varias instancias de Internet 
Explorer con diferentes versiones sin complicarnos la vida.
Dado que el proyecto que estoy desarrollando actualmente requiere compatibilidad con diferentes versiones de Internet Explorer y que al trabajar en local y con servidores seguros no puedo utilizar emuladores externos he buscado por internet y he encontrado Multiple Internet Explorers, un programa que nos permitirá ejecutar diferentes versiones de Internet Explorer en nuestro ordenador.
Instalación de Multiple Internet Explorers
Para empezar tendremos que tener el Explorer 7 instalado en nuestra máquina, después bastará con descargar de la página oficial Multiple Internet Explorers y ejecutar el instalable, una vez abierto tendremos que decidir que versiones de Internet Explorer queremos instalar, podremos decidir desde la 3 hasta la 6.
Una vez finalizado, nos debería aparecer un icono en el escritorio por cada versión de Internet Explorer que hayamos decidido instalar.
Funciona a la perfección y me ha ayudado mucho en las pruebas de la aplicación, espero que también os sirva a vosotros.
Sólo espero que con el tiempo (y que no tarde demasiado) se deje de usar el explorer 6, más que nada por la cantidad de problemas que da…
Jun 15
Hoy trasteando por Internet me he dado de lleno con un código un tanto curioso. Se trata de una manera para conseguir crear un acceso directo en nuestro escritorio desde una aplicación web.
Evidentemente la manera de conseguirlo es mediante el uso de un control ActiveX, nunca me había interesado por ellos, básicamente por que sólo funcionan con Internet Explorer, pero en el caso de que alguien necesite crear un acceso directo voy a compartir con vosotros este hallazgo.
<BODY>
<script language=”javascript”>
function CreateShortcut(){
var WSHShell = new ActiveXObject(”Wscript.Shell”); //Get the scripting host.
var DesktopPath = WSHShell.SpecialFolders(”Desktop”)// Get the desktop folder.
var MyShortcut = WSHShell.CreateShortcut(DesktopPath + “\\Shortcut to notepad.lnk”) // Set shortcut object properties and save it
MyShortcut.TargetPath = WSHShell.ExpandEnvironmentStrings (”%windir%\\notepad.exe”) // Path to Notepad.exe.
MyShortcut.WorkingDirectory = WSHShell.ExpandEnvironmentStrings (”%windir%”) // Set working folder.
MyShortcut.WindowStyle = 3 // Full screen (use 4 for windowed).
MyShortcut.IconLocation = WSHShell.ExpandEnvironmentStrings(”%windir%\\notep ad.exe, 0″) // Specify the icon.
MyShortcut.Save();
}
</script>
<input type=”button” value=”Create Shortcut” onclick=”CreateShortcut()”>
</BODY>
Este ejemplo creará un acceso directo en nuestro escritorio al bloc de notas, evidentemente se puede generar a cualquier archivo que dispongamos en nuestro ordenador.
Me parece muy potente el uso que se le puede dar a este tipo de controles, por contra, recordar que son exclusivos para navegadores de Microsoft y además el usuario ha de autorizar la ejecución del mismo, algo, que cuando programo aplicaciones web intento evitar a toda costa.
Jun 09
Interesante manera de dotar a las hojas de cálculo de google de otra funcionalidad amén de las muchas de las que ya disponen, esta vez, gracias a un gadget externo podremos convertir una hoja de cálculo con un determinado formato, en un project al estilo del de microsoft.
Aquí tenemos un ejemplo del resultado final.
Jun 04
¿Tienes problemas con el nuevo navegador de Microsoft, el Internet explorer 8? ¿No se ve bien tu página? quizá aún sea pronto para llevarse las manos a la cabeza, ya que está en beta y todavía le falta por mejorar, pero para los alarmistas, comunicarles, que de momento es posible evitar los destrozos que el explorer 8 genera a algunas páginas añadiendo un meta a nuestro header y todo gracias a Microsoft.
Meta a añadir entre las etiquetas <head></head> de nuestras páginas
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />
Mediante este meta le indicamos al navegador que emule a su hermano pequeño, el 7, por lo que si nuestra página se veía correctamente con la versión 7, sería una buena opción a incluir en nuestras páginas hasta que salga la versión definitiva del navegador de Microsoft.
May 20
Quizá una de las cosas más engorrosas cuando programamos páginas webs sea la cache, en algunos casos es tan incómoda que ni siquiera pulsando ctrl + F5 (recarga de la página en el servidor) funciona.
Los casos más raros que he podido comprobar son la cache de archivos .js (que incluyen funciones javascript) en algunos casos la única manera de refrescar los cambios es accediendo por separado al archivo .js para que el navegador recoja los nuevos cambios.
Para evitar esto, supuestamente existen unas cabeceras que podemos incluir en nuestras páginas entre las etiquetas <head></head>
<meta HTTP-EQUIV=”Pragma” CONTENT=”no-cache”>
<meta HTTP-EQUIV=”Expires” CONTENT=”-1″>
Pero me aventuraría a decir (por experiencia propia) que algunos navegadores, simplemente las ignoran, si las cabeceras son las misma se limitan a sacar de la cache.
En estos casos, para páginas estáticas, si habiendo hecho esto sigue sin funcionar estamos un poco fastidiados, pero si por el contrario disponemos de una página dinámica la solución es tan sencilla como funcional.
Bastará con cambiar dinámicamente las cabeceras para que a efectos del navegador parezca una nueva y así obligarle a cargar todos los ficheros.
Por ejemplo, lo que suelo hacer es añadir un parámetro aleatorio a los ficheros que no quieron que se almacenen en cache, así obligo siempre al navegador a descargarlo.
Esta solución hay que tenerla en cuenta sólo para algunos casos, ya que estar cargando continuamente un fichero repercute en la transferencia del servidor que la aloja así como en la velocidad de navegación de nuestra página.
May 18
Ya sé que estos consejos se repiten mucho, pero todo sea por hacer páginas más accesibles y cómodas para los internautas ¿no?
- Realiza pocas peticiones HTTP
- Haz uso de CDN (Content Delivery Network)
- Añade una etiqueta para hacer expirar tus cabeceras, Expires header
- Habilita la compresión por Gzip
- Pon el CSS al principio de todo
- Pasa los archivos JS al final
- Evita los comentarios CSS
- Pon tu CSS y tus archivos JS en archivos externo
- Reduce las consultas DNS
- Optimiza y minimiza el código de tus archivos JS
- Evita las redirecciones
- Elimina los scripts duplicados
- Configurar los ETags
- Hacer Ajax Cacheable
Quizás los que más se repiten o al menos que tienen cierta relación tratan el tema de los javascript y css, es decir, aquellos ficheros que complementan o añaden funcionalidades a nuestras páginas.
Lo más curioso de todo ha sido descubrir que en el caso de los .js es preferible ponerlos al final de la página, nunca te acostarás… si saber una cosa más.