El Comercio Digital

Webmaster Libre

Desarrollo Web con Software Libre

Estás navegando por el archivo de la categoría Navegadores

Tingelets: Bookmarlets para desarrolladores web

Tingelets Logo

Si alguna vez has necesitado (o crees que te puede venir bien) una ayuda visual para identificar algunos elementos de una página web quizá deberías probar Tingelets.

Los Tingelets son pequeños bookmarlets que irán dándote pistas visuales sobre las etiquetas de un sitio.

A List Apart tingled

Simplemente tienes que arrastrarlos a tu barra de vínculos, muy simple y siempre a mano.

Tingelets: http://www.tingelets.com/

(x)HTML, Miscelaneos, Navegadores, Recursos

2 Comentarios

Molly Holzschlag trabajando con Microsoft

Molly Holzschlag ha empezado a trabajar con Microsoft.
Segun la propia Molly, sus funciones en este nuevo empleo serán:

  • To provide resources to Web designers and developers (including internal developers at Microsoft) as they work toward a more standards-oriented goal – no matter which tools and technologies are being used. To achieve this, our group will be publishing educational material for designers and developers from such noted industry experts as Eric Meyer, Christopher Schmitt and Aaron Gustafson. We’re choosing people who represent the Web professional’s community at large and who are subject matter experts in the technologies about which they’ll be writing. We’ll also be doing hands-on tutorials, continuing with our chat series, and I’ll be blogging a column called “The Daily Molly” which will provide short news, tips and tricks, and items of interest to the community
  • To work with Microsoft as well as all browser and tools vendors. It is my desire that persistence coupled with diplomacy will assist us all in moving to a time where interoperability becomes the heart of the Web again

Sin duda este «fichaje» de Microsoft me hace recuperar la esperanza en un desarrollo web sin hacks ni tonterias para IE.
¡Ánimo Molly, contamos contigo!

IEBlog: Working Together for a Better Web

General, Navegadores

2 Comentarios

About This Site: Conociendo sitios web con una extensión de Firefox

Gina Trapani, de Lifehacker, nos deja una interesante extensión para Firefox: About This Site.
Mediante un menú desplegable podremos obtener información del sitio web que estamos visitando en numerosos servicios: 16 incluídos por defecto, desde realizar un Whois a comprobar los gráficos de Alexa o los favoritos en del.icio.us.

About This Site

Además, añadir nuevos servicios es sumamente sencillo, así como eliminar servicios que no utilicemos y ordenar el menú a nuestro gusto.

Más información y descarga: Lifehacker Code: About This Site add-on (Firefox)

Navegadores, Recursos

Comenta

Joe Hewitt nos demuestra como usar Firebug

Que la mayoría de nosotros ya usamos Firebug es algo que no podemos ocultar pero ¿le sacamos tanto partido como podríamos?

Lo que os dejo a continuación es un video de Joe Hewitt presentando Firebug 1.0 hace unos días

Nota: La noticia proviene de Ajaxian con la diferencia de que en su artículo se utiliza un vídeo antiguo en lugar de este

(x)HTML, CSS, General, Javascript, Navegadores

3 Comentarios

Lynx Viewer: Visualiza tus páginas en modo texto

A traves de Tooler descubro una interesante herramienta: Lynx Viewer.

Con Lynx Viewer podrás comprobar como se ve tu sitio web en un navegador sólo texto y, por extensión, como lo ven los buscadores, además, claro, de tener una leve idea de cómo puede ser interpretada tu página por agentes de usuario no visuales.

El uso de esta herramienta es sencillo, simplemente tendremos que colocar un archivo llamado delorie.htm (que puede estar vacío) en el raíz del sitio a analizar para demostrar que somos los propietarios del sitio a analizar y que no estamos utilizando la herramienta como proxy y, después, introducir nuestra URL en un simple formulario.

La versión de Lynx utilizada por el Lynx Viewer es la 2.8.4rel.1 frente a la 2.8.5 actual así que quizá te resulte más conveniente instalar Lynx en tu ordenador (recuerda que está disponible para Un*x, VMS, Windows 95/98/NT y DOS386+)

Lynx Viewer: http://www.delorie.com/web/lynxview.html
Lynx Browser: http://lynx.browser.org/

Herramientas Online, Navegadores, Recursos

2 Comentarios

Firebug 1.0

Un año y 12 días después de que la primera beta de Firebug viese la luz, por fin, el día 24 de este mes, ha visto la luz la versión 1.0 de Firebug.
Para la mayoría de nosotros no supondrá un gran cambio ya que, estoy segura, venimos usando la 1.0 beta pero todos los que sigan con versiones anteriores se van a llevar una agradable sorpresa al reiniciar su Firefox.

Como ya comentamos en su momento, Firebug 1.0 sigue siendo Libre

