Errore con la proprietà CSS sconosciuta: filter, opacity e trasparenza

Scritto il 16 Maggio 2008
Nella categoria Guide | Scrivi un commento
Tag: , , , , , ,

In molti siti mi è capitato di vedere, grazie a Firebug ma anche nella console degli errori, un errore ricorrente, la scritta:

Proprieta filter

Si tratta di una proprietà CSS gestita solo da Internet Explorer, documentata su MSDN, che Firefox non riesce ad interpretare perché non standard ma esclusiva del browser di casa Microsoft.

Solitamente viene utilizzata dai siti per creare delle trasparenze, specificando come filtro l’opacità, ma anche qui siamo fuori standard. La modalità corretta per impostare una opacità (che in pratica sarebbe una trasparenza) è la proprietà opacity, come specificato dal CSS3.

Testo Normale
Questo è trasparente
Un po’ meno

Fonte dell’immagine jmcarthy99

In questo box sopra alcune scritte sono trasparenti praticamente per tutti i browser moderni: Firefox 2 (e 3), Opera 9 e Safari (da 1.3), rimane escluso Internet Explorer (non ho provato la 8, ma sembra di no) ed è quindi il metodo giusto di fare le cose.

Riassunto:

Standard: opacity: 0.6;

Internet Explorer: filter: alpha(opacity=60);

Utilizzare SSH come un Tunnel Proxy (e configurare Firefox)

Scritto il 6 Maggio 2008
Nella categoria Guide, Mozilla | 1 commento
Tag: , , , , ,

Una delle possibilità, delle feature, offerte dai server SSH è utilizzare questa connessione come Proxy SOCKS: ormai i servizi SSH sono molto diffusi, alcuni hosting li forniscono, molte università o luoghi di ricerca, anche il privato, via OpenSSH sia su Linux che su Windows (con Cygwin) può averne uno proprio; mentre avere un tunnel ssh è comodissimo e a volte anche richiesto, magari per vedere una rete interna o anche solo per un rapido cambio di IP.

Il caso più tipico, purtroppo, è trovarsi su una macchina Windows senza shell installate, qui dobbiamo ricorre a PuTTY, per averlo basta scaricare il semplice PuTTY.exe ed eseguirlo senza installazione.

Configurare PuTTY per un tunnel ssh (proxy)

Nella prima finestra che viene proposta, è necessario inserire server ed eventualmente porta di connessione se diversa da quella standard. Ora, per avviare il servizio di proxy, aprire la sezione SSH, quindi selezionare Tunnels; qui va immesso un numero di porta (locale da aprire), nell’illustrazione ho utilizzato 8182, ma basta utilizzare un numero tra il 3000 e 65535, buoni numeri sono 8080, 8081 o 8182, quindi selezionare “Dynamic”, infine cliccare su “Add” per confermare la modifica.

Leggi il resto

Le mie estensioni di Firefox

Scritto il 4 Febbraio 2008
Nella categoria Guide, Mozilla | Scrivi un commento
Tag: , , ,

Dopo un lunghissimo utilizzo di Firefox, uno studio delle estensioni, dopo averne provate tantissime, mi sento in dovere di scrivere una mini guida su quali valga la pena installare. Una premessa è obbligatoria: ognuno ha le proprie esigenze, abitudini, comodità, quelle che seguono sono le mie, voi provate, seguite i consigli e poi decidete.

CustomizeGoogle [homepage]
Chiunque utilizza Google, io consiglio questa estensione, permette di fare tante utili cose per migliorare la nostra esperienza, la prima cosa, ad esempio, elimina la pubblicità, inoltre aggiunge alcuni collegamenti ad altri motori di ricerca o allo storico della pagino, oppure ancora forza la connessione sicura per Gmail o Reader.

La configurazione che vi consiglio consiste nel disabilitare la pubblicità su ogni sezione, abilitare Connessione sicura (https), controllate che sia abilitato tutto su Immagini; a piacere abilitate anche le caselle su Privacy (io l’ho fatto).

Fission [homepage]
Un piccolo Eye-candy che rende la vita pi%ugrave; carina: al posto della barra di caricamento predefinita di Firefox, utilizza la barra degli indirizzi, tramite una barra blu (il colore ovviamente si può cambiare o addirittura utilizzare un’immagine) di sfondo.
Un’immagine vale più di mille parole:

Screenshot di Fission

Forecastfox Enhanced [homepage]
Basata su Forecastfox, aggiunge le previsioni del tempo in Firefox, basta scegliere la località e tutto sarà automatico. Al massimo io elimino il pannello delle Condizioni attuali (mi basta guardare fuori dalla finestra). Eventualmente potete cambiare le icone, scegliendo quelle che più vi aggradano.

