Archivio autore per gialloporpora

Raccolta news #4

Visto che questa settimana non ho scritto nulla - in casa si sta facendo ristrutturazione - lascio qualche link interessante a qualche bel articolo letto in settimana.

Naturalmente, il rilascio da parte di Google del suo nuovo browser basato su Webkit è stato l’argomento più discusso e molti degli articoli riguardano, per l’appunto, il nuovo navigatore made by Google.

Personalmente non ho avuto molto tempo per provarlo, diciamo che ci ho navigato una quindicina di minuti più per curiosità che per altro. Dal mio personalissimo punto di vista, più che un browser a me sembra un tentativo di creare un ambiente ottimale per interagire con le applicazioni web di Big G., insomma più che a Firefox sembra assomigliare a Prism.

PS: qualcuno sa per caso cosa può aver usato John Resig nell’articolo asteriscato per fare quei grafici ?

Video introduttivo a Ubiquity

È da due giorni che tento di fare questo post :-P , purtroppo ci sono problemi col database MySQL e il blog è praticamente inaccessibile da qualche giorno. Ora sembra che sia tornato a funzionare, quindi ne approfitto per inserire il post, se tornerà down sarà comunque possibile leggerlo almeno dal feed :-)

Su MozillaLabs, Aza Raskin ha pubblicato un bel video che dimostra le potenzialità di Ubiquity, io consiglio a tutti la visione :-) .


Ubiquity for Firefox from Aza Raskin on Vimeo.

Io finora ho creato qualche comando per Ubiquity, però è difficile stare dietro a tutte le modifiche che vengono fatte, mi prometto di aggiornarli per la prossima settimana, magari creando delle pagine Web con la spiegazione dei vari comandi e qualche screenshot.

Se qualcuno fosse interessato, posso provare a spiegare il funzionamento di qualche comando e come crearne di nuovi. È comunque difficile creare un tutorial decente in questa fase, il progetto è, come già detto, in continua evoluzione e rischierei di scrivere cose che potrebbero non essere più vere l’indomani :-P .

Il più bel comando è questo:

Diggthis

Non ho l’ultimissima build di Ubiquity, ma credo funzioni, in caso contrario la prossima settimana vedo di aggiornarlo.

PS: prima di questo post , Google.it rimandava su questo blog cercando “download ubiquity” .

Fonte: MOzillaLabs

Come scaricare i filmati di Raiclick

AGGIORNAMENTO: Come mi è stato fatto giustamente notare da @Rafiluccio in questo commento, i filmati di Raiclick si aprono in popup. La cosa, oltre ad essere oltremodo fastidiosa, impedisce l’accesso al bookmarklet (viene disattivata sia la barra dei segnalibri, sia quella degli indirizzi), è quindi necessario aprire quelle pagine in schede o impostare il browser in modo che non nasconda la barra dei segnalibri (o quella degli indirizzi). Per ulteriori informazioni su come fare la cosa con Firefox, si legga il mio commento di risposta a @Rafiluccio (non è difficile). Per altri browser si cerchi nelle impostazioni avanzate del browser stesso.

I filmati di Raiclick sono molto interessanti, se avete notato però il menu contestuale del plugin di WMP è bloccato. Di solito io preferisco guardare i video usando VLC piuttosto che direttamente dal browser. Non potendo però accedere al menu contestuale è difficile risalire direttamente all’URI diretta dello streaming.

Per questo motivo mi sono fatto un bookmarklet su misura per ottenere rapidamente l’indirizzo diretto allo streaming. Il bookmarklet permette con due click di ottenere l’indirizzo (mms://) del filmato, così da poterlo guardare usando VLC. Il bookmarklet è questo:

RaiClick

Per conoscere come aggiungere un bookmarklet al proprio browser seguire questa guida.

Quando ci si trova sulla pagina del filmato desiderato bisogna cliccare sul bookmarklet che rimanderà ad una pagina esterna al sito di Raiclick, questo perchè nella pagina di Raiclick contenente le informazioni sullo streaming parte WMP e non riesco ad avere accesso al documento via bookmarklet. A questo punto, cliccando un’altra volta sul bookmarklet apparirà un prompt con l’indirizzo da copiare/incollare in VLC.

Ë inoltre possibile, usando un Download Manager che supporta il protocollo mms, scaricare il video in locale e guardarselo con calma senza dover dipendere dalla qualità della connessione. Il DM che ho sempre usato (Free download Manager) purtroppo non permette il download da protocollo mms, tempo fa avevo suggerito di utilizzare SDP Downloader, però Orbit Downloader è anche meglio :-) (ringrazio @Thunder Drako che me lo ha fatto notare).

