Tag: safari

Firefox 3, Opera, Safari e la guerra ad IE

Alla scoperta delle nuove versioni di Firefox, Opera e Safari, che cercano di togliere quote di mercato ad IE. Cosa succederà?

Firefox 3 ha visto la luce, e con il Download Day punta ad abbattere ogni record. L’occasione è buona per fare una panoramica sui principali browser web esistenti e del prossimo futuro, ed alcune riflessioni su cosa può attenderci.

Firefox 3

Senza dubbio uno dei principali punti a favore di Firefox 3 è la maggiore velocità di esecuzione del codice JavaScript. A questo sono da aggiungere numerosi dettagli che migliorano l’esperienza di tutti i giorni: la gestione delle password, dei componenti aggiuntivi, dei download che potranno essere messi in pausa e ripresi anche dopo un riavvio.

Per gli sviluppatori inoltre c’è un’intera sezione sul Mozilla Developer Center che illustra le novità di Firefox 3, dal supporto migliorato dei CSS a quello per le PNG animate.

Download Firefox 3

Opera 9.5

Opera è il browser che ha giocato d’anticipo sulla concorrenza, uscendo con l’ottima versione 9.5 prima di tutti gli altri. Le novità più apprezzate riguardano gli sviluppatori, visto il maggiore supporto per i CSS3 e l’integrazione di Dragonfly, l’analogo di Firebug. Per attivarlo vi basta andare sul menu Strumenti -> Avanzate -> Strumenti per gli sviluppatori.

Da notare come anche Opera abbia cambiato l’interfaccia grafica con uno stile più accattivante, anche se la semplicità delle versioni precedenti mi era sempre piaciuta.

Download Opera 9.5

Safari 4

Avrà il motore JavaScript più veloce in circolazione, incrementando le prestazioni rispetto all’ultima versione di Firefox del 50%.

Per l’uscità ci sarà ancora da aspettare, visto che sarà rilasciato con la nuova versione di Mac Os: Snow Leopard. In ogni caso la Apple ha da poco fatto uscire la versione 3.1, veloce ed elegante.

Download Safari 3.1

Internet Explorer 8

La Microsoft dopo il grande passo fatto da Explorer 6 ad IE7 sembra aver confidato troppo sulla propria posizione predominante. Nella pagina dedicata ad IE8 sono presentate diverse novità, tra cui il supporto completo ai CSS 2.1 e la discussa modalità Super Standard, ma non c’è ancora una data ufficiale.

Considerando che ad Agosto è previsto il rilascio di una nuova beta, è probabile che la data di uscita di Internet Explorer 8 sarà resa nota al ritorno dalle vacanze estive, e comunque il browser uscirà entro la fine del 2008.

Conclusioni

Una cosa è certa: non si è mai parlato così tanto di browser web come si sta facendo in questo periodo, ed il bello è che non ci sono solo due contendenti come ai tempi di Explorer e Netscape.

I prossimi mesi saranno una prova decisiva per le ambizioni di Firefox 3, che da tempo prova a rubare quote di mercato ad IE.

Quale può essere l’unico problema? Che i browser alternativi, come Opera e Safari, finiscano per togliere percentuali proprio a Firefox, in una guerra fratricida.

La speranza è che questo non accada, ma per raggiungere l’obiettivo di un web sempre più vicino agli standard il primo ostacolo è un altro: il definitivo abbandono di Internet Explorer 6.

CSS3 Web Fonts: test pratico

Istruzioni d’uso per i Web Fonts, nuovo modulo dei CSS3.

Con i CSS2 è possibile avere un buon controllo sui font utilizzati in una pagina web. Basta dichiarare un elenco di font, e se il primo non è disponibile il browser cercherà il secondo, fino all’esaurimento dei font dichiarati.

Le cose però sono state sviluppate ulteriormente con i CSS3, che vedono l’introduzione dei Web Fonts.

Cosa sono i Web Fonts? Sono un miglioramento che consente tramite CSS di far scaricare automaticamente all’utente dei font non installati sul proprio sistema operativo. In questo modo le pagine saranno visualizzate esattamente come pensato dal graphic designer, senza bisogno di ricorrere a tecniche di image replacement.

In realtà il documento del W3C che parla di Web Fonts è stato creato il 2 Agosto 2002, ma come noto dalla dichiarazione di uno standard all’utilizzo pratico il cammino è lungo. Ne parlo ora perchè Safari 3.1 è il primo browser a supportarli, consentendo di iniziare ad usare questa tecnica.

Niente infatti vieta di utilizzare i Web Fonts, che saranno trascurati dai browser che non li supportano.

Per usarli, è sufficiente inserire all’interno del CSS una dichiarazione di questo tipo, indicando il percorso per scaricare il font:

@font-face {
font-family: 'Bimini';
src: url('bimini.ttf');
}

A questo punto sarà possibile usare il font dichiarato (Bimini) senza preoccuparsi della sua presenza sul computer dei visitatori:

h1 { font-family: Bimini, Arial, sans-serif; }

Da notare che se si vuole usare il nuovo font in grassetto, va dichiarata anche questa variante:

@font-face {
font-family: 'Bimini';
font-weight: bold;
src: url('bimini.ttf');
}

Stesso discorso per il corsivo e le altre combinazioni a disposizione.

Se avete Safari 3.1 e volete testare i Web Fonts, ho preparato una pagina demo. Utile anche per chi vuole vedere il CSS in pratica.

A questo punto potete utilizzarli liberamente, al momento solo chi usa Safari avrà un’esperienza migliore.

Il mio consiglio però è di farlo in maniera responsabile. Ricordate che dovreste usare solo font gratuiti con licenza di libera distribuzione, e soprattutto che verranno scaricati dal browser dei visitatori. Considerando che esistono font dal peso superiore ai 100kb, valutate con attenzione ogni cosa prima di usare i Web Fonts.