Inmediatamente después de Internet Explorer 9, llega la muy aclamada última versión de Firefox 4. El lanzamiento ha sido un éxito hasta el momento, con más de 7 millones de descargas en las primeras 24 horas y más de 40 millones hasta la fecha. Hoy, me gustaría ofrecerle una visión general rápida de los cambios desde la perspectiva de un desarrollador: me saltaré la nueva interfaz de usuario y las otras características de Whizbang.
Un nuevo motor de renderizado, Gecko 2.0, está bajo el capó de Firefox 4.
Un nuevo motor de renderizado, Gecko 2.0, está bajo el capó de Firefox 4. En su mayor parte, como se esperaba, ofrece un gran soporte para el desarrollo web orientado a estándares. También está en juego un nuevo analizador HTML5 que define cómo su código HTML se convierte en una página web.
Como resultado, obtienes un rendimiento mejorado, desde internalHTML
especialmente, la capacidad de incluir SVG en línea en su código y la estabilidad y capacidad de respuesta generales debido al algoritmo de análisis que se ejecuta en su propio procesador.
Más mejoras desde el punto de vista del desarrollo HTML5 son el soporte más maduro proporcionado para los formularios HTML5 y la API de audio. El soporte para los elementos y atributos de marcado más nuevos disminuirá significativamente el código JavaScript que tendrá que escribir para proporcionar una funcionalidad equivalente. Piense en una validación más fácil: los elementos de su formulario no necesitarán JavaScript para pegar las reglas de validación.
WebGL es un estándar basado en OpenGL ES que le permite realizar representaciones 3D en la web.
La compatibilidad con WebGL ha sido bastante incipiente en versiones anteriores de Firefox; solo las compilaciones de prueba nocturnas ofrecían soporte para la tecnología. Firefox 4 viene con soporte completo para la plataforma.
Si se está preguntando, WebGL es un estándar basado en OpenGL ES que le permite realizar representaciones 3D y otras manipulaciones variadas a través del elemento del lienzo. La API en sí misma es de un nivel más bajo de lo que esperaría, lo que le proporciona una enorme flexibilidad y potencia. Si se puede hacer algo en un escritorio, también puede hacerlo en la web!
Reducimos la carga de trabajo en nuestras CPU de propósitos generales al permitir que las GPU, mucho más paralelas y capaces, manejen cálculos específicos.
La aceleración de hardware es la descarga de tareas que normalmente son manejadas por el software al hardware siempre que sea posible. En nuestro escenario, reducimos la carga de trabajo en nuestras CPU de propósitos generales al permitir que las GPU, mucho más paralelas y capaces, manejen cálculos específicos y, por lo tanto, obtengan un mejor rendimiento. Tanto la tarea de representar el contenido de la página como de compilarlo se aceleran, aunque se utilizan diferentes API en diferentes plataformas..
En Windows, Direct2D se utiliza para la aceleración de contenido, incluidas las manipulaciones de lienzos y el dibujo, mientras que Direct3D se utiliza para la aceleración de la composición. En OS X, Quartz maneja lo primero, mientras que OpenGL, que es mucho más abierto, se ocupa de lo último..
J? GerMonkey es una versión avanzada y optimizada de TraceMonkey, el motor JS en Firefox 3.6
De acuerdo con las expectativas del desarrollador, Firefox cuenta con un nuevo motor de JavaScript bajo el capó: J? GerMonkey. Una versión mejorada de TraceMonkey (el motor JS en Firefox 3.6), J? GerMonkey agrega muchas más optimizaciones a la mezcla que resultan en mejoras sorprendentes en el rendimiento..
Las optimizaciones más nuevas e inteligentes, como el enfoque JIT por método, realizan compilaciones nativas más agresivas que dan como resultado un rendimiento mucho mejor que el de la competencia. Para darle un ejemplo, Firefox obtiene una puntuación aproximadamente seis veces mejor en el benchmark V8 y tres veces más rápido en los benchmarks SunSpider en comparación con Firefox 3.6.
En general, J? GerMonkey ha recuperado a Firefox en la carrera por el rendimiento supremo de JavaScript.
Gracias a heskinradiophonic
Firefox finalmente soporta transiciones y transformaciones CSS3.
Una de las adiciones notables para un desarrollador de aplicaciones para usuario es el soporte extensivo para las transiciones de CSS3. Mientras que los otros navegadores se han jactado de las transiciones de CSS3 durante mucho tiempo, Firefox ha estado muy ausente. La última versión proporciona una implementación casi completa de la especificación..
Las transiciones CSS proporcionan un método de CSS puro para animar los cambios entre las propiedades de CSS. ¡Las transformaciones como la escala, la rotación y el sesgo también están disponibles para usted! Incluso puedes usar estas transformaciones. dentro Transiciones para crear efectos ingeniosos. ¿Recuerdas los fragmentos de jQuery que utilizaste para atenuar elementos y colores, dentro y fuera? Para nuestros propósitos y propósitos, son bastante redundantes: solo unas pocas líneas de CSS son todo lo que se necesita ahora.
Las características más nuevas incluyen:
-moz-cualquiera
Agrupar selectores estructuralmente relevantes..-moz-calc
Te permite definir valores a través de expresiones matemáticas.. A pesar de que el equipo de Mozilla ha tardado un rato, la mera acción de un soporte adicional facilita que los desarrolladores web adopten estas nuevas tecnologías..
Firefox ahora se entrega con el soporte de WebM, lo que mejora su capacidad para consumir contenido de video en la web y la cuota de mercado de WebM..
Aunque las compilaciones nocturnas de los desarrolladores han podido reproducir el formato durante un par de meses, esta es la primera versión oficial que brinda soporte para el formato..
Si este tema le confunde un poco la cabeza, le sugiero que lea mi artículo anterior sobre códecs de video en la web donde puede encontrar más información sobre este tema. Basta con decir que al agregar el soporte WebM, Mozilla ha fortalecido su idealismo basado en estándares y simplificó la vida de sus usuarios en un solo movimiento..
IndexedDB guarda los datos como documentos con formato JSON.
IndexedDB es Mozilla tomando una ruta radical y más utilizable en comparación con otros navegadores al optar por el enfoque NoSQL. Recuerde que la mayoría de los otros navegadores utilizan la API de Web SQL en la que los desarrolladores escriben SQL para obtener información almacenada en bases de datos SQLite.
IndexedDB guarda los datos como documentos con formato JSON y le permite acceder a la información que contiene a través de una API más simple que no es SQL. ¿El final resulto? Sintaxis mucho más sencilla y una API más estandarizada que lo aísla de los matices de la implementación y le proporciona una enorme flexibilidad..
Si bien no reemplazará a Firebug, la nueva consola web es increíblemente útil.
La nueva consola web reemplaza la consola de errores de versiones anteriores. Si bien no reemplazará algunas de las herramientas avanzadas como Firebug, es sumamente útil cuando estás hurgando en las entrañas de un sitio o una aplicación..
La consola se puede abrir con Ctrl + Shift + K [Cmd para los hipsters frutales] y viene con:
La compatibilidad con OpenType ahora te permite jugar con configuraciones más avanzadas como el kerning.
Ahora puede usar OpenType, un formato de fuente abierta, que le brinda acceso a una paleta mucho más variada: ya no está limitado a las fuentes seguras para la Web..
Si bien puede sonar aburrido, el soporte para OpenType permite a un gran número de características. Puedes modificar el kerning, las ligaduras y obtener fracciones automáticas entre muchas otras..
Un punto más a tener en cuenta es que si su sitio no está en inglés, el nuevo motor de Firefox presenta su contenido sin problemas ni trabas visuales. Y con el aumento exponencial en las páginas web que no están en inglés, estas características ayudan tanto a los desarrolladores como a los usuarios finales..
La última versión de Firefox es un gran paso en comparación con la generación anterior con una serie de adiciones y mejoras dirigidas a desarrolladores y diseñadores. Los adictos a JavaScript también han sido atendidos por la mejora del rendimiento, cortesía del nuevo motor, mejor compatibilidad con HTML5 y CSS3, así como un conjunto de herramientas mucho más robusto..
Entonces, ¿qué opinas sobre Firefox 4? ¿Quiéralo? ¿Lo odio? Háganos saber en los comentarios y muchas gracias por leer.!