Cross-platform vs Native

Quindi, ben sapendo che molti utenti, lamentavano problemi di pesantezza in memoria di Firefox, ho cercato la presenza di un fantomatico progetto di “Firefox lite” da far girare su vecchi PC, una sorta di versione “barebone” di Firefox che faccia a meno di tutto ciò che lo può rendere lento. Ed è così che sono giunto a K-Meleon.

Infatti, a giudizio di molti, Firefox è lento (anche se nella versione 3.x le cose sono nettamente migliorate ma non così sensibilmente da poter girare senza problemi su pc datati come il mio) perchè è un progetto multipiattaforma. Se si vuole creare la propria versione di ‘Firefox lite’ è quindi necessario abbandonare il ‘cross-platform’, per abbracciare il ‘native’. E’ a questo punto che le alternative si moltiplicano ed è possibile facilmente eleggere le 3 migliori alternative per le principali piattaforme: K-Meleon per Windows (Native Win32), Camino per Mac OS X (Native Cocoa) e Epiphany per Gnome (Native GTK+).

K-Meleon: il Firefox Lite per Windows

K-Meleon, giunto alla versione 1.5.3, è un browser molto leggero distribuito gratuitamente (sotto licenza GPL) e basato sullo stesso motore di rendering di Mozilla, Gecko 1.8.1.21 (e quindi completamente compatibile con i più diffusi standard di Internet).

Dato che al posto di XUL (il linguaggio per le interfacce su cui si base Mozilla Firefox) viene utilizzata l’interfaccia nativa di Windows, questo gli permette di avere una migliore integrazione con l’aspetto grafico di Windows e un più veloce avvio del browser rispetto ai vari software con interfaccia XUL, e lo rende, per forza di cose, una applicazione in grado di girare solo sulle piattaforme Microsoft Windows a 32 bit. Ma questo, se da un lato è uno svantaggio per la diffusione del browser su diversi sistemi operativi, è anche un indubbio vantaggio a favore della sua velocità di esecuzione e di gestione della memoria.

Impressioni su K-Meleon

Se durante l’uso di K-Meleon mi sono accorto che ancora non può vantare la facilità d’uso, la pulizia dell’interfaccia e la maturità di Firefox, sono rimasto meravigliato dalla sua velocità su pc datati anche quando venivano aperte una decina di tab.
Infatti, se a prima vista si può rimanere spiazzati dal fatto che tutti i menu e i pulsanti della toolbar possono essere completamente personalizzati solo attraverso dei file di configurazione (cosa che comunque è utile per creare dei template per diversi ambienti di lavoro) visto che non esiste una interfaccia grafica per la loro personalizzazione (occorre modificare dei file di configurazione per spostare i pulsanti, anche se le barre possono essere semplicemente trascinate), il browser implementa inoltre tutte le funzionalità che ci si può aspettare da un browser moderno: blocco dei pop-up, temi e skin (non usando XUL non è possibile usare gli stessi temi di Firefox), navigazione a schede, salvataggio delle sessioni, opzioni per la privacy, mouse gestures, personalizzazione dei motori di ricerca e supporto dei proxy (quindi è perfetto anche in rete aziendali).

Per quanto riguarda, invece, i plugin per Java, Flash, QuickTime e Adobe Reader, K-Meleon, è in grado di utilizzare, se già installato, quelli di Firefox.

Nonostante, però, l’interfaccia sia integralmente localizzabile, non esiste ancora una versione in italiano.

Se poi volete aumentare ulteriormente la già rapida velocità di apertura del browser K-Meleon, allora potete usare un’altra sua funzionalità peculiare, il Loader, un programma che si posiziona nella system tray di Windows e carica in memoria, ad ogni avvio del sistema, una porzione del browser: in tal modo i tempi di esecuzione del software vengono fortemente ridotti.

In definitiva sono rimasto piacevolmente meravigliato da questo piccolo ma potente browser che non conoscevo, poiché non mi ero mai imbattuto nell’uso di pc così vecchi, e ho così prontamente eletto il kamaleonte come browser predefinito del mio sistema!

Condividi

Già qualche mese fa, YouTube aveva comunicato di aver reso disponibile all’indirizzo m.youtube.com/ il supporto ad Adobe Flash Lite 3 (supportato, al momento, solo dai cellulari più recenti), ma l’apertura del portale a due delle principali piattaforme mobili sul mercato, è un evento rivoluzionario sul fronte accessibilità e ci ricorda quanto Google abbia la volontà di offrire la migliore esperienza di fruizione di YouTube su qualsiasi dispositivo, computer, televisore o telefono cellulare. In quest’ottica rientra anche YouTube TV, il servizio che permette di visualizzare i video e gestire i comandi direttamente dal telecomando della nostra console WII o Playstation 3, simulabile dal proprio browser Safari (abilitando il menu Sviluppo -> User Agent -> Altro…) o Firefox (installando il plugin User Agent Switcher) impostando uno dei due seguenti User Agent:

Mozilla/5.0 (PLAYSTATION 3; 2.00)
oppure
Opera/9.23 (Nintendo Wii; U; ; 1038-58; Wii Internet Channel/1.0; en)

Tornando a YouTube Mobile Application, c’è però da dire che, purtroppo l’applicazione non è per ora disponibile per l’Italia ma soltanto per Australia, Irlanda, Nuova Zelanda, Regno Unito e Stati Uniti; è comunque possibile scaricarla ugualmente collegandosi dal browser del proprio device mobile all’indirizzo http://m.youtube.com e cambiando la propria lingua predefinita in Inglese, in attesa di un rilascio in lingua italiana.

Come installare YouTube Mobile Application su Windows Mobile

Aprire dal browser del proprio smartphone la pagina: http://m.youtube.com

