Webmaster Libre » Navegadores

IE Tester, probar tus páginas en múltiples versiones de Internet Explorer en una sola ventana

Alma Fernández — Mon, 28 Sep 2009 19:34:59 +0000

En este blog creo que, de tanto en cuanto, toca hablar de algo que nos permita probar nuestros sitios en IE o no rompernos los cuernos más de lo estrictamente necesario ¿por qué será?

Esta semana descubro vía Genbeta una utilidad que nos permitirá probar nuestros sitios contra múltiples versiones de Internet Explorer en una misma ventana, dividida en pestañas.

La aplicación se llama IETester y, como digo, nos ayudará a abrir nuestros sitios en varias versiones de Explorer simultáneamente. El programa está en fase alfa así que puede que de vez en cuando se rompa, no obstante cada pestaña funciona como un proceso independiente de las demás así que si se rompe en una de ellas las demás no nos dejarán tirados.

Para funcionar, IE Tester requiere una copia de Windows con IE7+ instalado.

IE Tester: http://www.my-debugbar.com/wiki/IETester/HomePage

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

IE Tester, probar tus páginas en múltiples versiones de Internet Explorer en una sola ventana was first posted on septiembre 28, 2009 at 9:34 pm.

Dust-Me Selectors extensión de Firefox para encontrar selectores no usados

Alma Fernández — Mon, 29 Jun 2009 15:40:24 +0000

Hace unos días hablábamos de una aplicación online que nos permitía detectar selectores de nuestra hoja de estilo que no se estaban empleando en nuestros sitios y que, por tanto, podíamos eliminar para aligerar nuestra CSS.

Dust-Me Selectors hace esto mismo pero en forma de extensión para Firefox, de forma que no necesitaremos tener conexión a internet para hacer un poco de limpieza en nuestras hojas de estilo.

Podrás escanear páginas individuales o sitios completos y, cuando hayas acabado, obtendrás una lista de selectores que no están en uso.

Dust-Me Selectors soporta hojas de estilo locales o remotas, enlazadas o importadas mediante @import y declaraciones dentro de comentarios condicionales para Internet Explorer.

Dust-Me Selectors: http://www.sitepoint.com/dustmeselectors/

He incluído esta extensión en el recopilatorio de extensiones de Webmaster Libre para Firefox

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

Dust-Me Selectors extensión de Firefox para encontrar selectores no usados was first posted on junio 29, 2009 at 5:40 pm.

Colección de extensiones para Firefox de Webmaster Libre

Alma Fernández — Tue, 23 Jun 2009 13:09:28 +0000

Aprovechando la nueva funcionalidad de la página de extensiones de Mozilla que nos permite crear colecciones de plugins para poder instalarlos en un click, he creado una pequeña colección con las extensiones que uso a diario en lo referente a desarrollo web.

La colección contiene:

Live Pagerank
Screengrab
TAW3 en un click
Colour Contrast Analyser
Firebug
YSlow
Pixel Perfect
FirePHP
Measure It
Colorzilla
FireFTP
Web Developer
Dust-Me Selectors

Si echáis algo en falta en el recopilatorio podéis decirmelo en los comentarios.

Espero que os sea útil.

Colección de extensiones para Firefox de Webmaster Libre: https://addons.mozilla.org/es-ES/firefox/collection/webmasterlibre

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

Colección de extensiones para Firefox de Webmaster Libre was first posted on junio 23, 2009 at 3:09 pm.

Firefinder agrega buscador avanzado a Firebug

Alma Fernández — Tue, 02 Jun 2009 13:09:27 +0000

Firebug es una de esas herramientas que una vez comienzas a utilizar ya no puedes separarte de ella. No sólo por si misma si no por la cantidad de addons que han salido sobre ella (ySlow, FirePHP, Pixel Perfect, etc.).

Robert Nyman nos sorprende ahora con Firefinder un addon que nos permitirá realizar búsquedas en base a selectores CSS o XPATH. El buscador nos ofrecerá un resumen del número de coincidencias en la página y una lista plegable de los elementos correspondientes, ideal para cuando buscamos todos los elementos con una determinada clase o para comprobar que no hemos dado el mismo id a más de un elemento, por ejemplo.

Firefinder: http://robertnyman.com/firefinder/

Vía SitePoint

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

Firefinder agrega buscador avanzado a Firebug was first posted on junio 2, 2009 at 3:09 pm.

IE 6 Update, ¿engañar a tus usuarios para que actualicen el navegador?

Alma Fernández — Tue, 21 Apr 2009 19:21:33 +0000

Veo en Anieto2k un enlace a otro “metodo infalible” para erradicar el Internet Explorer 6 y no salgo de mi asombro.

