Archivio per il tag ubiquity

Con CSS 3.0 sarà possibile ruotare/traslare gli elementi di una pagina

CSS 3.0 permetterà di applicare delle (rotazioni/traslazioni) sugli elementi delle pagine Web. La cosa probabilmente è, per il momento, solamente un giochetto, ma nel futuro credo si possano aprire molte possibilità per gli webmaster, magari si potranno creare delle animazioni usando solamente Javascript e modificatori CSS.

Questo è un video, di Aza Raskin, dove viene mostrato come creare un comando per alterare le pagine eseguendo rotazioni e traslazioni varie:


Ubiquity Tutorial: Turn a page upside-down from Aza Raskin on Vimeo.

Chi avesse Ubiquity può provare con questo codice: (copiato dal video)

CmdUtils.CreateCommand({
  name: "ruota",
  takes: {degrees:noun_arb_text},
  execute: function(degrees){
	var doc = CmdUtils.getDocument();
	jQuery(doc.body).css("-moz-transform", "rotate("+degrees.text+"deg)");
  },
  preview: function(pblock,degrees){
  pblock.innerHTML="Ruota la pagina di "+degrees.text+" gradi";
  }
  });
CmdUtils.CreateCommand({
  name: "flip",
  execute: function(){
	var doc = CmdUtils.getDocument();
	jQuery(doc.body).css("-moz-transform", "rotate(90deg)");
  },
  preview: function(pblock){
  pblock.innerHTML="rotate the page";
  }
  });

Naturalmente, essendo molto rozza non è previsto un noun_type per i gradi, inserendo qualcosa diverso da un numero potrebbero esserci strani effetti. Per vedere cosa succede provare con ruota 90 o ruota 180 e poi appendersi al soffitto a testa in giù :-P . Ecco come appare Google dando il comando ruota 15:

Homepage di Google ruotata di 15 gradi

Chi non dispone di Ubiquity ma ha Firefox 3.1, può provare cliccando su questi due link:

AGGIORNAMENTO: ho aggiunto il codice per Webkit, non avendo una nightly di Safari per provare non so se funziona o meno. Se qualcuno passa di qui con una nightly di Webkit può lasciare un commento :-)

Non credo che provando con altri browser accada nulla, in quanto quella proprietà ha il prefisso -moz, anche se le ultime versioni di WebKit dovrebbero supportare questa specifica CSS (probabilmente si chiamerà webkit-transfrom).

Fonte: Aza’s Thoughts

Technorati Tags: , ,

Shortcut per richiamare Ubiquity anche se non si sta usando Firefox

Questo doveva già essere pubblicato due settimane fa, era programmato per sabato (non in automatico, ma volevo pubblicarlo sabato). Ho visto che alcuni dei miei script per Ubiquity non funzionano più con la 1.0.2, comunque è un problema con l’anteprima quindi non si sta tanto a risolverlo (credo). Intanto, visto che di tempo ne è passato senza che scrivessi nulla su come fare un comando, credo che sia meglio tradurre direttamente le pagine sulla Wiki di Mozilla, almeno quando sarà possibile.

Quasi mi dimenticavo di segnalare sul blog questo ottimo shortcut creato da quelli di Lifehacker. In effetti, lo avevo aggiunto nei segnalibri, però credo che nessuno si guardi i miei segnalibri su Diigo (nella sidebar).

Sfruttando un software OpenSource di nome Autohotkey, si possono creare un sacco di utili shortcut per operazioni di uso frequente, l’idea di William Bartholomew – l’autore di questo ottimo script – è utilizzare Autohotkey per richiamare Ubiquity anche se non si sta usando Firefox, ad esempio se si sta scrivendo qualcosa nel proprio editor o si sta maneggiando il player audio. Lo script – e lo dice un profano di programmazione con Autohotkey – è abbastanza semplice e può essere aggiunto agli script da eseguire se Autohotkey è installato. Se così non fosse, basterà scaricare l’eseguibile et voila, premendo Windows-spazio richiamerete Ubiquity :-D .

; Make ubiquity ubiquitous
#space:: ; Change shortcut if needed
FirefoxTitle = Mozilla Firefox
FirefoxPath = %programfiles%\Mozilla Firefox\firefox.exe
SetTitleMatchMode, 2
IfWinNotExist, %FirefoxTitle%
{
Run %FirefoxPath%
}
WinActivate, %FirefoxTitle%
WinWaitActive, %FirefoxTitle%
Send, ^{Space} ; Change shortcut if needed
return

Se volete usare uno shortcut diverso da Win+spazio, sarà necessario cambiare la prima riga:

#space:: ; Change shortcut if needed

