Share
Direct na de start van Internet Explorer 9 arriveert de veelgeprezen nieuwste versie van Firefox 4. De release was tot nu toe een succes, met meer dan 7 miljoen downloads in de eerste 24 uur en meer dan 40 miljoen tot nu. Vandaag wil ik u een kort overzicht geven van de wijzigingen vanuit het perspectief van een ontwikkelaar - ik zal de nieuwe gebruikersinterface en de andere whizbang-functies overslaan.
Een nieuwe rendering-engine, Gecko 2.0, staat onder de kap van Firefox 4.
Een nieuwe rendering-engine, Gecko 2.0, staat onder de kap van Firefox 4. Grotendeels, zoals verwacht, biedt het een grote ondersteuning voor op standaarden gerichte webontwikkeling. Er is ook een gloednieuwe HTML5-parser die bepaalt hoe uw HTML-code in een webpagina wordt omgezet.
Als gevolg hiervan krijgt u verbeterde prestaties, van innerHTML roept met name de mogelijkheid om SVG inline in uw code op te nemen en algehele stabiliteit en reactievermogen, omdat het parsing-algoritme wordt uitgevoerd op zijn eigen processor.
Meer verbeteringen vanuit een HTML5-ontwikkelingsstandpunt zijn de meer volwassen ondersteuning voor HTML5-formulieren en de audio-API. Ondersteuning voor de nieuwere markup-elementen en -kenmerken zal de JavaScript-code die u moet schrijven aanzienlijk verminderen om gelijkwaardige functionaliteit te bieden. Denk aan eenvoudigere validatie: uw formulierelementen vereisen geen JavaScript om de validatieregels eraan te lijmen.
WebGL is een standaard die is gebaseerd op OpenGL ES waarmee u 3D-weergave op internet kunt uitvoeren.
WebGL-ondersteuning is behoorlijk nieuw in eerdere versies van Firefox - alleen de nachtelijke test biedt aanbevolen ondersteuning voor de technologie. Firefox 4 wordt geleverd met volledige ondersteuning voor het platform.
Als je je afvraagt, is WebGL een standaard die is gebaseerd op OpenGL ES, waarmee je 3D-weergave en andere gesorteerde bewerkingen kunt uitvoeren via het canvaselement. De API zelf is op een lager niveau dan u zou verwachten en biedt u enorme flexibiliteit en kracht. Als iets op een desktop kan worden gedaan, kunt u het ook op internet doen!
We verminderen de werkbelasting voor onze algemene CPU's door veel meer parallelle en capabele GPU's specifieke berekeningen te laten uitvoeren.
Hardwareversnelling is het ontladen van taken die waar mogelijk door de software naar de hardware worden afgehandeld. In ons scenario verlagen we de werkbelasting voor onze algemene CPU's door veel meer parallelle en capabele GPU's specifieke berekeningen te laten uitvoeren, waardoor betere prestaties worden bereikt. Zowel de taak van het renderen van de pagina-inhoud als het compositeren ervan worden versneld hoewel verschillende API's op verschillende platforms worden gebruikt.
In Windows wordt Direct2D gebruikt voor contentacceleratie, inclusief canvasmanipulaties en tekenen, terwijl Direct3D wordt gebruikt voor compositieversnelling. Op OS X handelt Quartz de eerste af, terwijl de veel opener OpenGL voor de laatste zorgt.
J? GerMonkey is een geavanceerde, geoptimaliseerde versie van TraceMonkey, de JS-engine in Firefox 3.6
In overeenstemming met de verwachtingen van ontwikkelaars, beschikt Firefox over een nieuwe JavaScript-engine onder de motorkap - J? GerMonkey. Een verbeterde versie van TraceMonkey (de JS-engine in Firefox 3.6), J? GerMonkey voegt veel meer optimalisaties toe aan de mix, wat resulteert in verbazingwekkende verbeteringen in de prestaties.
Nieuwere en slimmere optimalisaties zoals een JIT-benadering per methode voeren agressievere native compilaties uit, wat resulteert in prestaties die veel beter zijn dan die van de concurrentie. Om u een voorbeeld te geven: Firefox scoort ongeveer zes keer beter in de V8-benchmark en driemaal zo snel in de benchmarks van SunSpider vergeleken met Firefox 3.6.
Al met al heeft J? GerMonkey Firefox teruggebracht in de race voor supreme JavaScript-prestaties.
Dank aan heskinradiophonic
Firefox ondersteunt eindelijk CSS3-overgangen en -transformaties.
Een van de opmerkelijke toevoegingen voor een frontend-ontwikkelaar is uitgebreide ondersteuning voor CSS3-overgangen. Hoewel de andere browsers al lang op CSS3-overgangen pratsten, heeft Firefox het erg gemist. De nieuwste versie biedt een bijna volledige implementatie van de specificatie.
CSS-overgangen bieden een pure CSS-methode om wijzigingen tussen CSS-eigenschappen te animeren. Transformaties zoals schalen, roteren en schuintrekken zijn ook voor u in handen! U kunt deze transformatie zelfs gebruiken binnen overgangen om handige effecten te creëren. Herinner je die jQuery-fragmenten die je gebruikte om items en kleuren in en uit te faden? Voor onze intenties en doeleinden zijn ze vrijwel overbodig - een paar regels CSS is alles wat nodig is.
De nieuwere functies omvatten:
Accentsconagua
-moz-any om structureel relevante selectors te groeperen.-moz-calc waarmee je waarden kunt definiëren door wiskundige uitdrukkingen. Hoewel het Mozilla-team een tijdje heeft geduurd, maakt de eenvoudige actie van toegevoegde ondersteuning het gemakkelijker voor webontwikkelaars om deze nieuwe technologieën te omarmen.
Firefox wordt nu geleverd met WebM-ondersteuning, waardoor zowel de mogelijkheid om videocontent op het web te consumeren als het marktaandeel van WebM enorm wordt vergroot.
Hoewel ontwikkelaars die 's nachts bouwen, de formule nu een paar maanden kunnen spelen, is dit de eerste officiële release die ondersteuning biedt voor het formaat.
Als dit onderwerp je hoofd een beetje wazig maakt, raad ik aan mijn eerdere artikel over videocodecs op internet te lezen, waar je meer informatie over dit onderwerp kunt vinden. Het volstaat om te zeggen dat Mozilla door het toevoegen van WebM-ondersteuning haar op standaarden gebaseerde idealogie en vereenvoudigde leven voor haar gebruikers heeft versterkt in één beweging.
Geïndexeerde DB slaat gegevens op als JSON-geformatteerde documenten.
IndexedDB is dat Mozilla een radicale, bruikbare route neemt in vergelijking met andere browsers door te kiezen voor de NoSQL-aanpak. Vergeet niet dat de meeste andere browsers de Web SQL API gebruiken waarin ontwikkelaars SQL schrijven om informatie te verkrijgen die is opgeslagen in SQLite-databases.
IndexedDB slaat gegevens op als JSON-geformatteerde documenten en geeft u toegang tot de informatie die deze bevat via een eenvoudiger, niet-SQL-API. Het eindresultaat? Veel eenvoudiger syntaxis en een meer gestandaardiseerde API die u isoleert van de nuances van de implementatie terwijl u nog steeds enorme flexibiliteit biedt.
Hoewel het Firebug niet zal vervangen, is de nieuwe Web Console ongelooflijk handig.
De nieuwe Web Console vervangt de Error Console van eerdere versies. Hoewel het sommige van de geavanceerde tools zoals Firebug niet zal vervangen, komt het bij uitstek van pas als je door de ingewanden van een site of een toepassing snijdt..
De console kan worden geopend met Ctrl + Shift + K [Cmd voor de fruitige hipsters] en wordt geleverd met:
Ondersteuning voor OpenType laat je nu spelen met meer geavanceerde instellingen zoals kerning.
U kunt nu OpenType gebruiken, een open lettertype-indeling, waardoor u toegang hebt tot een veel gevarieerder palet - u bent niet langer beperkt tot webveilige lettertypen.
Hoewel het misschien saai klinkt, biedt ondersteuning voor OpenType een hele reeks functies. Je bent in staat om tekenspatiëring, ligaturen aan te passen en automatische breuken te krijgen tussen vele anderen.
Nog een punt om op te merken is dat als uw site niet-Engels is, de nieuwe Firefox-engine uw inhoud rendert zonder enige haperingen of visuele hangups. En met de exponentiële stijging van niet-Engelse webpagina's, helpt deze functie zowel de ontwikkelaars als de eindgebruikers.
De nieuwste iteratie van Firefox is een flinke stap voorwaarts op de vorige generatie met een aantal toevoegingen en verbeteringen gericht op ontwikkelaars en ontwerpers. JavaScript-junkies zijn ook verzorgd door de verbeterde prestaties dankzij de nieuwe engine, betere HTML5- en CSS3-ondersteuning en een veel robuustere set tools.
Dus wat denk je van Firefox 4? Hou ervan? Haat het? Laat het ons weten in de comments en bedankt voor het lezen!