IE 6 Update es un plugin desarrollado con jQuery que se basa en, ni más ni menos, hacerse pasar por uno de esos avisos propios del navegador y hacer creer al usuario que debe descargarse una actualización del navegador para poder visitar el sitio.

A pesar de que la idea de hacer desaparecer el IE6 de la faz de la tierra me parece buena, tratar de engañar a los usuarios para que se actualicen no me parece que sea el camino a seguir.

Básicamente, estamos timando al usuario. Eso no es un aviso de sistema, ni mucho menos, somos nosotros usando un aviso de sistema para que hagan lo que queremos. A nadie nos gusta que nos engañen ¿Verdad? A mi me recuerda sospechosamente a esos anuncios de antivirus fraudulentos que te lanzan lo que parece una ventana de diálogo del sistema operativo para que pulses sobre su banner sin darte cuenta de lo que es.

Si queremos notificar a nuestros usuarios para que se actualicen estoy segura que hay métodos mejores, desde incluir un par de líneas de texto redactadas con cortesía mediante un comentario condicional para usuarios de IE6 hasta poner un banner de esos de “Usa Firefox”. Lo que sea siempre que no interfiera en las actividades del usuario (como los scripts que bloquean a usuarios de IE6) ni le engañe para que haga cosas que no sabe si quiere hacer (como este caso). Prefiero la aproximación de educar y dejar escoger que la de obligar e imponer.

En mi caso, como ya os he dicho mil veces, este sitio en Internet Explorer 6 se ve, feo pero se ve, no le falta nada esencial pero no está optimizado. Ese es mi acercamiento a dejar de dar soporte a IE6, siempre que se pueda claro.

Para mí el fin no justifica los medios ¿y para vosotros?

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

IE 6 Update, ¿engañar a tus usuarios para que actualicen el navegador? was first posted on abril 21, 2009 at 9:21 pm.

Internet Explorer sigue perdiendo cuota de mercado

Alma Fernández — Tue, 03 Feb 2009 12:37:29 +0000

Sin intención de parecer demasiado optimista respecto a una posible desaparición de Internet Explorer de nuestros horizontes, me alegra comentaros que un mes más el número de usuarios del navegador de Microsoft ha disminuido.

A finales del año pasado los resultados de NetApplications, una firma dedicada a sondear el uso de internet, ya indicaban que el porcentaje de usuarios de Explorer era muy inferior al habitual con un 69,77% pero parece que la caída no termina de frenar y, este mes el porcentaje es aún menor con un 67,55%.

Como es obvio, la perdida de usuarios es debida al crecimiento de otros navegadores, especialmente Firefox con un 21% del mercado y Safari que, gracias al nuevo impulso de ventas de equipos con OS X, alcanza ya a un 8% del mercado.

El resto de navegadores como Chrome y Opera se mantienen en cuotas de mercado marginales pero estables con Chrome alcanzando a un 1% de los usuarios de internet y Opera con un 0,7%.

A pesar de que son buenas noticias y, según CNET la caída de Internet Explorer no es puntual si no que será una tendencia, el navegador sigue liderando el mercado por lo que nuestros bonitos sueños de olvidarnos de él deberán esperar un poco todavía.

Además, como con todo este tipo de sondeos, hay que tomarse los resultados con un poco de espíritu crítico ya que, generalmente, no se realizan sobre todos los usuarios si no sobre muestras representativas de los mismos con lo que podemos desconfiar un poco de su validez.

Vía Read Write Web

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

Internet Explorer sigue perdiendo cuota de mercado was first posted on febrero 3, 2009 at 1:37 pm.

DD_belatedPNG, un nuevo método para arreglar los PNG en Internet Explorer 6

Alma Fernández — Tue, 09 Dec 2008 16:09:20 +0000

Puede que para algunos el tema de los PNG en Internet Explorer 6 sea ya algo cansino, seguramente si los ciclos de actualización de los usuarios del navegador de Microsoft fueran tan activos como los de otros navegadores este tema tendría que haber quedado zanjado hace mucho pero, los hechos ratifican que sigue habiendo mucha gente navegando con Internet Explorer 6.

En este blog ya hemos comentado algunos métodos para conseguir que funcionen correctamente los PNG con transparencia pero ninguno es del todo fiable, con algunos no funcionan bien cosas tan simples como posicionar un fondo o repetirlo…

Drew Driller se dió cuenta de que el VML soportaba los PNG transparentes y se puso manos a la obra para identificar la funcionalidad y aislarla en un script.

Con DD_belatedPNG podremos:

Emplear PNG de 24-bit con transparencia como fondo mediante la propiedad background-image de CSS
Posicionar esas imagenes mediante background-position o repetirlas con background-repeat
No usa AlphaImageLoader con lo que no encontraremos problemas con el z-index
Responde a element.style y a la pseudoclase :hover
Es muy sencillo de implementar y pesa muy poco

Para más información, instrucciones y ejemplos dirigios a la web del script: http://www.dillerdesign.com/experiment/DD_belatedPNG/

Vía Snook.ca

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

DD_belatedPNG, un nuevo método para arreglar los PNG en Internet Explorer 6 was first posted on diciembre 9, 2008 at 5:09 pm.

DevBoi, referencias de HTML, CSS y Javascript en tu Firefox

Alma Fernández — Thu, 02 Oct 2008 17:55:59 +0000

Siempre viene bien tener a mano una referencia donde consultar nuestras dudas, para todos los que ya habéis convertido al Firefox en la navaja suiza del desarrollo web os traigo hoy DevBoi.

DevBoi es un plugin que instalará una completa referencia de HTML, CSS, el DOM y Javascript en el sidebar de vuestro navegador.

Además de las referencias incluídas en la instalación estándard podréis ampliar su soporte a otros lenguajes como PHP o Ruby on Rails

DevBoi: http://martincohen.info/products/devboi/

Vía Web Resources Depot

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

DevBoi, referencias de HTML, CSS y Javascript en tu Firefox was first posted on octubre 2, 2008 at 6:55 pm.

Skyfire, un impresionante navegador web para dispositivos móviles

Alma Fernández — Wed, 24 Sep 2008 18:21:11 +0000

No hace demasiado, incluso en este mismo blog que no es tan antiguo, parecía imposible que la web móvil tomase tanto empuje como para que empezase a desarrollarse su propia “guerra de navegadores”.

Los pocos afortunados que navegaban vía sus dispositivos móviles solían conformarse con lo que venía integrado de serie en los terminales y punto. Total internet móvil, al menos en España, se limitaba a poco más que el casposo menú de servicios de las operadoras y para navegar por ahí vale con una canoa…

El caso es que con el auge de los dispositivos con Wi-Fi, 3G o el mismo GPRS acompañados de pantallas más grandes y mejores funcionalidades ha aumentado el número de usuarios de web móvil de forma casi exponencial. Usuarios que navegan por los mismos sitios que desde su ordenador y que quisieran disfrutar de las mismas posibilidades en sus pequeños dispositivos.

Safari en el iPhone e incluso Opera Mobile han abierto boca a muchos para querer acceder a los mismos sitios, con el mismo aspecto y todos sus fuegos artificiales pero, hasta ahora, seguía siendo necesario desarrollar versiones más adecuadas para esas pantallas pequeñas y esos dispositivos de funcionalidad reducida.

Skyfire es un navegador que pretende difuminar esas fronteras con su soporte para Flash, AJAX, Quicktime, Silverlight y todas esas cosas que hasta ahora estaban confinadas en el ordenador.

Además de incluir características de los navegadores de escritorio, como la SuperBar con la que su barra de direcciones se convierte en algo así como la que incorpora Chrome, incluye otras cosas realmente útiles en el ámbito de la movilidad como la capacidad de compartir la URL que estemos visitando por SMS. Y sólo va por la versión 0.8, en realidad acaba de salir de la beta privada. Impresionante.

De momento sólo está disponible para dispositivos con Windows Mobile pero prometen que pronto tendrán una versión para S60.

Y como mejor que sus creadores no os lo voy a presentar yo, aquí os dejo el video de su presentación en DEMO

Skyfire: http://www.skyfire.com
Vía TechCrunch

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

Skyfire, un impresionante navegador web para dispositivos móviles was first posted on septiembre 24, 2008 at 7:21 pm.

Pixel Perfect, comprueba si tu código es fiel al diseño

Alma Fernández — Thu, 28 Aug 2008 17:46:35 +0000

Algo que hay que asumir cuando nos movemos en el entorno web es que no todo lo que diseñamos se verá exactamente igual una vez traducido en HTML. No obstante, algunos desarrolladores se escudan en esta realidad para hacer interpretaciones más bien inexactas de los diseños a web.

Pixel Perfect es una extensión para Firebug mediante la que podrás superponer cualquier imagen a un sitio web con lo que realizar comprobaciones como si se respetan márgenes, tamaños y distribuciones del diseño será mucho más fácil.

Pixel Perfect Plugin from Lorne Markham on Vimeo.

Otra aplicación más para la ya indispensable extensión Firebug.

Pixel Perfect: http://www.pixelperfectplugin.com/

Vía dZone Web Builder Zone

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

Pixel Perfect, comprueba si tu código es fiel al diseño was first posted on agosto 28, 2008 at 6:46 pm.