Verrà mostrata la versione di Youtube ottimizzata per i dispositivi mobili. Sotto al campo di ricerca troverete un link da cliccare: “Guarda Youtube sul tuo cellulare“:

Almeno finché non verrà rilasciato da Google una versione per l’Italia, al momento, dopo aver cliccato sul link sopra indicato verrà mostrata questa pagina che ci avverte che non è disponibile la versione per il nostro dispositivo.

In realtà questa schermata potrebbe trarre in inganno chiunque perché non si dice che non è disponibile una versione per la lingua italiana dell’applicativo (e ovviamente anche il conseguente supporto alla localizzazione italiana di YouTube.it) ma sembra quasi che la versione del nostro sistema operativo non sia supportata. Sarà, invece, sufficiente cliccare sul link in basso: “Cambia lingua” per accedere alla seguente schermata:

dove basterà cliccare sul link “English” per essere rediretti verso la seguente pagina per il download automatico dell’applicativo.

Dopo qualche secondo di attesa si aprirà a popup un messaggio che vi chiederà conferma del download in corso.

Cliccando sul tasto “Salva con nome…” potrete decidere dove salvare il file (che altro non è che un file .CAB installabile su tutti i terminali con Windows Mobile)

Essendo un file .CAB si aprirà automaticamente la schermata di istallazione dell’applicativo (altrimenti basterà posizionarsi sulla cartella in cui si è salvata l’installazione dell’applicativo e fare doppio click sul file .cab) che chiederà dove installarlo (sul Dispositivo o sulla Scheda di Memoria): a voi la scelta in base alle vostre esigenze e allo spazio libero a disposizione sulla periferica.

Dopo che ha effettuato la copia dei file nella directory di destinazione desiderata, l’installazione sarà portata a termine in pochi secondi.

Ora sarà sufficiente andare nella cartella Programmi del proprio dispositivo mobile, dove troverete l’icona dell’applicazione appena installata:

Quando si lancerà per la prima volta l’applicazione YouTube Mobile Application verrà chiesto di selezionare la propria regione di appartenenza: selezionate United Kingdom o United States

e vi verranno mostrati, in inglese, i termini e le condizioni da accettare prima di poter proseguire.

Infine, vi verrà mostrata una ultima schermata di avviso che vi avvertirà che se non accediamo con connessione wireless, dal momento che lo streaming consuma un gran quantità di dati, prima di usarlo è necessario avere un abbonamento flat per il proprio terminale mobile, altrimenti si rischia di spendere molte decine di euro per visionare qualche minuto di filmato.

Finalmente ora potrete accedere alla schermata principale dell’applicativo YouTube Mobile Application dove potrete trovare un campo per ricercare i video, con lo storico delle parole chiave già immesse, oppure potrete selezionare i contenuti più visti, quelli che hanno ricevuto maggior gradimento e gli ultimi caricati.

Simpatica la visualizzazione a scorrimento laterale delle anteprime dei video ricercati (a mo’ di CoverFlow semplificato). Una volta scelto il video, si accede alla pagina che lo descrive brevemente

e dal quale è possibile lanciare la visualizzazione, che va automaticamente a schermo intero e in modalità landscape, con prevenzione dello spegnimento del dispositivo durante il playback.

Come potete notare il player mostra la barra di scorrimento del video, permette la visione a pieno schermo con un doppio click ed assomiglia molto a quello che si visualizza dal browser del proprio pc.

Suggerimenti per migliorare l’applicazione

Al momento, le uniche pecche di YouTube Mobile Application sono, oltre al mancato supporto ufficiale per l’italiano (che ci costringe, per eseguire l’installazione sui nostri device, di accontentarsi della versione inglese del programma e di non poter accedere alla versione localizzata di Youtube.it), anche la mancanza della possibilità di loggarsi con il proprio account in modo da accedere ai servizi più avanzati del noto portale, e l’impossibilità di accedere ai Canali di Youtube. Si sente anche molto la mancanza di un link per scaricare i video in modo da poterli guardarli offline (qui trovate un modo alternativo per farlo con il sito MobyTube) e l’impossibilità di visualizzare i suggerimenti ai video simili.
Google, comunque, ha garantito che saranno a breve disponibili diversi aggiornamenti dell’applicativo, che saranno notificati automaticamente dal programma.

Condividi

Come funziona Site Reloader

La procedura è molto semplice: andiamo sul sito, inseriamo l’indirizzo del sito a cui siamo interessati e clicchiamo su Add. Quindi, verrà aggiornata in ajax una lista presente sotto il textbox, con l’elenco di tutte le url inserite e il relativo tempo di reload modificabile a piacere. E’ possibile anche eliminare un sito, cliccando sull’icona rossa con la X, e automaticamente verrà chiusa anche la finestra popup relativa. Oppure, molto più semplicemente, chiudere la finestra popup di un sito e, automaticamente, verrà eliminata anche la riga nella lista dei siti di Site Reloader.

A differenza di altre applicazioni web simili, questo sito sfrutta le Google App Engine e, per poter salvare la lista dei siti da monitorare, occorre loggarsi con un account Google (lo stesso che usate per la vostra Gmail o per uno delle decine di servizi messi a disposizione dal motore di ricerca).

Inoltre, sempre solamente per gli utenti che effettuano il login e che hanno, quindi, potuto salvare la lista dei siti da monitorare, è presente anche la funzione di autocaricamento dei siti salvati sulla nostra lista, appena si aprirà la pagina di Site Reloader. Unica nota: per funzionare correttamente, Site Reloader necessita della disabilitazione (o dell’abilitazioni delle eccezioni) dell’eventuale Popup Blocker presente oramai di default su qualsiasi browser.
In definitiva, Site Reloader è indubbiamente un servizio molto utile per seguire cronache di eventi in diretta.