Anuncio Oficial: One dot Oh
Descarga: Firebug en Mozilla Add-On

(x)HTML, CSS, Javascript, Navegadores

Comenta

Primera imagen de Netscape 9.0

Netscape 9 Teaser

De momento sólo tenemos una imágen y algunos datos en el blog de netscape.com pero parece que el vetusto navegador se niega a desaparecer. Sólo se han revelado un par de características nuevas: mejores Live Bookmarks e integración con netscape.com.

Ahora queda esperar que se desvelen más datos, cosa que según comenta Chris Finke sucederá cada martes en el blog de netscape.com. Habrá que estar atentos.

Aplicaciones, Navegadores

2 Comentarios

Arreglo rápido para los PNG en Internet Explorer 6

Ya hemos hablado por aquí de algunas soluciones para que el Internet Explorer 6 trabaje adecuadamente con los PNG, no obstante, se trata de soluciones que requieren «bastante trabajo» por nuestra parte.

Via dzone descubro que Angus Turnbull hace tiempo que había dado con una solución mucho más sencilla y rápida: IE PNG Fix

Nos descargamos el archivo iepngfix.zip y subimos a nuestro servidor los archivos iepng.htc (el script en si mismo) y blank.gif (una imagen gif transparente). Editamos el archivo iepng.htc, si es necesario, para que sepa donde está situado el gif transparente e introducimos algo como la siguiente línea en nuestro css:

img { behavior: url(iepngfix.htc); }

Simplemente con eso, ya está. Además soporta las imágenes utilizadas como fondo, simplemente añade la propiedad a cualquier elemento que tenga establecido un fondo en PNG de la forma habitual.

img, #header, .class, blockquote { behavior: url(iepngfix.htc); }

En el archivo que nos descargamos viene incluida una demostración con una explicación bastante clara del funcionamiento del script. Sin duda simple y muy cómodo. ¡Se acabaron los GIFS de mala muerte!

CSS, Navegadores, Scripts

19 Comentarios

Total Validator: Validando nuestros sitios en un sólo paso

Total Validator es una interesante herramienta que te va a permitir comprobar numerosos aspectos de tu sitio web de una sola vez. Comprueba la validez de tu código, la accesibilidad, los errores gramaticales, los enlaces rotos e incluso puede hacer capturas de pantalla para comprobar como se ve el sitio en diversos navegadores. Sus principales características son:

  • Un validador de etiquetas que comprueba la estructura general de la página
  • Auténtica comprobación de HTML usando los DTD oficiales
  • Comprueba tu sitio contra las normas de la seccion 503 y del W3C WAI Accesibility Guidelines
  • Busca enlaces rotos en tu sitio
  • Comprueba la ortografía para varios idiomas: inglés, francés, italiano y español
  • Captura el sitio en diversos navegadores y a diferentes resoluciones de pantalla
  • Dispones de una herramienta para el escritorio para hacer comprobaciones offline (sólo la versión pro funciona en Linux, la gratuita es sólo para Windows y Mac)
  • Puedes, ademas, validad páginas desde tu navegador Firefox con un solo click mediante una extensión

El servicio es gratuito pero limitado a 5 páginas de cada vez para el servicio online. Además, para mayor comodidad podremos recibir el análisis en nuestro correo electrónico.
Además, para próximas versiones está proyectado poder validar también nuestras hojas de estilo.

Total Validator:
http://totalvalidator.com/
Total Validator Firefox Extension:
http://totalvalidator.com/tool/extension.html

Herramientas Online, Navegadores, Recursos

3 Comentarios

Firebug 1.0 seguirá siendo libre

Firebug Logo

Firebug, la popular extensión para Firefox que nos ayuda a editar, depurar y monitorizar CSS, HTML y Javascript, ha llegado a su versión 1.0 beta con una buena noticia adicional.

Durante un tiempo su creador, Joe Hewitt, barajó la posibilidad de convertir Firebug en un producto comercial pero, con el lanzamiento de la versión 1.0 beta nos ha sorprendido con una fantástica noticia: Firebug va a seguir siendo gratuito y de código abierto, adoptando para la versión 1.0 final la misma licencia triple MPL/GPL/LGPL que utiliza Firefox.

Además, a partir de ahora tendremos la posibilidad de disfrutar de las ventajas de Firebug cuando estemos depurando código en Opera, Safari o Internet Explorer gracias a Firebug Lite, una librería Javascript que te permitirá embeber una consola de Firebug en tus páginas.

Firebug: http://www.getfirebug.com
Firebug Lite: http://www.getfirebug.com/lite.html

(x)HTML, CSS, Javascript, Navegadores

1 Comentario

Información:

Webmaster Libre es un blog de Alma Fernández Página alojada en Redcoruna