Scriptorama.nl

Na ongeveer 2 jaar na het uitbrengen van Firefox 2.0 is het dan tijd voor de opvolger: Firefox 3.0 is vandaag uitgebracht. Firefox 3.0 brengt een hoop nieuwe dingen, voor zowel de gebruiker als de developer. Een greep uit de nieuwe features!

Features voor gebruikers

Allereerst is het belangrijk om op te merken dat de Mozilla Foundation bij Firefox 3.0 veel meer bezig is geweest met aansporen tot het upgraden van de verschillende extensies die mensen nu in Firefox 2.0 gebruiken. Zie bijvoorbeeld de Extend Firefox 3 wedstrijd!

• Een likje verf voor de user interface

  Ten eerste gaat er een hoop van de UI veranderen. Alle platformen hebben namelijk een nieuwe verflaag gekregen en Firefox 3.0 is eindelijk in staat om met native form elementen te werken. Of te wel, als je Firefox bijvoorbeeld op de Mac gebruikt, zal Firefox er eindelijk ook uitzien als een Mac applicatie.
  

• Security verbeteringen

  In Firefox 2.0 had je al het 'padlock' en een gekleurde lokatie balk wanneer je een site via SSL bezocht. Dat gaf echter alleen maar aan dat de connectie encrypted was, niet of het certificaat ook daadwerkelijk van een bepaalde instantie was. In Firefox 3.0 is er een nieuw stukje UI toegevoegd dat dat allemaal veel duidelijker maakt.

  Lees meer over de Identity button »

• Add-ons verbeteringen

  Het addons systeem heeft behoorlijk wat veranderingen ondergaan. Zo is het hele Add-ons dialoog een stuk duidelijker geworden en is het eindelijk mogelijk geworden om direct vanuit dit dialoog een plugin te zoeken en te installeren. Nice!

• Awesome bar zoekt in pagina titels

  Voorheen zocht Firefox alleen in de URL history als je een gedeeltelijke URL intypte. In Firefox 3 is de locatie balk vervangen met de 'Awesome bar'. Deze zoekt in je URLs, page titels en keywords als je iets intypt in de locatie balk. Mooier is nog dat je niet gebonden bent aan 1 keyword, je kunt meerdere keywords gebruiken.

  Lees meer over de Awesome Bar »

• Places vervangt het bookmarking systeem

  In Firefox 3.0 is het bookmark systeem compleet opnieuw opgezet. Vanaf nu draait Places, zo heet het bookmarking systeem, op SQLite en is alles tagbaar gemaakt. Doordat de bookmarks nu makkelijk(er) toegankelijk zijn voor extensie developers zitten er waarschijnlijk behoorlijk wat kniftige extensies aan te komen.

  Lees meer over Places »

• Stabiliteit / geheugen gebruik verbeteringen

  Veel gebruikers van Firefox 2.0 hebben geklaagd dat Firefox na verloop van tijd heel veel geheugen gebruikt en dat het soms ook instabiel raakt (met name bij gebruik van extensies). De ontwikkelaars hebben deze feedback duidelijk gehoord en zijn opzoek gegaan.

  In Firefox 3.0 is het geheugen gebruik behoorlijk aangepakt. Door fragmentatie tegen te gaan wordt er voor gezorgd dat er minder geheugen gebruikt wordt én er zijn allerlei memory leaks gevonden en opgelost. Nice!

  Lees meer over het geheugen gebruik van Firefox 3 »

Behoorlijk wat veranderingen dus, die Firefox, ondanks dat ik Firefox 2 (meestal ;) ) helemaal niet vervelend vond, een stuk fijner maakt om dagelijks te gebruiken. Als je de bovenstaande features wat meer uitgelegd wilt zien kun je ook deze Screencast over Firefox 3 bekijken.

Features voor ontwikkelaars

Maar, je bent natuurlijk een ontwikkelaar, en dus zijn de features voor developers véél interessanter!