La lista dei siti che seguono il Keynote Apple

Per finire, ecco una lista di siti, che potrete inserire su Site Reloader, che questa sera, verso le ore 19:00 ora italiana (ore 10 am ora locale) effettueranno il live blogging dell’evento Apple:

• Engadget (live)
• Crunchgear (qui il live con le pagine che effettuano il refresh automatico)
• MacRumorsLive
• MacWorld (live)
• Gizmodo
• The Apple Lounge Live Twitter
• Melablog

Vantaggi e svantaggi

Il vantaggio di usare servizi web online (piuttosto che applicazioni standalone come plugin per Firefox come ReloadEvery) è, indubbiamente, oltre ad essere indipendenti dalla piattaforma e dai browser usati, anche quello di avere la lista dei siti da monitorare ovunque si sia. Lo svantaggio è che, come spesso accade in eventi mondiali che riscuotono un notevole successo mediatico che, in termini pratici, corrisponde ad un numero elevato di visitatori, è possibile che siti come Site Reloader possano andare offline, come accaduto durante il Keynote Apple del 15 Gennaio 2008 in cui servizi online come Twitter e CoverITLive non hano retto l’intenso traffico che da tutto il mondo transitava sui loro servers, venendo meno l’interessante diretta che stavano realizzando.

Non credo questo possa essere il caso di Site Reloader, nel qual caso dovremmo ricorrere al vecchio metodo del refresh manuale delle pagine internet, oppure, molto più semplicemente, collegandosi ad evento finito bypassando le spasmodiche cronache del Keynote Apple!

Condividi

Disattivare il completamento automatico da Browser

Il problema, poi, si complica, se si memorizzano anche le password sul proprio browser, poiché chiunque potrebbe accedere (ovviamente solo se fisicamente presente) a tutti i siti.

Fortunatamente su qualsiasi browser esiste la possibilità di cancellare tutte le voci salvate in tutti i moduli o di disabilitarne definitivamente la funzionalità: se, però, questa soluzione vi risulta un po’ drastica è possibile anche rimuovere selettivamente una o più voci.

Disattivare il completamento automatico dei moduli da codice HTML

Ci sono però dei casi in cui si vorrebbe disabilitare la funzione nativamente e indipendentemente dalle scelte dell’utente che, spesso e volentieri, si dimentica di questi problemi di Privacy: è il caso per esempio dell’accesso ai servizi online bancari o ad altri siti con dati molto riservati per cui, sapere anche solo lo username, può costituire un grave pericolo.
Ma, più semplicemente, potrebbe essere anche l’esigenza di coloro che vogliano realizzare un completamento automatico via ajax dei moduli in grado di interrogare il server e di visualizzare sul client un elenco di informazioni filtrate in base al contenuto immesso nel campo della form.
Oppure, più banalmente, per un puro fattore estetico del webmaster che vorrebbe che la digitazione del testo nei campi sia pulita e ordinata.

Insomma, qualunque siano le vostre necessità, se volete disattivare l’autocompletamento nei vostri moduli direttamente da codice html, è sufficiente applicare agli elementi input di un form l’attributo autocomplete e impostarlo a OFF (visto che di default è settato l’attributo ad ON).

Se, invece, volete disattivare l’autocompletamento su tutti i campi del FORM (e non ad un solo campo del modulo) allora sarà sufficiente inserire l’attributo nell’elemento all’interno della dichiarazione del FORM:

Non conforme alle specifiche W3C

Dovete però sapere che attualmente il metodo AUTOCOMPLETE non è uno standard del W3C, perché è ancora solamente presente nella bozza per l’HTML 5, in particolare nella sezione dei Web Forms 2.0.
In realtà, però, sebbene non sia ancora stato incluso ufficialmente negli standard W3C, tutti i principali browsers (Internet Explorer, Firefox, Opera, Safari e Camino) già lo supportano da molti anni, per cui, se si intende utilizzarlo, si ha la ragionevole certezza che funzioni ovunque, ma le pagine che conterranno questo attributo non saranno validate come conformi alle specifiche del W3C.

Condividi

Ebbene, senza che neanche me ne accorgessi, ho raggiunto in pochi minuti la ragguardevole cifra di 160 schede aperte sul browser di casa Apple, Safari. E’ vero che stavo usando un Macbook Pro con un processore Intel Core 2 Duo con 2 GB di memoria RAM, ma se non fosse stato per quella segnalazione non avrei mai potuto immaginare di aver aperto così tante schede, visto che il sistema non ne aveva risentito minimamente e tutto era fluido come quando si è appena accesso il proprio Mac: in effetti aveva impegnato solo il 10% delle risorse!

Sono rimasto stupito perché quando usavo Firefox su Windows con 1 GB di Ram, se provavo ad aprire “appena” 40 tabs il sistema mi si bloccava completamente. Sarà perché avevo 1 Giga di RAM in meno, sarà perché ero su una piattaforma Windows oppure perché Firefox non gestisce molto bene la memoria, ma sta di fatto che una cosa del genere non me la sarei mai aspettata. Ed ho anche la sensazione che avrebbe potuto continuare ad aprire pannelli quasi all’infinito.

Sono piccole soddisfazioni queste ma devo dire che c’è da rimanerne veramente contenti perché si prova un senso di sicurezza e stabilità durante il proprio lavoro: pensate come mi sarei sentito se alla 100esima scheda aperta, Safari mi fosse crashato. Probabilmente era la sorte che mi sarei aspettato se avessi usato Explorer 7 (e posso garantirlo perché l’ho sperimentato più volte con appena una decina di schede).