Screenshot  dell'avvio di un nuovo download in Orbit Downloader

Volendo è possibile registrare lo streaming usando VLC, però un conto è registrare e un altro conto è scaricare il file, ovviamente la qualità sarà di molto inferiore nel primo caso (durante le mie prove ho ottenuto risultati a dir poco orribili con l’audio fuori sincrono in modo spaventoso).

Probabilmente chi utilizza Media Player Connectivity non ha bisogno del bookmarklet, una volta che il filmato è stato aperto in VLC è sufficiente risalire all’indirizzo dello streaming dal menu Visualizza -> Informazioni media e flusso.

Technorati Tags: , , ,

Se ti è piaciuto l'articolo puoi votarlo. Grazie!

Ambient News, un nuovo metodo per tenersi aggiornati sui nuovi contenuti del Web

Uno degli sviluppatori di Ubiquity Atul Varma, ha appena rilasciato una nuova estensione: Ambient News, che pur essendo in versione alpha ritengo davvero interessante.

Come fatto notare dall’autore, non tutti usano i feed RSS, vuoi perchè qualcuno ignora cosa essi siano, vuoi perchè la procedura per la sottoscrizione è una perdita di tempo eccessiva per i più pigri.:

Ambient News at Toolness

But there’s even more. At this point, the user is presented with a page that requires them to choose a program to actually read their news with. After doing some research and picking a reader and learning how to use it, they need to manually subscribe to all the sites that they visit often.

Da qui l’idea, che ritengo geniale, di sfruttare Places per creare una pagina con tutte le ultime notizie dai blog/forum/siti online che si è visitato più spesso. Niente deve essere fatto, è sufficiente installare l’estensione e navigare come si fa di solito. L’estensione riconoscerà da sola se nelle pagine in cui si è navigato vi sono degli RSS (devono essere indicati nell’head del documento).. Per accedere alla pagina con le ultime notizie provenienti dai siti che abbiamo visitato, sarà sufficiente aprire una nuova scheda o digitare about:news nella barra degli indirizzi.

Io dopo avere installato l’estensione ho navigato nei seguenti siti:

  • il forum di MozillaItalia, che è provvisto di feed RSS;
  • Lifehacker che è provvisto di feed RSS sia per le notizie che per i commenti agli articoli;
  • Foxiewire che è provvisto di feed RSS;
  • Megalab, che, purtroppo, non possiede un feed RSS;
  • Digg, che possiede molti feed RSS, ma che non vengono indicati nell’head della pagina.

Questo è il risultato:

Screenshot della pagina generata da ambient news

Per chi non usa i feed (detto fra noi fa male a non usarli) un buon metodo per rimanere sincronizzato con i propri siti preferiti , senza dover fare assolutamente nulla (a parte, ovviamente, installare Ambient News). Per chi li usa, un’ottima pagina personalizzata per un veloce accesso ai nuovi contenuti.

Una cosa, che credo mi tornerà utile è il poter vedere i nuovi commenti sui blog che hanno un feed per i commenti. Non sempre infatti, mi abbono ai commenti dei blog in cui leggo qualcosa di interessante , poter vedere i nuovi commenti nella pagina aggregata da Ambient News, senza dover fare assolutamente nulla , è davvero una grossa comodità.

NOTA: l’estensione è in versione alpha, quindi l’installazione è consigliata solo ai più audaci., per tutti gli altri meglio aspettare una release stabile.

Fonte: Toolness: Ambient News.

Technorati Tags: , ,

Se ti è piaciuto l'articolo puoi votarlo. Grazie!

Raiclick e la secessione

Boh, per il sito Raiclick io non mi trovo in Italia. Se cerco infatti di guardare qualche video della sezione Sport, questo è il messaggio che mi appare:

Messaggio di Raiclick che avvisa che non mi trovo nei confini nazionali

Unfortunately, this program isn’t available outside Italy.
Il video selezionato non è visibile agli utenti che si collegano al di fuori del territorio italiano.

Io invece mi trovo a Treviso, Italia. Ora, usando un servizio di visualizzazione IP, risulto essere in Piemonte (falso ma almeno rimango nei confini nazionali :-P ):

Visualizzazione parziale del mio indirizzo IP che risulta essere da Ivrea

Mah, io spero risolvano :-( , altrimenti chiederò a qualche italiano di mandarmene una copia via email :-P.

Technorati Tags: ,

Se ti è piaciuto l'articolo puoi votarlo. Grazie!

Easter Egg in SMF

Oggi, grazie a @michro, ho scoperto che esistono anche in SMF, la piattaforma di forum su cui è basato, fra gli altri, anche il forum di MozillaItalia.

In particolare, quando si raggiungono i 1337 messaggi viene visualizzata la dicitura leet al posto del numero 1337.

immagine che mostra la dicitura leet nel numero messaggi di SMF

Il leet (o anche l33t, 31337 o 1337) è una forma codificata di inglese caratterizzata dall’uso di caratteri non alfabetici al posto delle normali lettere (scelte per la semplice somiglianza nel tratto) o piccoli cambi fonetici.
Il termine ha origine dalla parola “élite”, in inglese di pronuncia simile a “leet”, e si riferisce al fatto che chi usa questa forma di scrittura si distingue da chi non ne è capace.

Se si arriva a 100.000 messaggi dovrebbe apparire I’m a Geek, se qualcuno ci riesce mi faccia sapere :-).

Un altro simpatico Easter Egg contenuto in SMF è about:unknown, che assomiglia molto all’about:mozilla di Firefox :-). Per trovarlo basta aggiungere ?action=about:unknown all’url del forum, ad esempio questa è la pagina del forum di MozillaItalia:

The Book of Unknown, 4:16

And it came to pass that the unbelievers dwindled in number and saw rise of many proselytizers, and the opposition found fear in the face of the x and the j while those who stood with the something grew stronger and came together. Still, this was only the beginning, and what lay in the future was unknown to all, even those on the right side. from The Book of Unknown, 4:16

In questa discussione. ne potete trovare altri, sempre relativi a SMF.

Technorati Tags: , , ,

Se ti è piaciuto l'articolo puoi votarlo. Grazie!

Comprimere un file multilinea in una sola riga usando sed

Questo lo tengo come promemoria personale. Ultimamente ho rifatto qualche bookmarklet, qualcuno pubblicato, altri forse quando saranno rifiniti, in ogni caso una delle cose più noiose da fare era comprimere il codice JS in una sola riga.

Per effettuare i test e il debug del codice, infatti, non lavoravo sul bookmarklet ma su un file JS tenuto in localost e iniettato nella pagina, questo per semplificare le modifiche al codice stesso.

Una cosa che con le funzioni di search & replace del mio editor di testo (Crimson Editor) non riuscivo proprio a fare era quella di comprimere il file JS in una sola riga (e la modalità Word Wrap non era di mio gradimento) di codice così da poterlo usare come bookmarklet. Cercando un po’ con Google sono riuscito a trovare un metodo per eliminare gli a capo nel file, modificandolo un pochino sono alla fine riuscito a rimuovere anche spazi ed eventuali tabulazioni.

Questo è il codice che comprime un file in un’unica riga

sed -e :a -e N -e "{s/\n/ /;s/  */ /g}" -e ta input > output

Piccola spiegazion

Questa una piccola spiegazione su come opera il comando:

:a  #  legge la riga e inserisce un'etichetta per ritornarci
N  # legge la riga successiva e la mette nel buffer
s/\n/ /;s/  */ /g}
# sostituisce il carattere "a capo" e tutti gli spazi con uno spazio singolo
(inaspettato: sostituisce anche le tabulazioni)
EDIT: Assolutamente falso :-P . Ero io che avevo impostato un’opzione strana in Crimson Editor “Replace tabs with spaces”, me ne sono accorto solamente perchè  usando Python questo mi generava una marea di errori.

:ta  #  torna alla riga precedentemente etichettata