• Javascript / DOM verbeteringen

  Allereerst brengt Firefox 3.0 Javascript 1.8 ondersteuningen. Dit brengt een o.a. expression enclosures en generator expressions naar Firefox. Leuke features, maar voorlopig alleen interessant voor extensie ontwikkelaars aangezien we als webdevelopers ook nog met andere browsers te maken hebben.

  John Resign, van jQuery, heeft al in April '08 een overzicht gemaakt van welke browsers nu precies welke versies van JavaScript, of eigenlijk ECMA script ondersteunen.

  Firefox 3.0 heeft ook de nodige DOM verbeteringen, waaronder enkele features die we alleen kennen uit Internet Explorer, zoals de properties clientLeft, clientTop maar ook de events oncopy,oncut en onpaste. Buiten dat biedt FF3 ook ondersteuning voor enkele HTML5 features, zoals een native implementatie van getElementsByClassName en de mogelijkheid om via de functie window.postMessage en het message event berichten te sturen tussen verschillende windows.

  Lees meer over de DOM uitbreidingen in Firefox 3 »

• CSS verbeteringen

  Firefox 3.0 verbetert voornamelijk de ondersteuning voor de CSS 2.1 standaard. Dit blijkt ook uit het feit dat Firefox 3.0 eindelijk in staat is om de ACID2 test volledig juist te renderen. Wat betreft ACID3 hebben de ontwikkelaars aangegeven dat dit voor hun te laat in het proces werd vrijgegeven waardoor het niet verstandig was er al teveel aandacht aan te besteden. Desondanks scoort Firefox 3.0 toch nog zo'n 71 punten op de ACID3 test.

  Lees meer over de CSS improvements in Firefox 3 »

• Offline features [HTML5 feature]

  Firefox 3.0 biedt ontwikkelaars meer mogelijkheden om hun webapplicaties offline te laten draaien. Zo is er een event dat aangeeft of je online of offline werkt en is het mogelijk om in je webapplicatie aan te geven welke bestand gecached moeten worden voor eventueel offline gebruik.

  Lees meer over de offline feature in Firefox 3.0»

• Web-based protocol handlers[HTML5 feature]

  Ken je dat? Je bent een fulltime Gmail gebruiker, maar iedere keer dat jij op een pagina op een mailto: link klikt wordt Outlook Express, Thunderbird of Mail.app opgestart. Aargh! In Firefox 3 heeft de ontwikkelaar de mogelijkheid om een webapplicatie als handler voor 'protocollen' zoals mailto:, feed:, etc. op te geven:

  PLAIN TEXT
  JAVASCRIPT:

  1. navigator.registerProtocolHandler(
  2.   "mailto",
  3.   "https://scriptorama.nl/mail/new-mail?uri=%s",
  4.   "Scriptorama Mail Mail"
  5. );

• Ondersteuning voor Animated PNG.

  Je kende Animated GIF al, maar nu is er ook Animated PNG dat precies doet wat je denkt dat het doet. Bekijk wat voorbeelden of maak je eigen animated PNG met de APNGEdit extensie. Uiteraard weer beperkt bruikbaar, aangezien Firefox 3.0 en Opera 9l5 de enige browsers zijn die dit formaat kennen.

  Lees meer over Animated PNG

Bekijk het complete overzicht van toegevoegde (developer) features in FF3 »

Downloads

Een hoop nieuwe speeltjes dus, waarvan de veel - maar niet alle - in de recent uitgebrachte Opera 9.5 en de nog uit te komen Internet Explorer 8 voor de verandering ook nog eens te gebruiken zijn.

Hoewel ik Firefox vrijwel exclusief gebruik voor development (Firebug > WebInspector) gebruik ik Safari nog steeds veel voor casual browsing. Met Firefox 3 kan daar wel weer eens verandering in komen.

Een ding dat ik wel jammer vind is dat Firefox 3, in tegenstelling tot IE8 (!) en Safari 3.1 niet de Selectors API heeft geimplementeerd. Hier is omheen te werken voor de verschillende Javascript libraries, maar gezien de enorme performance impact had het wat mij betreft beter geweest als Firefox hier wat extra tijd in had gestoken zodat dit deel van Javascript libraries recht getrokken kon worden.

Download Firefox 3.0 »