A voi è mai capitato di aprire un tal numero esagerato di schede su Safari o su qualche altro browser? E come si è comportato il vostro browser del cuore?

Condividi

Per iniziare a creare questi script, prenderò spunto da questo OpenSearch Plugin per poi mettere a disposizione il codice XML per creare i plugin desiderati.

I vantaggi

Il vantaggio di questo metodo è che non bisogna installare nulla sul proprio PC e non occorre registrarsi a nessun servizio web, visto che la barra di ricerca è presente di default di Firefox, che essendo multipiattaforma, è anche possibile ritrovarlo sul qualsiasi sistema operativo.

Il bello di questa soluzione è quello di poter sempre disporre di un form universale per qualsiasi servizio di microblogging e sempre in primo piano, qualunque sia la pagina web che state visitando.

Inoltre, sfruttando la funzionalità di questo browser, è possibile addirittura, postare in uno dei due servizi di microblogging, il testo selezionato di una pagina web, senza dover necessariamente prima copiarlo e poi incollarlo.

Per ultimo, il fatto di poter padroneggiare il codice sorgente (che altro non è che semplice XML) è un vantaggio indiscutibile a favore della sicurezza dei proprio dati personali.

L’unica nota di attenzione è che, perché i plugin di ricerca funzionino correttamente, occorre già essersi loggati almeno una volta sui rispettivi siti web di Twitter o Jaiku, ma non credo che questo costituisca un problema se siete assidui frequentatori di queste realtà web 2.0.

Post To Twitter

Aprire un qualsiasi editor di testi e copiate il seguente codice xml per poi salvare il file come “post-to-twitter.xml” nella seguente directory (nel caso avessimo installato il browser su Windows):
C:\Documents and Settings\[username]\Application Data\Mozilla\Firefox\Profiles\[profiles_name]\searchplugins

Qui potete scaricare il file post-to-twitter già pronto per funzionare!

Nonostante, apparentemente, sembri molto complicato, in realtà il codice dell’OpenSearch plugin è costituito da 3 parti principali:

1. ShortName: indica il titolo dell’OpenSearch Plugin che verrà visualizzato sia quando lo si installa che quando lo si dovrà richiamare dal menu a tendina della barra di ricerca di Firefox.
2. Image: va inserita la codifica a base64 dell’icona o dell’immagine che si vuole assegnare all’OpenSearch Plugin per una più rapida localizzazione. Per chi non ne fosse a conoscenza, la codifica a base 64 permette di trasformare qualsiasi immagine in una stringa ascii, che può essere quindi inserita, in tutta semplicità, in qualsiasi file di testo, come può essere un file XML.
   Per generare questa stringa, occorre avere a disposizione una immagine che riguarda il servizio che vogliamo automatizzare: in generale è sufficiente scaricare lòa favicon, ovvero l’icona che caratterizza il sito.
   Nel caso di Twitter, basterà accedere all’homepage, visualizzare il codice sorgente della pagina e cercare la parola “favicon”. Otterremo la seguente stringa:
   <link rel="shortcut icon" href="http://assets0.twitter.com/images/favicon.ico?1199993626" type="image/x-icon" />

   A questo punto, basterà andare sul sito URI kitchen, un applicativo online che permette di generare, data una immagine o del testo, il codice a base 64 relativo. Nel nostro caso daremo in input l’url “http://assets0.twitter.com/images/favicon.ico?1199993626” oppure, in upload, qualsiasi altra immagine desideriamo inserire e il sito ci darà, in output, il codice a base 64 che andremo ad inserire dopo il ““.

3. SearchForm: indica la URL di dove è presente il form per l’invio del messaggio
   method=”POST” template=”http://twitter.com/status/update”: è molto importante e permette di definire che l’invio dei dati (status e client) del FORM deve avvenire seguendo la codifica POST.
   <SearchForm>http://twitter.com/</SearchForm> <os:Url type="text/html" method="POST" template="http://twitter.com/status/update"> <os:Param name="status" value="{searchTerms}"/> <os:Param name="client" value="firefox"/> </os:Url>

   Nel nostro caso, non si fa altro che dire al client, che attraverso il metodo POST deve inviare alla risorsa “http://twitter.com/status/update” le variabili “status” (che conterrà il testo da inviare) e “client” (valore opzionale, che indica il tipo di client che si usa per twitterare).
   Tutte queste informazioni sono facilmente reperibili dal sito stesso di Twitter: è sufficiente visualizzare il codice sorgente relativo alla sezione del form di invio e cercare di carpire quali variabili usa per mandare il messaggio al server Twitter.

Post To Jaiku

Analogamente all’OpenSearch Plugin di Twitter, questo, invece, è il codice XML che dovrete copiare in un file “post-to-jaiku.xml” e metterlo sempre nella directory:

C:\Documents and Settings\[username]\Application Data\Mozilla\Firefox\Profiles\[profiles_name]\searchplugins

Qui potete scaricare il file post-to-jaiku già pronto per funzionare!

A differenza di Twitter, Jaiku ha la possibilità di inserire icone, immagini e molto altro: ovviamente tutto questo dalla search bar di Firefox non si può fare.

L’autodiscovery degli OpenSearch Plugin

Per semplificarvi la vita ho fatto in modo che Firefox, quando visualizzerete questa pagina, effettui l’autodiscovery degli OpenSearch Plugin da installare (AGGIORNAMENTO Giugno 2008: funzione rimossa da Levysoft.it).
Per fare ciò è stato sufficiente scrivere il seguente codice html nel file header.php del proprio tema Wordpress:

Basterà, quindi, andare nella barra di ricerca di Firefox e, aperto il menu a tendina, avrete una schermata simile:

Il metodo GET degli OpenSearch Plugin