con quello che vi piace di più (CTRL spazio, andando ad intuito, è ^space :-) ), comunque lasciate un commento che al limite cerco nella documentazione di Autohotkey la codifica corretta. Se il vostro Firefox non è installato nella cartella %ProgramFiles% (C:\Programmi nella versione italiana di Windows) dovete modificare il percorso mettendo il path di fireffox.exe. Se non volete tenere in esecuzione Autohotkey, potete compilare lo script ed ottenere un file eseguibile che funzionerà con le nuove specifiche.

Link di approfondimento:

Technorati Tags: , , , ,

Convertire un bookmarklet in un Ubiquity command (video)

Dopo quasi un mese di assenza dal blog, ricomincio da dove avevo lasciato. Nell’ultimo mese ho seguito poco sia il blog, sia il web in generale e mi sono accorto che veramente chi si ferma un po’ poi si ritrova con un saqcco di novità e non sa come fare per rimanere al passo coi tempi :-)

Seguendo comunque i feed dei vari blog non mi sono perso proprio tutto. In particolare, anche se non ho più seguito il newsgroup di Ubiquity , ho comunque continuato a leggere i blog dei vari sviluppatori e ho letto dei moltissimi progressi fatti dall’estensione.

Uno dei passi avanti più interessanti fatti dall’estensione è la capacità di trasformare in modo davvero semplice un bookmarklet in un Ubiquity command. Anche se non ho ancora testato la cosa, sembra davvero abbastanza semplice. Ecco il video tutorial di Aza Raskin a riguardo:


Ubiquity Tutorial: Turning a Bookmarklet into a Command from Aza Raskin on Vimeo.

(non c’è un sito di social video che dia del codice valido per embeddare il video :-( )

Semplice no ?

Sarà quindi possibile aggiungere come comandi (con poco lavoro aggiuntivo) qualunque bookmarklet si trovi in giro e accedervi in modo intuitivo grazie ad Ubiquity.

Insomma, potrete aggiungere tutti i bookmarklet che vi pare (e molte estensioni per Firefox altro non sono che bookmarklet modificati), senza dover intasare la barra dei segnalibri o dovervi ricordare centinaia di keyword: iniziando a digitare il comando verrà suggerito da Ubiquity stessa.

Fonte: Blog di Aza Raskin

Technorati Tags: , ,

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

(7)

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: , , , ,

Ubiquity, commandline power applicato a Firefox

Chi conosce Enso apprezzerà sicuramente Ubiquity, che altro non è che Enso applicato a Firefox :-) , , in altre parole un metodo di unire la potenza della riga di comando nelle applicazioni ad interfaccia grafica, nello specifico Firefox. L’estensione è stata presentata nell’incontro che si è tenuto venerdì 11 luglio a Roma dal suo geniale creatore: Aza Raskin, ora è disponibile per tutti coloro che vogliano provarla :-) . Badate bene che questa deve essere considerata una versione alpha, quindi non aspettatevi che tutto funzioni !

Installazione

Esistono due modi per installare l’estensione, il primo è quello indicato nel file README e necessita sia presente Python sul proprio computer. Da riga dei comandi (con PATH e posizione corretti):

C:\Programmi\ubiquity>python manage.py install

Se tutto va a buon fine l’estensione verrà installata nel profilo di Firefox attualmente in uso. (consiglio di farlo a Firefox chiuso).

Il secondo metodo è quello di creare un file XPI della sottocartella ubiquity (quella in cui trovate il file chrome.manifest) e procedere alla sua installazione nel modo classico. Supponendo che il file ubiquity_xxx sia stato scaricato sul Desktop, con questa serie di comandi ci dovreste riuscire: (nel PATH ci deve essere la cartella di 7-zip e Firefox, ovviamente)

C:\Desktop> 7z x ubiquity_xxx.zip
C:\Desktop> cd ubiquity_xxx\ubiquity
C:\Desktop\ubiquity_xxx\ubiquity\> 7z a -tzip ubiquity.xpi
C:\Desktop\ubiquity_xxx\ubiquity\> firefox ubiquity.xpi

Sembra complicato ma non lo è, è più complicato da scrivere che da fare, assicuro che ci ho messo meno a creare il file XPI che non a scrivere la procedura :-P .Traducendo: decomprimete l’archivio e ricomprimete la sola cartella ubiquity in un file ZIP, quindi installatelo come se fosse un’estensione. Il motivo per cui non allego il file è che il progetto è in fervente attività ed i file relativi all’estensione sono aggiornati giornalmente, quindi la mia versione potrebbe già essere vecchia e non riportare le nuove modifiche (io l’ho installata due volte finora).

Primi passi con Ubiquity

Se volete potete effettuare il test preliminare per verificare che Ubiquity sia stata installata e funzioni correttamente. Al momento vengono eseguiti con successo 10 test su 11, nonostante uno venga fallito l’estensione è comunque usabile.

