El Firefox 3.5 per a desenvolupadors

El Firefox 3.5 està basat en la plataforma de renderització web Gecko 1.9.1, que ha estat en desenvolupament el darrer any. El Firefox 3.5 ofereix nombrosos canvis respecte la versió anterior, entre ells noves tecnologies web, millores en el rendiment i en la facilitat d'ús. Disponible en més de 70 llengües. (Feu-vos amb la vostra versió localitzada!) Eines millorades per a controlar les vostres dades privades, que inclouen un mode de navegació privada. Millor rendiment de les aplicacions web en utilitzar el nou motor de Javascript TraceMonkey Suport per a JSON natiu, i web worker threads. Millores al motor de renderització Gecko, que inclouen analització especulativa per a processar els continguts més ràpidament. Suport per a noves tecnologies web, com: tipus de lletra que es poden baixar, peticions CSS per a un suport, noves transformacinos i propietats, selectors de peticions JavaScript, emmagatzematge local per a HTML5 i aplicacions fora de línia, text <canvas>, perfils ICC, i transformacions SVG.

En particular, al Firefox 3.5, podem emprar:

Extensions al CSS

El Firefox permet fer servir algunes extensions als fulls d'estil. S'ha proposat que part d'elles siguin incloses a l'especificació de CSS, tot i que la propietat estàndard pugui ser diferent de la de Mozilla (que duu el prefix -moz) Extensions de Mozilla al CSS

Destaquem:

Una nova sintaxi per fer cantonades arrodonides (i elíptiques!)

Com aquesta
demostració

o aquesta,
que és més exòtica

Caixes amb ombres

Fantàstica caixa amb una ombra al voltant i el grau d'opacitat ajustat.

Article a MDC

Tipus de lletra baixables

Ja podem fer servir qualsevol tipus de lletra. S'ha acabat emprar només els bàsics per garantir que la web es veurà a tots els ordinadors.

Tipografia de Mozilla instal·lada al servidor

ara es veu millor?

Article a MDC - downlodable fonts

CSS conscient del suport

La varietat de dispositius que tenim avui en dia o, més en general, la varietat de suports, ha de quedar pal·lesa als fulls d'estil. El Firefox 3.5 permet fer-ho millor! Amb les peticions de mitjans (media queries) podem dir al navegador què ha de fer segons el mitjà en què estigui mostrant la pàgina.

Vegeu-ne una demostració.

-moz-opacity desapareix! però tenim text-shadow

Per a donar pas a la propietat estàndard. La propietat text-shadow, però, ha rebut suport.

SVG i CSS

Podem utilizar SVG com a component dels fulls d'estil, per aplicar efectes SVG als continguts de l'HTML.

Cal escriure en algun full d'estil <style>.stylename { mask: url(#localstyle); }</style> i ja podrem fer servir aquest estil en qualsevol part.

Podrem fer màscares, retalls o filtres i aconseguir efectes com aquest:

Article sobre SVG a MDC

i altres extensions de Mozilla per a CSS

  • -moz-column-rule, per a pintar línies entre columnes
  • -moz-window-shadow, per anar més enllà de l'infinit: podem posar ombres a les finestres. Només funciona amb MacOS, de moment.
  • -moz-transform, per a escalar, rotar, traslladar i deformar els textos.
Novetat!

Suport per a HTML 5

Suporta etiquetes <video> i <audio>

Benvinguda de Mozilla

Meet Firefox 3.5

1:33

A quick overview of what makes Mozilla’s latest browser so great.

Escalars a l'aquari

Recursos fora de línia

El Firefox 3.5 suporta l'especificació d'HTML 5 per a utilitzar una memòria cau fora de línia amb els recursos de les aplicacions web.

Article: Offline resources in Firefox

Arrossega i deixa anar per HTML 5

http://shapeshed.com/examples/drag-and-drop/

Canvas text

<canvas> és un nou element d'HTML5 que es pot fer servir per a crear gràfics via scripts. Mozilla developer - canvas

Amb el Gecko 1.8 ja es podia fer servir, però amb el nou Firefox 3.5 (que duu Gecko 1.9), l'element <canvas> suporta text amb característiques estàndard de l'HTML 5 i alguns mètodes i propietats experimentals de Mozilla.

Article: MDC - Drawing text using a canvas