Per completare il discorso, volevo farvi notare che entrambi i servizi di microblogging, usano il metodo POST che, oltre ad essere più sicuro di GET, permette l’invio di un maggior numero di caratteri e variabili. Però, siccome lo scopo principale di un OpenSearch Plugin non è quello di inviare messaggi, bensì di effettuare ricerche nei vari search engine sparsi per la rete, e siccome la maggior parte di questi funziona con il metodo GET, ho voluto completare la spiegazione spiegandovi come si fa un file XML del genere.

Ovviamente, come era intuibile, è anche più semplice di una implementazione POST.
Prendendo come esempio, l’OpenSearch Plugin di Technorati che utilizza il metodo GET:

troviamo che per implementare la sintassi di un metodo GET basterà inserire nel tag “Url” una stringa analoga (avendo cura di separare ogni variabile da un “?”):

Condividi

In particolare, IE dalla versione 5.5 alla 6 è infatti in grado di mostrare le PNG, ma non ha il supporto per la trasparenza variabile. Infatti IE5.5 e 6 riescono a leggere queste immagini senza trasparenza o con trasparenza binaria (se quindi si presentano a 8bit) ma per le immagini con trasparenza variabile, non esisteva ancora una piena compatibilità, mostrando un antiestitico colore grigio.
Questo, almeno apparentemente, sino all’avvento di IE7.

Per quanto riguarda IE7, quindi, nonostante si dica che sia stato pienamente supportato il formato PNG, dopo alcuni test si è scoperto che IE7 tratta i PNG (ad 8 bit o 24) in modo differente dagli altri browser come FireFox e Opera, creando un ennesimo antiestetico effetto di taglio su un’immagine PNG usata come sfondo in repeat-x, mentre solo FireFox rende perfettamente lo stacco.
Eccone un esempio:

Questa è una cosa che molti webmaster e webdesigner devono tenere conto: io personalmente, quando ho sviluppato il template di questo sito, avevo usato delle iconcine png con lo sfondo trasparente, ma quando ho fatto il test di visualizzazione su Explorer, mi sono accorto che ognuna di esse era contornata da uno sfondo grigio chiaro e sono stato, quindi, costretto a convertirle in GIF, perdendo una inevitabile fetta di colori.

Se molti, preferiscono professare il motto “abbandonate explorer” è anche vero che, dati alla mano, è ancora il browser più usato al mondo (ovviamente solo perché preinstallato sul sistema operativo più diffuso al mondo) e quindi occorre considerare fix che possano permettere la corretta visualizzazione della trasparenza delle immagini in PNG.

Nel tempo molti si sono cimentati nella soluzione definitiva lato server, in attesa che Microsoft risolva il problema a monte, ovvero, semplicemente, ripristinando la corretta visualizzazione del layer alpha da parte dell’engine di rendering di IE. Tra queste posso citare articoli come PNG in Explorer 6, PNG Behavior, Cross-browser semi-transparent backgrounds e The PNG problem in Windows Internet Explorer

Per molti, però, la soluzione migliore per poter utilizzare le PNG con trasparenza anche con Internet Explorer, consiste nell’usare IEPNGFix (qui trovate la demo, mentre qui potrete scaricare il pacchetto zip).

Per attivarlo sul proprio sito basterà copiare questo file htc, e questo file blank.gif nella vostra cartella di lavoro e, quindi, inserire nel vostro foglio di stile questa riga di codice css (comprensivo di commenti condizionali al fine di garantire la validazione del css):

Soluzioni lato client si possono trovare anche qui dove, usando Multiple IE su Windows XP, si consiglia di copiare due file dll (dxtmsft.dll e dxtrans.dll) nella cartella “C:\WINDOWS\ServicePackFiles\i386“.

Ora che avete finalmente risolto l’annoso problema della trasparenza del PNG su IE, potete godervi la lettura di questo interessante articolo di Digital Web Magazine, Creative Use of PNG Transparency in Web Design, che spiega come far uso sapientemente delle partially transparent implementabili sulle immagini PNG per creare suggestivi effetti sul proprio sito.

Condividi

Se volete riprodurre lo stesso effetto anche mentre cercate su Google, allora dovete installare CustomizeGoogle, un’estensione per Mozilla Firefox che modifica l’esperienza di navigazione dell’utente su Google. Oltre a rimuovere la pubblicità e a filtrare i siti spam dalle SERP, CustomizeGoogle consente anche di mostrare tutti i risultati di Google in un’unica pagina, con un vero e proprio di scrolling infinito della pagina.
In tal modo la navigazione risulta essere più veloce e fluida e non dovete più preoccuparvi di cambiare di pagina in pagina o di aumentare il numero di link visualizzabili per pagina, al massimo comunque 100, dalle Preferenze di Google. Qui è possibile scaricare la versione italiana dell’estensione.

Condividi

Come è noto per qualsiasi utente Windows, quando si deve scrivere una E maiuscola accentata (di solito la più usata è quella con accento grave), ma più in generale una qualsiasi vocale maiuscola accentata, diventa davvero una impresa, perché non esiste un metodo veloce.

Se su Linux è sufficiente tenere attivo il tasto BLOCK MAIUSC e premere la la lettera “è” (CAPS LOCK + è), per ottenere in automatico la lettera maiuscola corrispondente, mentre su Mac OS X, basta, invece, usare la combinazione di tasti “Alt Maiuscolo e“, e in codice html si può scrivere: È oppure È, per Windows il discorso si complica. Infatti l’unico modo è tenere in mente i corrispondenti codici ASCII e nel caso della È occorre premere ALT+0200 (del tastierino numerico).

