Los que estaban esperando que de una vez por todas Firefox 7 para Android llegase por fin al sistema operativo móvil Android están de enhorabuena, ya que está desde ya disponible en la Android App Store. Pero quizás lo que más nos ha llamado la atención va a ser la funcionalidad que nos permite la nueva actualización de Firefox 7, ya que la función de copiar y pegar viene incluida. ¿Ya han pensado cuanto uso le van a dar?

Pues si, pero no es todo. Ya que además, el navegador Firefox 7 incluye un detector automático de idioma, y a mayores viene con WebSockets APIs que pueden mejorar la experiencia de navegación así como las utilidades con las que de seguro será mucho más sencillo el uso de internet.

Más info | GSM Arena

Más de un año ha pasado desde la última gran actualización del navegador de la Fundación Mozilla. Durante este tiempo la competencia se ha hecho extrema y el crecimiento en la base de usuarios de Firefox se ha estancado.

Todo gracias a que los navegadores rivales han sabido ofrecer alternativas y se han esforzado en dar lo que el usuario quiere: mayor compatibilidad con los estándares web emergentes como HTML5 y sus tecnologías asociadas, un interfaz minimalista que priorice el contenido sobre el navegador, un consumo de recursos controlado y velocidad.

Se puede decir que todos y cada uno de estos puntos han sido cubiertos de forma extraordinaria con Firefox 4. El nuevo interfaz se basa absolutamente en las pestañas y hasta permite definir cuales quiere el usuario que permanezcan siempre abiertas para los servicios web que usa de forma regular. No es nuevo, ya habíamos visto esta filosofía en Opera o Chrome, donde se demostró que los navegadores que aún piensan en ventanas están desfasados (sí, me refiero a Safari, pero esa es otra historia).

Vayamos a lo importante aquí: lo que supone esta nueva versión para la web como plataforma. Firefox 4 cuenta con un renovado motor de renderizado (Gecko 2.0) con soporte mejorado para HTML5 y CSS3. Además, incorpora soporte de WebGL, el estándar de gráficos 3D para la Web basado en OpenGL.

JägerMonkey, el nuevo motor de JavaScript presente en esta versión, se encarga ahora de acelerar aún más el rendimiento de Firefox. Esta nueva optimización del existente  TraceMonkey lo coloca al mismo nivel de Chrome ejecutando las complejas aplicaciones web actuales que hacen uso masivo de código JavaScript y supone una gran mejora en la experiencia de usuario.

Si a esto le añadimos el uso la aceleración por hardware en Windows y Mac haciendo uso de Direct 2D/3D y OpenGL, el resultado es una mejora sustancial de velocidad y uso de recursos a nivel global. El rendimiento de la aplicación como la eficiencia se ha mejorado significativamente a todos los niveles y los usuarios podrán disfrutarlo en el día a día.

Para finalizar, tengo que destacar la inclusión nativa de soporte para WebM, el formato de video libre de Google. Y es que hay mucha polémica al respecto del soporte nativo de video en formato H.264 vs WebM en los navegadores para el elemento <video> de HTML5.

Lo que no se puede negar es que esta es una gran noticia: disponemos ahora de una plataforma completamente libre para distribuir y visualizar video en alta definición usando un códec moderno sin restricciones y sin requerir el pago de royalties. De esta forma se manifiesta la importancia de la filosofía abierta de la Web.

Si os hablamos hace unos días sobre la implementación de App Tabs en la beta 4 de Firefox, Chromium ya lleva esta funcionalidad activada en sus versiones más recientes, se trata de WebApps por las que puede tener pestañas como aplicaciones activas. Esto es un principio hacia un forma de trabajo a través de aplicaciones web.

Y es que es interesante, ya se está trabajando en estas aplicaciones, como es el caso del lanzamiento de los productos live de Microsoft, o MobileMe de Apple, los navegadores web tienen muy presenta también esta nueva tendencia y tanto Firefox como Chromium ya lo están implementando.

Chromium ya tiene activo en sus últimas versiones la posibilidad de agregar estas aplicaciones, aunque difere un poco con respecto a las extensiones de Firefox, ya que estas son aplicaciones están ya creadas y que deberás arrastrar a la ventana activa para usarlas. La idea de Mozilla es crear una app directamente desde una página.