Questo è il codice per rimuovere oltre agli spazi anche i caratteri di tabulazione:

sed -e :a -e N -e "{s/\n/ /;s/\s\s*/ /g}" -e ta input > output

Naturalmente, è sconsigliato usare questo metodo con file di grosse dimensioni visto che il buffer potrebbe diventare eccessivamente grande.

Fonte: Merging lines in a file using sed

Technorati Tags: , ,

Se ti è piaciuto l'articolo puoi votarlo. Grazie!

Bookmarklet per fare citazioni (4)

Come avevo preannunciato nel precedente post, questa è la versione (spero finale) del bookmarklet per fare citazioni. Essendo stato uno dei primi bookmarklet che ho creato (e all’inizio di Javascript ne sapevo poco o nulla) è stato modificato parecchie volte (pure troppe).

Prendendo spunto da una analoga funzione definita in Ubiquity (setTextSelection) che potete trovare qui, invece di aprire un fastidioso pop up ed inserirvi all’interno il codice generato, ora il codice viene innestato direttamente al posto del testo che era stato selezionato, se non si è selezionato alcun testo, verrà restituito il codice per inserire il solo collegamento alla pagina in un prompt. Pure l’utilizzo da barra dei segnalibri tramite keyword è stato migliorato sensibilmente.

screenshot che mostra come il codice viene inserito nella pagina web al posto del testo selezionato

Il bookmarklet sembra funzionare anche con Opera, con Safari non ho provato ma escludo funzioni (dovrei modificarlo un pochino), con IE credo proprio non funzioni.

Utilizzo

Ci sono due metodi per utilizzare il bookmarklet:
;

  1. cliccandolo dalla barra dei segnalibri< ;
  2. richiamandolo dalla barra degli indirizzi tramite keyword.

Nel primo caso, sarà sufficiente selezionare del testo e cliccare sul bookmarklet (opportunatamente posizionato nella barra dei segnalibri) . Il codice generato verrà inserito in una textarea al posto del testo selezionato.
Purtroppo, usando il bookmarklet in questo modo, non è possibile specificare nessun parametro opzionale. Di default, il codice generato è in formato BBCode. Se si vuole usare il bookmarklet in questa maniera e generare codice HTML, sarà necessario modificare manualmente il codice, nello specifico:

default_mode='b';

con:

default_mode='h';

Io comunque consiglio di utilizzare il bookmarklet via keyword.

Se al bookmarklet viene associata una keyword (o parola chiave che dir si voglia), sarà possibile utilizzarlo dalla barra degli indirizzi. In questa modalità sono disponibili dei parametri opzionali.. Supponiamo ad esempio di aver associato al bookmarklet la keyword cita, ecco un esempio generico di utilizzo:

cita [opzioni] “nuova descrizione del link”

dove opzioni possono essere: -testo, -html e -bbcode. Il testo racchiuso fra apici verrà usato come descrittore del link al posto del titolo della finestra.

Il bookmarklet non è schizzignoso e riconosce le opzioni anche se contratte (t, h e b).

Esempi

Ecco un esempio dell’output del codice (HTML) generato dal bookmarklet:

Bookmarklet - Wikipedia

Un bookmarklet è un piccolo programma JavaScript che può essere memorizzato come un normale URL all’interno dei segnalibri (bookmark in inglese) nei browser Web più popolari, o all’interno degli hyperlinks di una pagina Web. I bookmarklet sono anche detti favlets o favelets per via del fatto che Internet Explorer utilizza il termine “Favorites” (preferiti in italiano) per indicare appunto i segnalibri.

Supponendo di aver indicizzato il bookmarklet con la parola chiave cita ecco alcuni esempi di utilizzo:

Genera il codice HTML necessario per eseguire la citazione. Come descrizione del link verrà usato il titolo della scheda visualizzato nella finestra del browser.

cita t

Viene ritornato il link e il testo selezionato fra caporali («») per eseguire una citazione senza formattazione.

cita -h "questo link

Genera il codice HTML per fare la citazione. Come descrittore del link viene usato il codice fra virgolette (questo link).

cita "questo link"questo link.

Il bookmarklet

Il bookmarklet è questo:

<< Cita >>