Per chi, però, di solito usa Word, sa bene che se la la lettera accentata è preceduta da un punto, l’applicativo automaticamente converte la vocale in maiuscolo. Altrimenti, se dovete forzatamente convertire una lettera nella corrispondente maiuscola accentata, basta digitare la vocale minuscola e subito dopo premere contemporaneamente i tasti Shift + F3 (Maiusc + F3); il discorso funziona egualmente se si seleziona la lettera.

Ora, non tutti quando scriviamo usiamo Word, per cui queste soluzioni sono parziali e non accontentano di certo l’utilizzatore di PC più smaliziato. In particolare, per voi blogger, vorrei consigliare un’interessante estensione per Firefox e Thundirbird: abcTajpu.
Una volta installata, è possibile trovare, nel menu contestuale di qualsiasi campo di testo (quindi anche nell’area dove scrivete i vostri post quotidiani) la voce abcTajpu, da cui è possibile accedere ad una esauriente lista di lettere accentate, ma anche caratteri speciali, come lettere accentate o dieresi, caratteri ebraici, arabi o in sanscrito, ma anche tutti quei simboli grafici come ©, ≈, µ etc.
Interessante la funzionalità di conversione del testo selezionato in maiuscolo o minuscolo e nella codifica ROT13.
Inoltre, per i patiti delle shortcuts, dalle opzioni di configurazione è possibile configurare il comportamento dei tasti F1 fino all’F10 per avere a portata di mano gli accenti che usate più di frequente.

Maggiori spiegazioni le trovate sull’homepage dell’autore, ma di certo ora scrivere una lettera in tedesco o arabo, o scrivere in italiano corretto (magari anche con una tastiera inglese che di accenti non ne ha neanche l’ombra) sarà molto più semplice.

Per terminare il discorso vorrei riportare la spiegazione di Maurizio Pistone sul motivo del perché vi sia tutta questa incuria sulle lettere accentate maiuscole:

C’è un’altra ragione, di tipo estetico. La nostra scrittura – tanto a mano, quanto, e più, a stampa – ha una doppia origine. Le lettere minuscole nascono nel IX secolo dalla cosiddetta minuscola carolingia, subiscono varie trasformazioni, danno origine alla cosiddetta scrittura “gotica” (quella tutta a spigoli, che con i Goti non c’entra per nulla) per poi ridiventare arrotondate in età rinascimentale. Nel ‘500 da questa grafia a mano i primi tipografi, come il parigino Claude Garamond, trassero i caratteri minuscoli che, sostanzialmente, ancora adesso usiamo. Invece le lettere maiuscole riproducono quasi immutate le lettere dell’epigrafia monumentale romana. Naturalmente sono lettere nate senza accenti (e senza la W e la Y, ovviamente; ed anche senza la U, che si scriveva V); sono soprattutto lettere costruite secondo un ideale geometrico, che tende ad un’altezza uguale e ad una larghezza omogenea. L’uso di accenti (ma anche dell’apostrofo, e di tutti i segni di interpunzione) turba quest’armonia; e quindi è comprensibile se molti, per soddisfare l’occhio, tendano ad evitare i (pochi) accenti richiesti dalla lingua italiana.

UPDATE: Esiste un altro software freeware per Windows che permette di avere sempre sottomano e indipentemente dal browser o applicativo usato, la lista dei caratteri speciali. Si chiama Special Character Menus (scaricabile direttamente da qui) e non richiede alcuna installazione; quando è attivo, è sufficiente cliccare Windows+C per richiamare il menu di lettere speciali, che verranno inserite nei vostri testi mediante il semplice click del mouse.

UPDATE 2: Cicciokun in un suo post ci spiega come fare anche gli altri segni diacritici con le altre lettere che li supportano (À,É,Î,Õ,Ü…).

Condividi

Intanto il Firefox, ha appena festeggiato i 400 milioni di download, confermandosi come secondo browser più utilizzato al mondo, e continuando a erodere a Internet Explorer, prodotto da Microsoft, significative quote di mercato. Giunto alla seconda versione, la roadmap prevede il rilascio della terza (nome in codice “Gran Paradiso”) per il prossimo Novembre e della quarta nel 2008.

Se analizziamo, però, il trend di crescita del browser Open Source, si può rimanere sbalorditi. Nato nel Novembre 2004 dalle macerie di Netscape con la costituzione della Fondazione che ne gestisce la distribuzione e lo sviluppo (ma rimanendo fedele al modello open-source), ad Aprile 2005 faceva già registrare 50 milioni di download. Per raggiungere i 100 in Ottobre dello stesso anno, i 200 nell’Agosto 2006, e quindi raddoppiare ancora nel giro di un anno.

In ogni caso, il numero di download non riflette il numero totale di installazione, né soprattutto quello degli utenti. Ma non comprende nemmeno le versioni scaricate non dal sito ufficiale, e quelle diffuse attraverso altri canali, per esempio le distribuzioni linux o le riviste di settore.

Insomma, si può certo dire che, in definitiva, questi dati sono molto più apprezzabile alla luce del fatto che, quando Firefox intraprese la sua sfida con la tecnica dell’Open Source, si riteneva impensabile che avrebbe rappresentato una valida alternativa al browser di Microsoft.

Condividi

Il vantaggio è immediato: basta andare su qualsiasi sito (dalla WordPress plugin directory alla sezione temi di Wordpress fino al sito personale del programmatore che mette a disposizione i propri plugin o temi) e cliccando da Firefox col tasto destro del mouse su un link di un plugin o di un tema (anche zippato grazie alle PclZip library, una libreria che offre funzioni di compressione ed estrazione di archivi zip da php), questo verrà immediatamente scaricato sul proprio blog.

Installare temi e plugin per Wordpress, quindi, sarà sempre più facile sopratutto per coloro che, stando dietro un firewall aziendale, non possono accedere via ftp al proprio sito.

