Perchè ci tengo a tornare a Firefox?

• Prima di tutto perchè ora il divario di velocità tra Firefox e Chrome si è ridotto notevolmente e lo si nota immediatamente. E’ migliorata notevolmente anche l’apertura e la chiusura del browser e la navigazione non era eccezionalmente fluida. Attualmente Firefox 4 paga ancora qualche frazione di secondo a Chrome ma è decisamente tollerabile.
• Sono tornato a Firebug! Non non mi sono mai trovato troppo bene con il developer tool di Chrome, sarà perchè il primo amore è stato proprio Firebug e non sono mai riuscito a distaccarmi definitivamente.
• Firefox è sinonimo di open source. Il giorno che noi tutti (o almeno i più furbi) ci siamo allontanati da Internet Explorer l’abbiamo fatto anche per staccarci dal predominio di un marchio che aveva troppo peso nella gestione del web
• Anche se Chrome non è paragonabile a quell’obbrobrio di Internet Explorer (vi siete accorti che con IE9 non è disponibile ancora text-shadow???), rimane il fatto che dietro Chrome c’è sempre una mega società con i propri interessi commerciali, con l’intenzione di diffondere il più possibile il proprio browser.
• Ora è possibile sincronizzare più Firefox installati su più sistemi operativi
• Si può appiattire molto la toolbar del browser, e nascondere la barra nel footer, questo per garantire come Chrome un’ampia visione.

Ancora c’è da lavorare, la concorrenza si è rafforzata e Chrome rimane il browser punto di riferimento, e ammetto che la mia scelta è molto condizionata dalla presenza di Firebug.

Cosa mi dispiace lasciare di Chrome?

Oltre la velocità? La start page, la pagina iniziale quando parte Chrome è ben fatta e ti porta immediatamente ai siti che più utilizzi. Su Firefox c’è la buca di ricerca di Google e poco altro.

Dopo un’attenta ricerca tra i plugin di Firefox mi sono accorto che non c’era davvero nulla di così appetibile e simile come la start page di Chrome. Ma forse ho trovato qualcosa anche di migliore.

Una Start Page per Firefox

Myfav.es è il servizio perfetto per chi come me richiede una pagina iniziale immediata e semplice, ma anche piacevole all’occhio. Myfav.es è personalizzabile dallo sfondo allo stile delle icone, fino al posizionamento ed agli effetti. Non è possibile caricare proprie immagini, ma nel caso si voglia aggiungere un link ad un sito non presente è possibile associarlo ad un icona presente nella galleria icone offerta da Myfav.es. Naturalmente questo servizio essendo offerto online è disponibile su tutti i browser del mondo, anche se non è ancora il massimo su browsers mobile, come Safari su iPhone.E’ anche possibile rendere pubblica la propria pagina iniziale. http://myfav.es/designmultimediaPer completare al meglio l’effetto Start page “simil” Chrome serve che ad ogni apertura di scheda venga caricata la pagina di Myfav.es, per fare questo attualmente è necessario installate un estensione su Firefox New Tab Homepage .

Una semplice animazione con CSS3

il primo esempio che vi porgo più che un demo è una domanda esistenziale che attualmente tocca ne profondo chi lavora nel mio campo: “l’esperienza visiva da noi creata in un sito viene vissuta nello stesso modo in tutti i browser?”, la risposta è molto chiara e la trovata su questo sito. Vi invito fortemente a sbirciare il codice sorgente e scoprire con quante poche righe è stato creato questo piacevole effetto.

Effetto riflesso CSS3

Un’altro demo CSS3 molto interessante ci viene proposto da hardboiledwebdesign. Mette in pratica quanto in passato era solo una fantasia di noi web designer. Il riflesso dinamico perfetto! Un riflesso che non necessiti la creazione di un apposita immagine con creata Photoshop, e che non richieda l’uso di nessun tipo di javascript o Flash. Caricando una singola immagine potrete ruotarla e dissolverla con un gradiente in grado di regolare lo start e l’end dell’alpha del riflesso. Guardare per credere, commuovente!!
Per approfondire vi direziono verso blog.typekit.com.

Ridimensiona browser con Browize.com

Il primo metodo di cui vi parlo è browize.com. Un semplicissimo sito che al semplice click sulla risoluzione desiderata, troveremo il nostro browser ridimensionato. Questo sistema è supportato da quasi tutti i browser: Safari, Firefox, Opera e Explorer. Invece Chrome di Google non riesce a supportarlo. Il suo vantaggio è che funziona con tutti i sistemi operativi.

Ridimensiona browser con Sizer

Uno dei metodi che ho da sempre preferito per ridimensionare il browser ad una determinata risoluzione è Sizer una soluzione standalone, quindi non serve l’installazione. Totalmente personalizzabile , tramite un semplice tasto destro è possibile ridimensionare qualsiasi finestra del sistema, e trascinando l’angolo in basso a destra è della finestra si ottiene l’informazione immediata della dimensione in pixel. Lo svantaggio è che funziona solo sotto windows, e non viene aggiornato da diversi anni, quindi la funzionalità non è garantita sui Windows successivi a XP.

Ridimensiona browser con Firesizer

Questo metodo di ridimensionamento è dedicato a Firefox è un plugin molto personalizzabile e simile a Sizer, c’è di buono che funziona su tutti i sistemi operativi. E visto che Firefox, attualmente è il browser che meglio si adatta alle mie richieste, per controllare e scrivere codice, Firesizer è la soluzione che preferisco.

Guardate esempio del l’hack CSS.

Il codice Hack css per tutti i browser

/*//// GIANTISLAND LLC CSS HACK*/

#test1 {
font-weight:bold;
font-size:14px;
color:orange;
voice-family:"\"}\"";
voice-family:inherit;
color:grey;\
color:black;
[color:black;
color:yellow;]
}
/*end*/
/*\*/
html*#test1 {
[color:red;
color:blue;
]color:purple;
}/*end*/
.dummyend[id]{clear:both;}

/*\*/
* html #test1 {
color:green;
}
/*end*/

[#test1 {
[color:red;
color:blue;
]color:purple;

Legenda Hack CSS

Se vedi nero, usi un browser basato su Mozila (Firefox).
Se vedi rosso, usi una vecchia versione Mozilla (< version 1.01) (Firefox).
Se vedi giallo, usi Google Chrome (2.01+), Opera, o Safari (4.0+).
Se vedi blu, usi Google Chrome (1.0 – 2.01), o Safari (1 – 3).
Se vedi grigio, usi Internet Explorer 8.
Se vedi lilla, usi Internet Explorer 7.
Se vedi verde, usi Internet Explorer 6.
Se vedi arancione, usi Internet Explorer 5.

Demo hack CSS

Verificate voi stessi con i browser che avete installato sul vostro sistema: esempio del l’hack CSS.

E’ ora di aggiornare browser!

Caro amico lettore che persisti nell’uso di Internet Explorer 6, è arrivato il momento di cambiare anche per te, prendo spunto dall’articolo di tomstardust.com per dirti che Internet Explorer 6 è un browser obsoleto!.

E’ tempo di aggiornarlo! Continuando a navigare con IE6 non avrai a disposizione la velocità ed i miglioramenti dei recenti browser: corri seri rischi per la sicurezza del tuo computer e dei tuoi dati personali.

Il mio consiglio è di installare Firefox, ma puoi scegliere anche altre soluzioni come l’aggiornamento ad Internet Explorer 8: seleziona il browser che vuoi provare.