trascinarlo nella barra dei segnalibri ed indicizzarlo con una parola chiave (clic destro -> Proprietà). Se si usa Opera, aggiungerlo come search plugin.
EDIT: Potete reperirlo anche su Foxmarks. Anzi, è possibile che la copia sincronizzata su Foxmarks sia più aggiornata.

Se c’è qualche errore potete segnalarlo nei commenti e lo correggo. Per provarlo, selezionare del testo e cliccarci sopra :-) .

Impostare una favicon per il bookmarklet

Per concludere, inserisco il codice necessario per associare un’iconcina al bookmarklet. Purtroppo, ai bookmarklet viene associata un’icona anonima e pure bruttina, che poco aiuta al suo riconoscimento e che essendo visibile nella barra degli strumenti rovina l’aspetto visivo di Firefox. Io non amo le favicon , e anzi dal menu segnalibri preferisco toglierle di mezzo, però nella barra dei segnalibri una loro utilità ce l’hanno, soprattutto se si decide come nel mio caso di rimuovere il testo del bookmarklet lasciando solo l’icona dello stesso.

Visto la funzione del bookmarklet, ho scelto la favicon di Wikiquote. Il codice va messo nel file userchrome.css o aggiunto come nuovo stile in Stylish. Se si cambia il nome del bookmarklet il codice potrebbe non funzionare, se non sapete come farlo funzionare lasciate un commento.

