Scriptorama.nl

De Mozilla Foundation heeft vandaag de eerste beta uitgebracht van de opvolger van Firefox 3: Firefox 3.1. Hoewel Firefox 3 zelf niet veel nieuwe features - maar juist meer stabiliteit - bracht in de CSS ondersteuning, is dit bij Firefox 3.1 anders. Deze zit namelijk boordevol nieuwe features.

De CSS ondersteuning is uitgebreidt met onder andere:

• border-image: Naast WebKit is Gecko nu de tweede rendering engine die CSS3's border-image gaat ondersteunen. John Resig heeft de feature al eens uitgebreid bekeken.

• Downloadable fonts: In Firefox 3.1 en WebKit is het nu mogelijk om SIFR links te laten liggen en direct een extern font te gebruiken in een website.

• Schaduw met CSS: Je kunt een dropshadow toevoegen achter text met de CSS3 property text-shadow en achter blok elementen met box-shadow al is deze laatste alleen beschikbaar als -moz-box-shadow.

• Media selectors: Met Media selectors wordt het mogelijk om gemakkelijker een bepaald media (screen, print, etc) en bepaalde scherm groottes te targetten.

• CSS3 selectors: Firefox 3.1 ondersteunt de volgende CSS3 extra selectors: :nth-child, :nth-last-child, :nth-of-type, :nth-last-of-type, :first-of-type, :last-of-type, :only-of-type

HTML:

• HTML5 <video> en <audio> tags: Zowel de video als de audio HTML5 tags zijn geimplementeerd in Firefox 3.1 b1. Hiermee wordt het mogelijk om zonder een flashplayer of externe plugin direct media af te spelen. De spelers zijn te manipuleren met Javascript.

Javascript:

• TraceMonkey: Deze beta bevat de nieuwe verbeterde Javascript engine TraceMonkey, echter staat deze nog niet ingeschakeld. Wil je deze nieuwe engine testen, ga dan naar about:config en wijzig de setting javascript.options.jit.content naar true.

• Selectors API: Firefox 3.1 zal de Selectors API, welke ik miste in Firefox 3.0, aanbieden. Hiermee wordt dit een zeer interessante feature, aangezien alle grote browsers - zelfs Internet Explorer 8 - deze feature aanzal gaan bieden. Meer informatie ovre de Selectors API.

• XHR Progress Events: Firefox 3.1b1 bevat ondersteuning voor Progress Events op XmlHttpRequest objecten. Dit betekent dat je de upload-progressbar zoals ik die maakte in Gears 0.4: HttpRequest met Progress Events, nu ook native kan toepassen in Firefox 3.1

• Cross-Site XHR: Het wordt nu ook mogelijk om een XmlHttpRequest te maken naar een andere site dan de huidige site. Dit wordt beveiligd middels de Access Control for Cross-Site Requests specificatie.

• Geolocation API: Dit is in feite een native implementatie van de Geode extensie die Mozilla Labs afgelopen week uitbracht. Het grote verschil tussen deze versie en de Geode versie is echter dat de native versie inderdaad in staat is om verschillende location providers te gebruiken waarbij Geode toch gelimiteerd lijkt tot WiFi locatie bepaling.

• Webworker threads: Met de webworker threads wordt het mogelijk om een stukje CPU-intensieve javascript door een worker-thread te laten doen. Meer informatie over webworker threads.

Conclusie

Firefox 3.1 bevat een hele hoop leuke nieuwe features voor webdevelopers. Uiteraard blijft het een beetje wachten tot andere browsers deze features ook overnemen, maar met de Selectors API kun je in ieder geval los gaan.

Firefox 3.1 beta 1 uitproberen »