Share
Immédiatement après Internet Explorer 9, la dernière version de Firefox 4, très vantée, nous parvient. Le lancement a été un succès jusqu'à présent, avec plus de 7 millions de téléchargements au cours des premières 24 heures et plus de 40 millions à ce jour. Aujourd'hui, j'aimerais vous donner un bref aperçu des changements du point de vue du développeur. Je vais ignorer la nouvelle interface utilisateur et les autres fonctionnalités de whizbang..
Un nouveau moteur de rendu, Gecko 2.0, est sous le capot de Firefox 4.
Un nouveau moteur de rendu, Gecko 2.0, est sous le capot de Firefox 4. Comme prévu, il offre généralement un excellent support pour le développement Web orienté standard. Un tout nouvel analyseur HTML5 définit également la manière dont votre code HTML est transformé en page Web..
En conséquence, vous obtenez une performance améliorée, de innerHTML appels spéciaux, possibilité d'inclure SVG en ligne dans votre code et stabilité et réactivité globales grâce à l'algorithme d'analyse exécuté sur son propre processeur.
Le support plus évolué fourni pour les formulaires HTML5 et l’API audio est une autre amélioration du point de vue du développement HTML5. La prise en charge des nouveaux éléments et attributs de balisage réduira considérablement le code JavaScript que vous devrez écrire pour fournir des fonctionnalités équivalentes. Pensez une validation plus facile - vos éléments de formulaire nécessiteront zéro JavaScript pour y coller les règles de validation.
WebGL est un standard basé sur OpenGL ES qui vous permet d’effectuer un rendu 3D sur le Web..
La prise en charge de WebGL était relativement récente dans les versions précédentes de Firefox. Seules les versions de test nocturnes proposent une prise en charge de la technologie. Firefox 4 est livré avec un support complet pour la plate-forme.
Si vous vous le demandez, WebGL est un standard basé sur OpenGL ES qui vous permet d'effectuer un rendu 3D et toute autre manipulation assortie via l'élément canvas. L'API elle-même est de niveau inférieur à ce que vous auriez pu obtenir, vous offrant une flexibilité et une puissance énormes. Si quelque chose peut être fait sur un bureau, vous pouvez aussi le faire sur le Web!
Nous réduisons la charge de travail de nos processeurs à usage général en laissant beaucoup plus de processeurs parallèles et capables. Les GPU gèrent des calculs spécifiques..
L'accélération matérielle consiste à décharger des tâches qui sont généralement gérées par le logiciel dans la mesure du possible. Dans notre scénario, nous réduisons la charge de travail de nos processeurs à usage général en laissant beaucoup plus de processeurs parallèles et capables, les GPU gérer des calculs spécifiques, obtenant ainsi de meilleures performances. Le rendu du contenu de la page, puis sa composition sont accélérés, bien que différentes API soient utilisées sur différentes plates-formes..
Sous Windows, Direct2D est utilisé pour l’accélération du contenu, y compris les manipulations de la zone de dessin et le dessin, tandis que Direct3D est utilisé pour l’accélération de la composition. Sur OS X, Quartz gère le premier alors que OpenGL, beaucoup plus ouvert, prend en charge le second..
J? GerMonkey est une version avancée et optimisée de TraceMonkey, le moteur JS de Firefox 3.6.
Conformément aux attentes des développeurs, Firefox dispose d’un nouveau moteur JavaScript sous le capot - J? GerMonkey. Version améliorée de TraceMonkey (le moteur JS de Firefox 3.6), J? GerMonkey ajoute de nombreuses optimisations au mixage, ce qui entraîne des améliorations remarquables des performances..
Des optimisations plus récentes et plus intelligentes, telles que l’approche JIT par méthode, permettent des compilations natives plus agressives, offrant des performances bien meilleures que celles de la concurrence. Pour vous donner un exemple, Firefox marque environ six fois mieux le benchmark V8 et trois fois plus rapide dans les benchmarks SunSpider par rapport à Firefox 3.6..
Dans l’ensemble, J? GerMonkey a ramené Firefox dans la course aux performances JavaScript absolues.
Merci à heskinradiophonic
Firefox supporte enfin les transitions et transformations CSS3.
Un des ajouts remarquables pour un développeur front-end est un support étendu pour les transitions CSS3. Alors que les autres navigateurs se vantent des transitions CSS3 depuis longtemps, Firefox manque cruellement. La dernière version fournit une implémentation presque complète de la spécification.
Les transitions CSS fournissent une méthode purement CSS pour animer les modifications entre les propriétés CSS. Des transformations telles que la mise à l'échelle, la rotation et l'inclinaison sont également à votre portée! Vous pouvez même utiliser ces transformations dans transitions pour créer des effets astucieux. Vous souvenez-vous de ces extraits jQuery que vous avez utilisés pour estomper les éléments et les couleurs? Pour ce qui est de notre propos, ils sont pratiquement redondants - quelques lignes de CSS suffisent maintenant..
Les nouvelles fonctionnalités incluent:
Accentsconagua
-moz-any regrouper des sélecteurs structurellement pertinents.-moz-calc vous permettant de définir des valeurs par le biais d'expressions mathématiques. Même si cela a pris un certain temps à l’équipe de Mozilla, la simple action d’un support supplémentaire permet aux développeurs Web d’adhérer plus facilement à ces nouvelles technologies..
Firefox est désormais livré avec le support WebM, ce qui renforce considérablement sa capacité à utiliser du contenu vidéo sur le Web et la part de marché de WebM..
Même si les versions nocturnes des développeurs sont capables de lire le format depuis quelques mois, il s'agit de la première version officielle à prendre en charge le format..
Si ce sujet vous rend la tête un peu floue, je vous suggère de lire mon article précédent sur les codecs vidéo sur le Web, où vous pouvez trouver des informations complémentaires sur ce sujet. Autant dire qu'en ajoutant le support WebM, Mozilla a renforcé son idéologie basée sur des normes et simplifié la vie de ses utilisateurs en un seul geste..
IndexedDB enregistre les données sous forme de documents au format JSON.
IndexedDB est que Mozilla prend une route radicale, plus utilisable que d’autres navigateurs, en optant pour l’approche NoSQL. N'oubliez pas que la plupart des autres navigateurs utilisent l'API Web SQL dans laquelle les développeurs écrivent du code SQL pour obtenir des informations stockées dans des bases de données SQLite..
IndexedDB enregistre les données sous forme de documents au format JSON et vous permet d'accéder aux informations qu'il contient via une API plus simple, non-SQL. Le résultat final? Une syntaxe beaucoup plus simple et une API plus standardisée qui vous isole des nuances de l'implémentation tout en vous offrant une énorme flexibilité.
Bien qu'elle ne remplace pas Firebug, la nouvelle console Web est incroyablement pratique..
La nouvelle console Web remplace la console d'erreur des versions précédentes. Bien qu'il ne remplace pas certains des outils avancés tels que Firebug, il est extrêmement pratique lorsque vous fouillez dans les entrailles d'un site ou d'une application..
La console peut être ouverte avec Ctrl + Maj + K [Cmd pour les hipsters fruités] et est livrée avec:
La prise en charge de OpenType vous permet désormais de jouer avec des paramètres plus avancés tels que le crénage.
Vous pouvez maintenant utiliser OpenType, un format de police ouvert, vous donnant accès à une palette beaucoup plus variée - vous n'êtes plus limité aux polices Web sécurisées..
Bien que cela puisse sembler ennuyeux, la prise en charge d'OpenType introduit une multitude de fonctionnalités. Vous pouvez modifier le crénage, les ligatures et obtenir des fractions automatiques parmi beaucoup d'autres.
Un autre point à noter est que si votre site n’est pas anglais, le nouveau moteur Firefox restitue votre contenu sans aucun accroc ni accroc visuel. Et avec l’augmentation exponentielle des pages Web non anglaises, cette fonctionnalité aide à la fois les développeurs et les utilisateurs finaux..
La dernière version de Firefox marque un progrès considérable par rapport à la génération précédente, avec de nombreux ajouts et améliorations destinés aux développeurs et aux concepteurs. Les junkies JavaScript ont également été pris en charge par les performances améliorées du nouveau moteur, une meilleure prise en charge de HTML5 et CSS3 ainsi qu'un ensemble d'outils beaucoup plus robuste..
Alors, que pensez-vous de Firefox 4? Aimer? Le detesté? Faites-nous savoir dans les commentaires et merci beaucoup pour la lecture!