NOTA: il codice non associa una favicon al bookmarklet in via generale, ma soltanto quando questo si trova nella barra dei segnalibri., quindi se non lo si aggiunge alla barra dei segnalibri è assolutamente inutile !

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* Aggiunge la favicon  di Wikiquote al bookmarklet per fare citazioni */
toolbarbutton.bookmark-item[label^="Cita"]
{
list-style-image: url(”http://wikiquote.org/favicon.ico”) !important;
}

/* questo codice aggiuntivo serve per rimuovere il testo e lasciare solo la favicon sulla barra dei segnalibri, ottimo per risparmiare spazio.
/* per eseguire il codice qui di seguito riportare la chiusura del commento su questa riga
toolbarbutton.bookmark-item[label$^"Cita"] > .toolbarbutton-text {
display: none !important;

Enjoy :-D

Technorati Tags: , , ,

Se ti è piaciuto l'articolo puoi votarlo. Grazie!

Hijacking powered by Alice

Io non sono fra i “fortunati” possessori di una connessione Alice, però da questa discussione su Megalab.it sembra proprio che anche il provider nazionale abbia seguito il brutto esempio di OpenDNS (di cui avevo già parlato tempo fa) e si sia messo a fare la guerra a Google.

Oggetto delle attenzioni è la funzionalità di alcuni browser di reindirizzare l’utente ad una pagina di risultati quando questo sbaglia a digitare qualcosa nella barra degli indirizzi. Provando infatti a digitare delle parole nella barra degli indirizzi si verrà riportati ad una pagina di Google coi risultati della ricerca per i termini inseriti.

Perfetto, cosa fa Alice ?

Alice, o per la precisione il server DNS, prende questo link e lo trasforma nella pagina dei risultati del suo motore di ricerca.

Cosa c’è di male in tutto questo ?

Semplice, quello non è un url sbagliato, come potrebbe essere ad esempio una cosa del tipo this.unvalid.url, ma un url validissimo creato dal browser che sceglie Google perchè Google è Google!

Volendo dare un nome a questo comportamento di Alice, io opterei per Hijacking - Wikipedia

Il termine hijacking indica una tecnica che consiste nel modificare opportunamente dei pacchetti dei protocolli TCP/IP al fine di dirottare i collegamenti ai propri siti e prenderne il controllo.

fatto stavolta a livello di server DNS :-P . Ora, se nel caso di OpenDNS questo si poteva scusare col fatto che OpenDNS è un servizio gratuito e che si può scegliere liberamente, nel caso di Alice la scusante non c’è, se io pago per la connessione gradirei molto che il server DNS facesse il server DNS e non il malware :-P .

A questo punto l’unica cosa che si può fare è inserire l’indirizzo IP di Google nel file HOSTS del sistema, o nel caso di firefox sostituire www.google.com con l’indirizzo IP nella preferenza avanzata keyword.url (raggiungibile digitando about:config nella barra degli indirizzi).

Non credo che il malware stia operando su tutte le connessioni Alice, è possibile però che al ritorno delle vacanze abbia infettato tutta la rete, non c’è che dire: BRAVI….

Se lo fa anche TEle2, è la volta che mi guardo in giro :-P

Technorati Tags: , , ,

Se ti è piaciuto l'articolo puoi votarlo. Grazie!

Bookmarklet per fare citazioni convertito in un Ubiquity command

Non so se qualcun altro al di fuori del sottoscritto lo abbia mai usato, però il bookmarklet che avevo creato per generare il BBCode (o il codice HTML) per effettuare una citazione, io lo trovavo davvero comodo. Il bookmarklet presente nel vecchio post, non dovrebbe funzionare con Firefox 3 (viene bloccato il popup), non è difficile modificarlo, e anzi mi devo ricordare di aggiornare il codice, perchè, che qualcuno lo usi o meno, ci tengo a tenere aggiornati i vecchi post, è una questione personale, non mi piace ci siano (anche se ce ne saranno sicuramente), cose che non funzionano.

In realtà, avevo già una mezza idea di fare una versione 4.0 del bookmarklet che invece di aprire quel brutto popup, inestasse il box col codice direttamente nella pagina, ma visto che è un mese che ho la bozza in locale e che non mi decido ad ultimarlo, propongo direttamente la versione Ubiquity del bookmarklet. Il motivo è presto detto, Ubiquity usa JQuery ed ha già una funzione bella e pronta per innestare il codice sostituendo addirittura quello selezionato :-D (setTextSelection).

Anzi se qualcuno che conosce il framework JQuery, mi dà una mano a convertire la funzione in normale Javascript mi farebbe davvero piacere (sto leggendo a riguardo, ma se qualcuno mi dà una mano è pure meglio :-D ).

Sperando che abbia fatto correttamente l'escaping di tutti i caratteri, il codice seguente dovrebbe funzionare:


function quotehtml(expr) {
    var document = context.focusedWindow.document;
    expr='<textarea style="background-color: #272727; color: #777">&lt;a  href="'+document.location+'" title="'+document.title+'"&gt;'+document.title+'&lt;/a&gt;&lt;br/&gt;\n&lt;blockquote  cite="'+document.location+'"&gt;'+expr+'&lt;/blockquote&gt;</textarea>';
    setTextSelection(expr);
}

function cmd_quotehtml() {
  useSelectionOrPrompt("Enter expression:", quotehtml);
}

function quotebb(expr) {
    var document = context.focusedWindow.document;
    expr='<textarea style="background-color: #272727; color: #777">[url='+document.location+']'+document.title+'[/url]\n[quote]'+expr+'[/quote]';
    setTextSelection(expr);
}

function cmd_quotebb() {
  useSelectionOrPrompt("Enter expression:", quotebb);
}

E' sufficiente copiarlo nell'editor di Ubiquity, andare nella pagina da cui si desidera fare una citazione, selezionare il testo da citare e dare uno dei seguenti comandi: quotehtml o quotebb.

Credo che il nome dei comandi dica tutto, il primo genera il codice HTML, il secondo il BBCode.

L’ho caricato anche qui:
quote.txt su Box.net

Il codice di Wordpress - dopo una ventina di modifiche ed insulti sparsi - dovrebbe essere OK :-D . L’ho pure proposto sul gruppo di discussione di Ubiquity, magari - se lo trovano utile - lo inseriscono direttamente fra i comandi supportati .

Esempio del funzionamento dei comandi quotehtml and quotebb

AGGIORNAMENTO: grazie ad Abi che mi ha risposto sul gruppo di discussione e ha uploadato il mio file su Google gruppi, ho scoperto che esiste un modo più semplice di aggiungere un comando, senza dover far copiare/incollare il codice qui sopra nell’editor.
Non ho provato personalmente, ma dovrebbe essere sufficiente aggiungere questo link nei segnalibri e taggarlo con ubiquity, wow :-D . A saperlo prima mi risparmiavo due tazze di caffè :-P

Technorati Tags: , , , ,

Se ti è piaciuto l'articolo puoi votarlo. Grazie!