Eseguito il test, il punto di partenza è la pagina di help in cui si trovano i collegamenti alla lista dei comandi e all’editor interno di ubiquity. L’help viene raggiunto digitando about:ubiquity nella barra degli indirizzi e dando invio (like about:config).

pagina di aiuto raggiungibile digitando about:ubiquity

Data una rapida occhiata ai comandi vediamo di fare qualche prova del funzionamento di ubiquity (a me non tutti i comandi funzionano correttamente, ma per la release sono sicuro che non ci saranno problemi :-) ).

1+1+2+3+5+8+13+21
Questa frase è in italiano, o no ?

Selezionare la prima riga (in Firefox 3 basta fare triplo clic), premere CTRL-Spazio (ALT-Spazio su Mac) e digitare calculate e dare invio.

Comando calculate in ubiquity

Ora date un’occhiata al testo che era stato selezionato. Se volete finire la sequenza di Fibonacci, selezionate gli ultimi due numeri e ripetete la procedura. Ora selezionate la seconda riga e digitate translate to english nella barra dei comandi di Ubiquity (CTRL-spazio).

comando translate to english in ubiquity

Perfetto, ora guardate la riga che era stata selezionata :-) . Ultimo esempio, se avete FoxyTunes installata – e c’è chi l’ha installata per la prima volta solo per questo :-P – digitate play song in Ubiquity e ammirate il risultato.

Comando play song in Ubiquity

Un passo avanti

Vediamo (very simple code) come creare un comando personalizzato da usare in Ubiquity. Premere CTRL-Spazio ed eseguite il comando editor. Ora inserite il codice riportato qui di seguito nel box di testo che appare:

function decrautize(expr) {
    expr=expr.replace(/\bnn\b/g,"non");
    expr=expr.replace(/\bcm\b/g,"come");
    expr=expr.replace(/\bsn\b/g,"sono");
    expr=expr.replace(/qst/g,"questo");
    expr=expr.replace(/cmq/g,"comunque");
    expr=expr.replace(/grz/g,"grazie");
    expr=expr.replace(/\bx\b/g,"per");
    expr=expr.replace(/kk/g,"cc");
    expr=expr.replace(/k([ieèé]+)/g,"ch$1");
    expr=expr.replace(/k([aeoàù]+)/g,"c$1");
    expr=expr.replace(/xc/g,"perc");
 expr=expr.replace(/\?+/g,"?");
 expr=expr.replace(/\!+/g,"!");
      setTextSelection(expr );
    }

    function cmd_decrautize() {
      useSelectionOrPrompt("Enter expression:", decrautize);
    }

(questo vorrei renderlo disponibile anche come bookmarklet, ma al momento ho dei problemi che non riesco a risolvere)

Perfetto, ora cercatevi da qualche parte uno di quei schifosi messaggi pieni di k e x, selezionatelo e richiamate Ubiquity dando il comando decrautize. Il risultato dovrebbe essere una rozza traduzione in italiano del k-linguaggio :-P

Conclusioni

In effetti, al momento quello che si può fare con ubiquity lo si può fare benissimo indicizzando opportunamente i bookmarklet o creando bookmarklet multi parametrici (cosa che ho sempre fatto e – da quando l’ho scoperta – quella che mi ha fatto scegliere definitivamente Firefox :-) ),

immaginate però cosa potrebbe diventare questa estensione se venisse aggiunto l’autocompletamento. Con un piccolo esempio si capisce meglio :-) . Ora per tradurre una parte del testo è necessario selezionare il testo e digitare translate to english, se qualcuno dice che non è così immediata la cosa gliene dò atto, supponiamo però che venga aggiunto l’autocompletamento. Bene, con l’autocompletamento ci si può aspettare una cosa del genere: invece di digitare translate to italian , si digiterà t e si vedranno una serie di opzioni (ad esempio: translate, text, tool), si selezionerà translate e si vedrà una lista di lingue in cui tradurre il testo, insomma il comando sarà richiamabile digitando tr/it (o una cosa del genere), e soprattutto non si dovrà tenere nulla a memoria.

E’ anche auspicabile che si possa digitare tabs e selezionare (via autocompletamento) le schede aperte per poterle visualizzare (like iswitchb-tabs), o navigare fra i vari menu di Firefox (figata) potendo così togliere la barra dei menu e guadagnare una preziosa riga per la visualizzazione della pagina :-)

Nota a margine: meglio JQuery che Mootools è d’accordo anche WP :-P
Nota a margine numero 2: ricordarsi di scaricare il tema Hemingway:

Link di approfondimento:
Ubiquitous Interfaces, Ubiquitous Functionality
Link per il download di Ubiquity
Gruppo di discussione (io sul server nttp di Mozilla non lo trovo)
Mondozilla: Incontro a Roma con Aza Raskin
Mozilla Labs: The graphical keyboard user interface

Technorati Tags: , , ,