Ovviamente la sua attivazione viene lasciata all’amministratore e deve essere fatta manualmente.

Qui è possibile trovare un manuale esaustivo di OneClick.

Condividi

Per “faviconizzare” un tab è sufficiente cliccare col tasto destro del mouse sulla scheda e cliccare sulla voce del menu “FaviconizeTab” oppure abilitare nelle Preferenze dell’estensione FaviconizeTab (raggiungibile da Strumenti>Componenti aggiuntivi), la funzione Quick Faviconize scegliendo fra le combinazioni Alt+Click, Crtl+Click, Maiuscolo+Click e il doppio Click.
Sempre nella stessa maschera è presente un’altra funzione interessante: Auto Faviconize. Se attivata, permette di “faviconizzare” tutte le pagine web il cui l’URL (anche parziale) è elencato nel campo. Per esempio, se inseriamo un valore tipo “http://it.wikipedia.org/*” tutte le pagine che di wikipedia italiana verranno ridotte alle dimensioni di una favicon!

Io come soluzione estrema ho adottato quella di inserire nel campo suddetto solo l’asterisco: in questo modo tutte le tab aperte si riducono alle dimensioni della favicon, con un estremo guadagno di spazio! In questo momento di tutta la barra di Firefox dedicata ai tab, solo la metà è occupata dalle favicon, mentre prima era necessario scorrerle lateralmente!

Purtroppo non tutti i siti hanno l’abitudine di creare una favicon personalizzata e questo a tutto discapito della leggibilità: per cui è possibile avere o siti con una icona bianca (quella di default di firefox per indicare un sito che non ha favicon) oppure siti che hanno tutti la stessa favicon (come nel caso dei blog residenti nel network wordpress.com). Il mio consiglio, quindi, è quello di “faviconizzare” i siti che hanno un’icona personalizzata, altrimenti potrebbe essere controproducente la ricerca del sito.

La riduzione del tab ha come contro la scomparsa del tasto di chiusura del tab, ma questo, per molti, potrebbe anche risultare un vantaggio: quante volte, soprattutto a causa delle decine di schede che affollavano il mio browser, ho chiuso una scheda per errore! E se è vero che installando l’estensione Tab Mix Plus è possibile riaprire, con estrema semplicità e velocità, le ultime schede chiuse, è anche vero che se si chiude un tab con aperto, per esempio, la pagina di scrittura post di Wordpress il lavoro di Tab Mix Plus risulta in parte vanificato perché perderei comuqnue il contenuto del articolo che stavo scrivendo (fortuna che le ultime versioni di Wordpress eseguono il salvataggio automatico del post, previo inserimento di un titolo).

Quindi, in questo caso, la mancanza del tasto di chiusura può essere sopperita dalla funzione CTRL+F4 per chiudere la scheda attiva, oppure cliccando col tasto destro sul tab e selezionare la voce del menu “Chiudi scheda” o anche cliccando sulla scheda col tasto centrale del mouse (che di solito è una rotellina, thk Maic). Un altro metodo, ma che funziona solo per chi ha installato l’estensione Tab Mix Plus, è quello di andare nelle sue Impostazioni e nella cartella Aspetto/Barra delle schede abilitare la funzione “Visualizza il pulsante di chiusura schede nella barra delle schede“.

C’è anche da da dire, però, che l’estensione FaviconizeTab, potrebbe ingannare l’utente che visto che potrebbe vedere una barra delle schede popolata solo a metà con il rischio di caricare più siti del dovuto perché visivamente “avrei ancora molto più spazio vuoto” con lo svantaggio di appesantire notevolmente Firefox che già per conto suo è esoso di memoria ram. Quindi, un altro mio consiglio, è di non farvi ingannare dalle apparenze!

Insomma per chi, come me, ha l’abitudine di lasciare tab aperti per diversi giorni con lo svantaggio, magari, di doverseli scorrere tutti lateralmente per cercarne uno o magari dimenticarsene qualcuno, installando FaviconizeTab sono arrivati giorni felici!

Condividi

Internet Explorer

Se si tratta di Internet Explorer si possono usare uno di quei tanti programmi in grado di rivelare il contenuto celato sotto gli asterischi di un campo password. Tra i tanti vi posso suggerire Asterisk Logger, Password Reveal e Kernel Password Unmask 1.0. Questi applicativi hanno la prerogativa di funzionare sia per i campi password di Internet Explorer che per tutti quelli di Windows, come per esempio il campo password di una connessione remota.

Firefox

Purtroppo, questi programmi non funzionano sui campi password dei moduli internet aperti con Firefox: ne ho provati praticamente di tutti i tipi, freeware e shareware, ma nessuno è stato in grado di rivelare e scoprire le password nascoste sotto gli asterischi di un browser Firefox.

Fortuna che quelli che hanno sviluppato questo splendido browser hanno pensato ad un metodo semplice e quanto mai immediato. Infatti basta andare nel menu Strumenti -> Opzioni…, cliccare sulla folder Sicurezza, e quindi sul pulsante “Mostra password…”
A questo punto si aprirà una finestra che mostrerà una lista di siti e di nome utente associati: cliccando sul pulsante in basso a destra “Mostra password” sarà possibile visualizzare in chiaro tutte le password salvate.

Ovviamente, per quanto immediata sia questa funzione, costituisce, per contro, anche un piccolo buco di sicurezza: chiunque avesse accesso alla vostra postazione potrebbe visionare tutte le vostre password usate nel web. Per risolvere questo problema, c’è la possibilità di inserire, dalla folder Sicurezza aperta in precedenza, una password principale che serve a proteggere le informazioni sensibili come le password dei siti: in tal modo, ogni volta che verrà chiesto a Firefox, di recuperare un’informazione protetta, come la lista delle password vista in precedenza, verrà richiesta una password principale.
Sarà bene, quindi, che ognuno di voi setti questa password.

