Todos sabemos que los sitios profesionalmente diseñados deberían verse bien sin importar desde qué navegador lo visitemos. Sin embargo, es complicado probar todas las maneras en que tu sitio puede llegar a verse, al haber tantos navegadores y versiones. Es por eso que te presentamos estos sitios web con los que puedes realizar estas pruebas en forma online. Browsershots
Este servicio web es simple y ofrece un gran número de navegadores. Podrás saber cómo se ve tu sitio tanto en los navegadores más populares como en los menos utilizados, y en todas las variantes de sistema operativo posibles.
Browsershots es gratis, aunque en caso de quieras adquirir “prioridad de carga”, cuenta con un cargo mensual de us$29.95 mensuales.
Haz clic en este enlace para visitar Browsershots >>
Spoon Browser Sandbox
Este servicio basado en web intenta llegar aún más lejos que sólo proveerte capturas de pantalla, ofreciéndote vistas interactivas de múltiples versiones de Firefox, Chrome y Opera (a excepción de Internet Explorer por expreso pedido de Microsoft). Para los usuarios de Windows, el servicio sólo requiere la descarga de un plugin.
Spoon Browser Sandbox es un servicio completamente gratuito.
Haz clic en este enlace para visitar Spoon Browser Sandbox >>
Browserling
Otro servicio basado en web, en este caso Browserling nos provee de vistas interactivas de los distintos navegadores ejecutándose en máquinas virtuales. Algunas de las variantes de IE que el servicio soporta parecen estar siendo rendereadas con IE Tester.
Browserling se distribuye gratis durante su periodo beta, y sólo puede usarse 90 segundos por sesión sin registración alguna.
Haz clic en este enlace para visitar Spoon Browser Sandbox >>
Multi - Browser Viewer
Multi-Browser Viewer combina software instalado (bajo Windows) con una suscripción. Ofrece más de veinte navegadores, incluyendo IE6, IE7, IE8, Safari, Chrome, Opera y Firefox. Tambien ofrece simuladores de navegadores para dispositivos móviles, incluyendo iPhone y BlackBerry.
Ofrece diversos planes de suscripción, comenzando por un plan de 14 días por us$29.95, hasta una suscripción por un año entero por us$139.95.
Multi -Browser Viewer es gratuito durante su periodo de prueba, y luego puede ser usado durante 90 segundos por sesión como máximo.
Haz clic en este enlace para visitar Multi -Browser Viewer >>
Esperamos que estos sitios te sean de utilidad. ¡Hasta la próxima!
El equipo de Mozilla Firefox ha puesto online el sitio Firefox Live, en el cual nos cuentan todo acerca de este proyecto, y podremos ver en exclusiva, mediante streaming, su nueva adquisición: dos cachorros de panda rojo (el animal que podemos ver en su logo, también conocidos en inglés como “firefox“), a los cuales promete construir “un gimnasio” si se alcanza una cierta cantidad de descargas de Mozilla Firefox 4 Beta.
Toda la campaña está siendo realizada bajo estricta supervisión de Knoxville Zoo, con el objetivo de prolongar esta especie vulnerable, y su avance puede ser seguido a través de su sitio oficial. Además, ambos cachorros aún no tienen nombre, por lo que hay disponible una votación inicial en la que puedes sugerir tus favoritos.
Sin duda se trata de una astuta decisión, pero… ¿Estás de acuerdo con esta campaña? ¿Creés que Mozilla Firefox ha tomado el rumbo correcto en la guerra de navegadores?
Haz clic en este enlace para visitar el sitio oficial de la campaña Firefox Live >>
Haz clic en este enlace para descargar Mozilla Firefox 4 Beta >>
La sobrecarga que se produce en nuestra memoria al tener demasiadas pestañas abiertas en el navegador Mozilla Firefox es un problema usual que se torna bastante molesto. Si bien hubo varios intentos de extensiones para solucionar este problema, como es el caso de TooManyTabs, ninguno logró resolverlo de una forma tan práctica como lo hace la nueva extensión ClusterTabs.
Cluster Tabs es un plugin para Mozilla Firefox que permite que los usuarios agrupen y guarden fácilmente en una simple pestaña contenedora las distintas páginas que estén abiertas como pestañas individuales. Esto permite que los sitios que deseamos visitar no se carguen en la memoria hasta que deseemos ingresar a alguno de ellos en particular.
De esta forma la extensión promete eliminar el exceso de pestañas, hacer nuestro navegador más rápido y permitir que las búsquedas sean mucho más amenas.
Page Speed es una nueva herramienta de código abierto encargada de mejorar el desempeño del imprescindible plugin Firebug para el navegador Mozilla Firefox. Page Speed tiene como propósito mejorar la performance de nuestras páginas web, y al igual que Firebug debe instalarse como plugin, para luego integrarse con éste. En esta nota conoceremos Page Speed en profundidad.
Al correr Page Speed obtendrás sugerencias inmediatas sobre cómo puedes cambiar tus páginas web para mejorar su velocidad. Por ejemplo, Page Speed optimiza automáticamente las imágenes por ti, brindándote una imagen comprimida que puedes utilizar inmediatamente en tu sitio. También identifica problemas tales como Javascript y CSS que ha sido cargado por tu página pero no se utilizó para mostrar el sitio. Esto puede ayudar a reducir el tiempo que los usuarios pasan esperando que la página termine de cargar y finalmente se muestre.
La gente seguramente lo comparará con YSlow pero hay algunas diferencias más allá del hecho de que Page Speed es de código abierto, cosa que esperamos permita el crecimiento de una comunidad:
- La herramienta no sólo nota que las imágenes pueden ser optimizadas, sino que realiza el trabajo por nosotros.
- Automáticamente condensa tu Javascript y lo exterioriza para que lo puedas utilizar.
- La opción Profile Deferrable Javascript identificará automaticamente aquellos candidatos que tiendan a una carga lenta.
- Posee una solapa de red mejorada con información sobre cuántos pedidos son servidos o no a través del caché. Al estar escrito en C++ se salva de las limitaciones “en proceso” del Net Panel de Firebug.
- Muchas reglas y comprobaciones diferentes.
Sin duda se trata de una herramienta de desempeño que debe ser agregada en tu cartera.
Para ingresar a la web de PageSpeed haz clic aquí»
Fuente: Ajaxian
Jetpack es un API open-source que te da la posibilidad de escribir add-ons para Firefox utilizando tecnologías web que todos ya conocemos. Se trata de un proyecto que busca explorar nuevas formas de extender y personalizar la web. Esto espera incursionar en una web más participativa y con una mayor variedad de add-ons que enriquecerán la experiencia del usuario de Firefox.
Las siguientes son las ideas que desde Mozilla creen que deberían influir en el desarrollo de este proyecto.
Jetpack debería ser:
Basado en la web
- HTML, Javascript y CSS serán las únicas herramientas requeridas
- Tener el poder total de la web abierta: AJAX y capacidades multimedia incluyendo <canvas>, <audio> y <video>
- Tener capacidad de stream y ser accessible via URL, como el resto de la web
- Debuggeable en el navegador sin necesidad de reiniciar, utilizando herramientas de desarrollo web comunes, como Firebug
Seguro
- Proveer acceso únicamente a los privilegios solicitados, con temas de seguridad presentados en términos amigables en vez de términos técnicos
- Código breve y fácil de revisar, asegurándose que los potenciales temas de seguridad sean simples y requieran poco tiempo re revisión
Robusto
- Asignar a las APIs una versión para no tener que actualizar y reversionar tu código con cada nueva versión de Firefox
- Add-ons livianos pero completos, permitiendo aplicaciones simples y complejas que favorezcan a la experiencia web, tal como lo hacen los add-ons actualmente
Extensible
- La arquitectura permitirá la fácil inclusión de toolkits de terceros revisados y versionados (jQuery, Dojo, etc.) y librerías de API (Twitter, Delicious, Google Maps, etc.)
¿Quiénes pueden participar?
Sencillamente cualquier diseñador y desarrollador web que esté dispuesto a colaborar en hacer de la web un mejor lugar.
Firefinder es una nueva extensión para Firebug que se encarga de encontrar elementos HTML que concuerdan con los selectores CSS especificados por el usuario o con las expresiones XPath. La idea es poder encontrar rápidamente los selectores CSS/XPath en un documento para ver qué concuerda, o cuántas instancias de un cierto elemento están presentes (por ejemplo, una clase específica de h2).
Esta extensión ofrece:
- Una forma rápida de filtrar elementos HTML por medio de selectores CSS o XPath.
- Resaltado de los mismos en el documento.
- Listado de los mismos en el panel de Firebug por medio de una lista desplegable.
- Un conteo del total de elementos que concuerdan.
Haz clic aquí para descargar Firefinder »
Fuente: Ajaxian
Pencil es una extensión para Firefox que actúa como una herramienta de dibujo. Fue premiada el año pasado por Mozilla, reconociéndola como una de las extensiones más creativas que existen. El addon Pencil es un programa que se ejecuta dentro de la venta de Firefox permitiéndonos graficar con total libertad, diagramar, utilizar botones, editar textos y muchas otras opciones. A continuación, todo lo que puedes hacer con Pencil.
Qué se puede hacer con Pencil
- Plantillas incorporados para realizar diagramas y prototipos
- Documentos multi-páginas con páginas de fondo
- Edición de texto en pantalla con soporte de texto enriquecido
- Rehacer/deshacer
- Instalación de plantillas definidas por el usuario
- Operaciones de dibujo: alineación, z-ordenación, rotación y escala.
- Tramado PNG
Entre sus muchas utilidades, puedes utilizar este plugin para prototipear interfaces de usuario gráficas. Si bien se necesita una herramienta más poderosa para llegar a la versión final de una interfaz de usuario, Pencil puede resultar muy práctica para realizar un esbozo rápido o editar uno que ya tengas durante la visita a un cliente que no tenga instalados en su PC los programas que necesitas habitualmente.
Pencil es una aplicación fácil de instalar que vale la pena conocer.
Haz clic aquí para descargarla »
Fuente: Web Worker Daily
DM BBCode Extension 1.2 es una novedosa extensión para Mozilla Firefox que nos permite trabajar con BBCode sobre cualquier sitio que utilice este tipo de código. La extensión añade una opción al menú contextual que aparece cuando haces clic con el botón derecho del mouse sobre algún elemento. Seleccionado la opción copia el BBCode al portapapeles. Conoce cómo funciona y cuáles son los beneficios de esta extensión.
Ejemplos de sus funciones
Si estás posado sobre una imagen copiará el BBCode de la misma a tu portapapeles.
Si te encuentras sobre un link, creará el BBCode apropiado para este link y lo copiará en tu portapapeles.
Luego, sólo necesitas pegarlo un tu foro favorito.
También puede aplicar BBCode común (cómo quote, url, img tags,etc) a un texto seleccionado dentro de un área de texto (por ejemplo, al estar posteando en un foro).