Gmail Manager [homepage]
Per chi ha più account di Gmail, questa si chiama “manna dal cielo“, permette di tenere sotto controllo tutte le caselle di tutte le mail, avverte quanto ne arriva una nuova, ne mostra un pezzo, con un click fa accedere direttamente saltando il login.

Consigli sono: abilitare l’accesso automatico per tutti gli account, configurare il tasto sinistro per il controllo della nuova posta, il tasto centrale per l’apertura di una nuova scheda in primo piano.

Mouse gesture [homepage]
Il non plus ultra per chi usa Firefox molto, ho iniziato ad utilizzare le Mouse Gesture con Opera, da quel momento non ho mai lasciato. Le “mouse gesture” sono i movimenti del mouse che compiono azioni, si tiene premuto il tasto destro del mouse e, per esempio, si va in giù questo aprirà una nuova scheda.

Qui la configurazione è essenziale e va molto a gusto, io disabilito la tolleranza diagonale perchè non mi interessano i movimenti diagonali, quindi abilito la “wheel rockers” per poter utilizzare la rotellina. Infine disabilito tutte gesture tipo :20, quelle con i punti di domanda e dopo i numeri, mantenendo solo quelle con il + o -. Vi lascio comunque alla homepage ufficiale per i dettagli.

SearchLoad Options [homepage]
Per ultima, una piccola chicca, senza neanche un’homepage come si deve, server per utilizzare al meglio il campo di ricerca in alto a destra su firefox, permette di azzerare il campo di ricerca se utilizzato, di ritornare al motore di ricerca predefinito dopo un tot di secondi ed infine apre automaticamente una nuova scheda per le ricerche (ma non se la scheda attuale è vuota). Tutto questo va configurato, ma è veramente semplice.

Shortcut: preferiti ancora più veloci

Scritto il 13 Luglio 2007
Nella categoria Guide, Mozilla, Recensioni | 1 commento
Tag: , , , ,

Vi capita spesso di vistare un sito ma non la tessa pagina del sito? Avete un account su un servizio di social bookmarking? Volete sfogliare wikipedia più velocemente? Le shortcut sono quello che fa per voi!

Le shortcut non sono altro che scorciatoie per navigare velocemente “verso” un sito, ad esempio se andate sempre su google.it e non volete stare a digitarlo tutte le volte potete associare la shortcut “go” in modo che vi porti su Google, tutto tempo risparmiato.

Questa funzionalità disponibile in Firefox, creado un Segnalibro, in questo caso si chiama “parola chiave”, in Opera oppure se usate il servizio OpenDNS (in questo caso dovete registrarvi e quindi impostare nella relativa pagina). In realtà é possibile fare di più, con Firefox e OpenDNS, è possibile creare delle shorcut “dinamiche”, che cambiano in base a cosa scriviamo.

Ad esempio se volessi vedere la voce “Casa” su wikipedia, io digito “wp Casa” (”wp” è la shortcut di Wikipedia italiana). Questo si rivela comodissimo per wikipedia, oppure per navigare nei tag di molti servizi 2.0, per cercare su alcuni siti eccetera.

Per crearli basta aggiungere alla shortcut il testo “%s“, che verrà rimpiazzato opportunamente. Ora bando alle ciance ed ecco le mie, sperando possano esservi di ispirazione:

Ritengo siano assolutamente da provare, non ne farete più a meno!

Blackr: Google in nero che fa risparmiare (era Neroogle)

Scritto il 5 Luglio 2007
Nella categoria Mozilla, Produzioni Proprie, Programmazione | 2 commenti
Tag: , ,

Neroogle (ora Blackr) ha portato un’idea piccola ma interessante su internet, perché non risparmiare nelle cose piccole se non ci costa niente? Tutti visitiamo Google decine di volte al giorno e la sua pagina è praticamente tutta bianca, un colore che consuma molta energia sugli schermi per essere prodotta, anche sugli LCD. Il nero in compenso consuma molto meno, così come il grigio e qualche altro colore.

L’idea allora è di mettere Google in nero, siccome il sig. Google non avrebbe ascoltato, è stato aperto Neroogle, che è Google (da gli stessi identici risultati), solo che è in nero, come se avessimo applicato una skin.

Ho deciso, nel mio piccolo, di sostenere l’idea quindi come prima cosa ne parlo qui sul blog, quindi ho prodotto anche un piccolo plugin di ricerca; avete presente il campo che c’è in alto a destra in Firefox o Internet Explorer 7? Quello che permette di cercare direttamente su Google scrivendoci e premendo Invio? Ebbene, si posso aggiungere altri motori di ricerca, io ho scritto il codice per sfruttare Neroogle, così anche se sono pigro non ho scuse. Se volete aggiungerlo anche voi:

Aggiungi Neroogle

Come detto sopra funziona sia con Firefox che con IE 7, inoltre se volete proprio fare i pigri, scaricate SearchLoad Options, estensione che migliora l’utilizzo del campo di ricerca veloce.

Rai.tv il sito italiano, con i creatori che ascoltano!

Scritto il 19 Giugno 2007
Nella categoria Riflessioni personali, Televisione | Scrivi un commento
Tag: , , , ,

Onestamente sono stupito, non pensavo che qualcuno in Rai leggesse i blog "geek" o che in ogni caso arrivassero certe proteste. E invece mi sono dovuto ricredere, è addirittura arrivato un commento su questo blog.

Non posso che fare i complimenti a chi è aperto a critiche costruttive e che utilizza gli input forniti, questo dimostra che i blog non sono totalmente inutili e che a volte basta poco per migliorare un servizio.

Infine dal nostro punto di vista segniamo una piccolissima vittoria, che è servita a tutti.

Rai.it solito sito italiano

Scritto il 6 Giugno 2007
Nella categoria Riflessioni personali, Televisione | 2 commenti
Tag: , , , ,

È novità di qualche giorno che la RAI ha lanciato il suo nuovo sito Rai.tv dove distribuirà contenuti in formato digitale, ci si trovano filmati anche recenti, pezzi di trasmissioni, podcast di RadioRai e molte cose che potrebbero interessare.

MA, come purtroppo troppi dei siti istituzionali italiani, non è fatto con la minima accortezza. Prima di tutto non si capisce perché debba essere obbligatorio avere Flash installato, ammetto che la grafica creata è buona, ma rende il tutto meno accessibile e più scomodo; ci si potrebbe passare sopra, se non che, appena si tenta di vedere un filmato, si scopre la sorpresa finale: va solo in Internet Explorer.

Al posto del filmato appare:

Player Rai.tv

Che punta ad una pagina in cui si può scaricare il plug-in, peccato che sia solo per Windows e solo fino a Firefox 1.5 (e siamo alla 2.0).

Non ne parliamo con Opera o altri browser, neanche il messaggio.

Mi chiedo e mi domando ancora come sia possibile sviluppare siti solo per UN browser in particolare, soprattutto siti che dovrebbero essere accessibili a tutti.

Vivere senza (l’80% della) pubblicità

Scritto il 19 Febbraio 2007
Nella categoria Mozilla | Scrivi un commento
Tag: , ,

Spero fortemente che chiunque usi Firefox abbia anche Adblock, è una delle prime estensioni che installo sui pc di amici e con cui motivo il cambio di browser, vedere internet senza pubblicità è quasi un’altra esperienza.

In ogni caso Adblock da solo non fa niente, vanno aggiunti dei filtri. Esistono varie possibilità, i più sgamati creeranno un filtro personale, altri useranno quelli pre-confezionati, ma ci sono dei “codici” che vorrei condividere. Vi assicuro che con questi filtrerete l’80% della pubblicità.

Per inserirli cliccate su Adblock nella barra in basso e aggiungete (con il tasto ok):

 /[W_].?banner.?[W_]/
/[^0-9A-Za-z]ad.?[^0-9A-Za-z]/
googlesyndication.com

Vi avvertirà per le prime due che è una espressione regolare, date l’ok (ma continuate a farvi avvertire).

Questo a me funziona benissimo, toglie la pubblicità di google e anche un po’ del resto. Unica avvertenza: potrebbe essere troppo filtrante, a me non capita, ma soprattutto la seconda è molto generica, se succede provate a disabilitare adblock (tasto destro sulla barra di stato Disable Adblock).

Importante una piccola nota “morale”: la pubblicità aiuta i siti a vivere, quindi pensate a quali siti vi piacciono e che vorreste sostenere, lì disattivate Adblock, fate la vostra piccola parte affinché nessuno venga danneggiato.

Migliorare Firefox: RAM

Scritto il 16 Febbraio 2007
Nella categoria Mozilla | Scrivi un commento
Tag: , , ,

Leggo oggi su downloadblog, che secondo Napolux, Firefox consuma molta memoria. In effetti è vero, ma solo se non si presta attenzione, per esempio attualmente, con 5 tab aperte, 25 estensioni (anche strane e pesanti), 1 tema diverso da quello di default attivo, dopo un ora di navigazione, il mio Firefox consuma 95 Mb di RAM, direi accettabile (considerato che ne ho 1 Gb).

Per arrivare a questi risultati non ci vuole un gran che, basta impostare una singola variabile, perché attualmente Firefox consuma tutta la memoria libera che trova per “ricordarsi” delle pagine nella cronologia cosicché quando si “torna indietro” sia più veloce e non debba ri-disegnare la pagina.

Leggi il resto