Así mismo Google está trabajando en la Web Store por la que pretende lanzar este tipo de aplicaciones para navegadores dentro de poco tiempo. Lo que nos permitirá tener un amplio abanico de aplicaciones en nuestro navegador y podemos deciros que para aplicaciones como Redes Sociales, ofimatica, calendarios, email… funcionan francamente bien.

• Pagina proyecto Chromium

Mozilla acaba de lanzar su beta 2 de Firefox 4 disponible desde la Web de Mozilla. Como novedad aporta App Tabs por la ahora se pueden crear pestañas con aplicaciones como Gmail de Google, Twitter, Facebook y otras aplicaciones accesibles desde la Web. Ahora accesibles mediante un icono en la barra superior.

Esta es la novedad más interesante lanzada en esta beta y que puede venir integrado con Tab Candy de la que os hablamos hace poco.

Esta 2º Beta de Firefox 4 trae consigo otras novedades para desarrolladores como CSS Transitions, de forma que los cambios realizados en la programación de un sitio se verán reflejados en un cierto intervalo de tiempo, que ajustemos. Hasta ahora los cambios realizados en CSS se hacían visibles al instante.

Puedes ver un video de App Tabs, lo nuevo en esta 2º beta que permite crear aplicaciones con servicios de internet a través de un simple icono.

Descarga 2º Beta Firefox 4

Fuentes mozilla-hispano.org

Tab Candy se presenta como un proyecto para Firefox para organizar las pestañas. Lo curioso en este proyecto es que se realiza a través de ventanas, que nos da la sensación de tratarse de un Sistema operativo, ya que los Sistemas operativos están basados en ventanas.

No se trata de una extensión o plugin para Firefox aunque tampoco se sabe si será una novedad en Firefox 4 o se trata de un proyecto más independiente. De momento disponible en una prebeta de Firefox. Tab Candy te permite gestionar las pestañas de forma muy visual, como puedes ver en el vídeo de arriba.

Una vez que tiene abiertas múltiples pestañas con contenido distinto puedes acceder a través de un botón en la barra de dirección a una interfaz gráfica desde la que puedes arrastrar/soltar las pestañas en distintas ventanas, así como darle nombre a dichas ventanas.

Lo cierto es que Tab Candy cobra todavía mayor importancia si hablamos de un dispositivo táctil en el que gestionar tus pestañas del navegador se realizará de forma mucho más fácil (un juego de niños)

hay una versión prebeta de Firefox 4 desde la que podrás probarla.

Enlace Firefox 4.0b3pre

Visto en Genbeta

Los desarrolladores de Mozilla acaban de presentar Firefox Home en la AppStore, de esta forma pretenden integrar su navegador estrella como aplicación para el iPhone, veremos si finalmente se aprueba pero en cualquier caso ya es un buena noticia.

Hace algunos días los responsables de Opera Mini ya se hicieron hueco para ofrecer su navegador para el iPhone.

De lanzarse finalmente Firefox en el iPhone puede ofrecer servicios de sincronización además de un potente navegador, como diseñador reconozco que en muchas ocasiones debo utilizar este navegador, así que me encantará verlo disponible en el iPhone.

Además claro está de ofrecer una alternativa al navegador estrella de Apple, Safari, que es de los más rápidos, no lo dudamos, pero para otro tipo de tareas, como edición en Html o Css no siempre es la mejor opción.

Firefox se acaba de actualizar a la versión 3.6.4 y su principal novedad es que tiene plugins multiproceso con lo que se asegura una mejor estabilidad y comportamiento del navegador al tener instalados varios plugins ya que se ejectuan en procesos independientes.

Se trata de una revisión menor del navegador pero con la peculiaridad que se corrigen numerosos bugs que mejoran en gran escala su estabilidad.

Ahora dispone de un sistema anticrash (disponible de momento para flash, silverlight y quicktime) que harán que el navegador no tenga que reiniciarse en medio de ejecución de vídeos o presentaciones como era habitual hasta ahora.

Esta característica multiproceso, ya vista en Google Chrome es muy interesante, ya que si algun plugin falla tan sólo deberemos cerrar o reiniciar la pestaña en ejecución que falle, pero si tenemos varias pestañas abiertas no habrá que cerrar todo como antes.

Ya está disponible para todas las plataformas incluida la de Mac, ya que se comentó que tardaría algunos días más. Pero desde la Web de Firefox ya se puede descargar para Windows, Linux y Mac también.

Descarga desde el Sitio oficial de Firefox

Firebug