UPDATE: Andrea Micheloni mi segnala anche un altro metodo per scoprire le password nascoste su Firefox usando i bokmarklet javascript. Provate a salvare questo codice tra i preferiti: se nella pagina vi è un campo password, basterà cliccare sul collegamento appena salvato e la password verrà mostrata in un popoup.

Export/Import delle password salvate su Firefox

L’estensione per Firefox Password Exporter permette di effettuare in tutta semplicità e sicurezza di effettuare un export delle password salvate su Firefox e il successivo ripristino. Il file di backup generato può essere XML o CSV e si può decidere di criptarlo.

In maniera più semplice è possibile fare il backup manuale del file in cui sono memorizzati i dati delle password. E’ sufficiente andare nella cartella del profilo utente su Firefox (del tipo C:\Documents and Settings\[username]\Application Data\Mozilla\Firefox\Profiles\[nome_profilo].default) e copiare in un posto sicuro il signons2.txt: questo è un file ascii leggibile le cui password, però, sono criptate.

Condividi

Questa opzione, che appare nel menu contestuale quando si attiva firebug in corrispondenza dell’elemento identificato dal mouse (oppure cliccando sul pulsante Inspect e poi selezionando con un click del mouse l’elemento che interessa), permette di modificare e testare “a caldo” qualunque pagina HTML, foglio di stile CSS o funzione Javascript di un qualsiasi sito web senza provocare alcun impatto sulla navigazione per i vostri visitatori.
Così facendo nella parte inferiore della finestra sarà possibile visualizzare il codice html e gli stili associati all’elemento selezionato: per esempio, nella sezione css vengono visualizzate le proprietà dell’oggetto, dichiarate direttamente oppure ereditate (le dichiarazioni che trovate barrate sono quelle sovrascritte da dichiarazioni successive). E’ possibile, quindi, modificare il css e l’html e le funzioni javascript agendo direttamente sulla finestra di Inspect e verificare immediatamente gli effetti della variazione; per ritornare alla pagina originale basta fare un semplice refresh da Firefox.
Addirittura è anche possibile, nella finestra relativa ai css, visualizzare un’anteprima dei colori usati semplicemente posizionando il puntatore sopra al valore esadecimale.

Il bello della funzione di INSPECT di Firebug è che è possibile testare velocemente le modifiche al proprio sito online lavorando localmente su Firefox e in tempo reale. Inoltre, è possibile analizzare molto velocemente la struttura di un altro sito di cui magari se ne vuole carpire qualche trucchetto html o css.

Un esempio pratico delle potenzialità dell’INSPECT di Firebug lo trovate nel Video Tutorial su come modificare il proprio tema Wordpress in 5 minuti con FireBug di Daniele Salamina

Altri Toolkit simili è possibile trovarli installando a Web Developer Toolbar oppure Venkman, anche se, a mio parere, non sono così completi performanti come Firebug.

Per chi, invece, non usa Firefox, è possibile testare la console di Firebug con Firebug Lite. Si tratta di uno script da inserire nelle pagine che vogliamo testare e che attiva la visualizzazione della console nella parte inferiore della pagina stessa usando il tasto F12 o la combinazione CTRL+SHIFT+L.

Qui, invece, trovate la traduzione dell’articolo Hacking Web 2.0 Applications with Firefox di Shreeraj Shah pubblicato originariamente su SecurityFocus che insegna come fare hacking di applicazioni Web 2.0 con Firefox e Firebug.

Se poi, l’idea di trasformare Firefox in una hacking platform vi alletta molto, allora non dovete fare altro che seguire l’articolo Turning Firefox to an Ethical Hacking Platform pubblicato da Security Database in cui vengono elencate numerose estensioni per Firefox da installare per avere a disposizione tutto il necessario per l’hacking di applicazioni web.
Queste le categorie: Whois and geo-location, Enumeration / fingerprinting, Social engineering, Googling and spidering, Editors, Headers manipulation, Cookies manipulation, Security auditing, Proxy/web utilities, Hacks for fun, Encryption, Malware scanner, Anti Spoof.

Condividi

Ebbene, con l’avvento della codifica Unicode e la sua diffusione oramai capillare su quasi tutti i font, forse è possibile dire addio a questa tecnica per far posto ad una più interessante: scrivere il testo rovesciato di 180°.
Per farlo, basta che vi collegate al sito Flip che è in grado di ribaltare il testo dall’alto al basso e da sinistra a destra e di permetterne la visualizzazione in pagine che ammettono solo il testo.
Se poi volete ricapovolgere il testo e volete evitare di leggerlo a testa in giù o capovolgendo il monitor, potete usare questo altro tool.

Ho anche trovato chi si è divertito ad iterare il capovolgimento del testo.

1. Ciao ! Questa è una prova
2. ɐʌoɹd ɐun è ɐʇsǝnb ¡ oɐıɔ
3. ɔıɐo ¡ quǝsʇɐ è unɐ pɹoʌɐ
4.(=2) ɐʌoɹd ɐun è ɐʇsǝnb ¡ oɐıɔ

Quel che è certo è che scrivere testi “flippati” saranno difficilmente indicizzati da Google, anche perché a nessuno verrebbe in mente di ricercare un testo capovolto! Chissà, forse potrebbe essere un nuovo modo per scrivere email, al posto dei captcha, non facilmente leggibili dagli spam bot, almeno finché non si aggiorneranno.

Mi domando quando uscirà anche un’estensione per Firefox o Thunderbird.

Condividi