Esta extensión contiene muchos complementos enfocados a diferentes especialidades del desarrollo. Son tantas las características, que es difícil describirlas todas en tan poco espacio, sin embargo algunas de las más importantes son: manejo de Cookies, sesiones, hojas de estilo, consola de JavaScript y mucho más en tiempo real.

Web Development Toolbar

Esta barra de herramientas, permite hacer un scan de un sitio, ya que se puede modificar y visualizar elementos que forman parte de la estructura. Por ejemplo, las imágenes, divs, encabezados, párrafos, columnas, etc. También es un recurso muy útil cuando se trabaja con hojas de estilo, ya que permite mostrar u ocultar elementos para hacer más fácil la comprensión de la estructura de un sitio.

YSlow

La optimización de recursos es muy importante, por lo que esta extensión brinda una buena forma de visualizar el tiempo de carga de cada página, con lo que se puede identificar qué elementos son los que toman más tiempo en descargarse. Los motores de búsqueda ponen especial énfasis en páginas optimizadas que no demoran demasiado encargar.

Colorzilla

Hay veces que nos encontramos con colores interesantes, pero comúnmente no ponemos de herramientas para saber específicamente de qué color se trata. Esta extensión es similar a la herramienta cuentagotas de programas de edición de imágenes, ya que permite conocer cualquier color que se encuentre sobre la pantalla.

Fireshot

La colaboración y la retroalimentación en un diseño es muy importante, y aquí es donde Fireshot entra en juego, ya que permite hacer anotaciones, recomendaciones y comentarios sobre la interfaz, directamente desde navegador, y con la posibilidad de compartir estas anotaciones con otras personas.

Pencil

El diseño y el maquetado son partes muy importantes, y que mejor que el poder llevarlas a cabo desde la misma ventana del navegador. Esta extensión permite montar un entorno de diseño y bosquejo sin la necesidad de salir de Firefox.

IE View / Opera View / Safari View Win / Chrome View

Es muy importante asegurarse que un diseño se ve de la misma forma en diferentes navegadores, y en diferentes sistemas operativos. Algunos navegadores tienden a ser conflictivos, sobre todo Internet Explorer. Este conjunto de extensiones permiten visualizar los sitios como si se abriesen en varios navegadores a la vez, asegurando la máxima compatibilidad posible.

CodeBurner

Se trata de una librería con referencias a propiedades, métodos y elementos de HTML y CSS, las cuales se pueden acceder directamente desde navegador, ahorrando mucho espacio y tiempo, si no se es muy familiar con estos conceptos. Es un recurso de ayuda y referencia muy útil y sobre todo discreto.

Muchas ocasiones los diseñadores, además de tener el navegador de Internet abierto, también tienen abiertos infinidad de programas para poder hacer su trabajo. Y, si eres usuario de Firefox, tenemos magníficas noticias para tí.

La comunidad de desarrollo del Mozilla Firefox, ha logrado que los desarrolladores programen infinidad de agregados; y entre ellos, muchos muy útiles para los diseñadores. Aquí cubriremos 19 agregados que nos permitirán elegir colores, medir dimensiones, guardar imágenes, etc.

Aunque por otro lado, te advertimos que, entre más agregados instales, más lento se volverá el Firefox (seguramente ya lo sabías).

Herramientas de Color

Colorsuckr: Ya te hemos hablado de éste agregado en algún post anterior; pero te lo recordamos, ColorSuckr elegirá los 12 colores más comunes de una imagen para permitirte hacer una paleta de colores basada en dicha imagen.

ColorZilla: ColorZilla permite obtener una lectura desde cualquier punto del navegador, lo cual, permite ajustar el color y pegarlo a otros programas. Además de identificar colores, permitirá medir la distancia entre dos puntos determinados.

FirePalette: FirePalette añade una herramienta de selección de color al pánel CSS de Firebug y así, podrás elegir colores compatibles con CSS.

Palette Grabber: Permitirá que puedas hacer una paleta de color, de cualquier página web que visites para después exportarla a Photoshop, Flash, PaintShop Pro, GIMP, Adobe Fireworks, etc.

Herramientas de medición

GridFox: Podrás dibujar una cuadrícula encima de cualquier página web, para medir las columnas de la misma, además de poder hacer otras mediciones.

MeasureIt: Una manera fácil y rápida de dibujar una regla alrededor de cualquier elemento de una página y ver que tan grande es en pixeles.

Pixel Perfect: Permite que los diseñadores puedan incrustar su composición arriba del progreso del desarrollador, para ver que tanto falta para terminar un proyecto, y que ajustes se deberán hacer.

Herramientas varias

Firebug: Generalmente es asociado con desarrolladores, pero los diseñadores pueden utilizarlo para inspeccionar la disposición de los elementos de una página, así como el CSS.

Font Finder: Te permitirá resaltar cualquier elemento en una página para ver la información CSS del mismo. Es especialmente útil cuando se requiere identificar una fuente.

View Dependencies: Añade un “lengüeta” a la “información de la página” para que se puedan ver todos los archivos asociados con la página, junto con su peso. Con ésto te podrás dar cuenta que elementos son los que están retardando la carga de cierta página.

Web Developer: No le hagas mucho caso al nombre, los diseñadores, podrán inspeccionar, editar y deshabilitar el CSS, así como las gráficas. También puede ser utilizado para medir elementos, redimensionar el navegador, desplegar el CSS por tipo de archivo y bastante más.

Window Resizer: Permite que puedas ver cualquier página en diferentes resoluciones: 640×480, 800×600, 1024×768, 1280×800, 1280×1024 y 1600×1200.

Herramientas para capturas de pantalla

Abduction!: Permite guardar una porción de una página o guardarla toda, para poder mostrar problemas potenciales a otras personas. También se puede imprimir o copiar cualquier imagen que hayas guardado.

FireShot: Nos dará múltiples opciones para poner las imágenes en cierto tipo de página, la cual, podrás enviar por correo electrónico, guardar o subir a cualquier host.

Image Zoom: Elige el tamaño al cual deseas redimensionar una imagen para que puedas revisar en que calidad quedará una vez redimensionada.

Picnik: Permitirá guardar una imagen de la página que estés visitando y enviarla directamente al editor de imágenes en línea, Picnik.

Pixlr: Puedes editar y abrir imágenes que has tomado directamente en el editor de imágenes en línea conocido como Pixlr.

Screengrab: Podrás capturar el documento completo, o sólo la parte visible. Este agregado sólo guardará los elementos de una parte de la estructura de la página, si así se desea, así mismo, podrá guardar imágenes provenientes de elementos de Flash o JavaScript.

Talon: Se trata de un agragado que permite tomar capturas de pantalla que pueden ser guardadas en tu ordenador para que puedan ser abiertas por el editor de imágenes en línea Phoenix.

Esperemos sea de utilidad, y para acceder a todos y cada uno de los agregados, lo tendrás que hacer por medio de la página donde se encuentra el artículo original.

Vía | sitepoint

En ésta ocasión, hemos encontrado una excelente “Web-App” que nos ayudará a crear esquemas de color para nuestros trabajos de diseño. Y ésta aplicación de nombre Colorsuckr, lo que hace es extraer colores de fotografías o imágenes para que se puedan crear esquemas de colores.

Una vez que los colores de la fotografía han sido identificados, Colorsuckr, lo que hace es crear un equema de color basado en cada uno de los colores que fueron extraídos de la fotografía. Una vez que los resultados han sido mostrados, los colores pueden ser “arrastrados” para acomodarlos como mejor prefieras.

Cuenta con una excelente integración con Flickr; si tu introduces el URL de una fotografía guardada en Flickr, ColorSuckr encontrará la fotografía sin necesidad de que hagamos más “trámites” para que la foto sea encontrada por la aplicación. Así mismo, si ponemos la URL de una página que cuenta con varias imágenes, ColorSuckr “escaneará” la URL y mostrará las fotografías y de ahí podremos elegir la fotografía de la cual queremos extraer el equema de colores.

Se leerá muy tonto, pero se recomienda que se utilicen fotografías a color, nunca podremos obtener resultados satisfactorios de una fotografía en blanco y negro. Además, se recomienda que siempre se utilicen fotografías con un tamaño mayor a los 50pixeles x 50pixeles, ya que, de lo contrario, la aplicación no trabajará de manera adecuada.

Ahora bien, para todos aquellos que utilizamos Firefox como navegador de Internet principal, hay una muy buena noticia; Colorsuckr cuenta con un agregado para dicho navegador. Simplemente habrá que instalar el agregado, darle click derecho a la imagen que deseamos extraerle el esquema de colores, y dar click en el sub-menú que dice así: Extract Image Colors (Extraer colores de la imagen) y ésta acción te llevará directamente a la página web de Colorsuckr, donde podrás crear tu esquema de colores.

Vía | Colorsuckr