Il codice necessario e sufficiente per inviare una semplice email in formati HTML, tramite il comando mail() di PHP è:
1 2 3 4 5 6 7 | // preparo l'header per indicare il formato HTML $headers = "MIME-Version: 1.0\n". "Content-type: text/html; charset=utf-8\n". "From: Undolog.com <info@undolog.com>\n". "Bcc: Copia <g.fazioli@undolog.com>\n"; mail( "Destinatario <info@e-lementi.com>", "Oggetto della mail", "<p>Corpo della mail in <strong>HTML</strong></p>", $headers ); |
Apre – in beta – Skypemote.com, un progetto nato da un’idea mia e di Nicola (flussodigitale.com), che propone un semplice editor per realizzare simpatici disegni da “incollare” in Skype. L’editor è stato realizzato in Adobe Flash CS3 e, tempo permettendo, vorrei rilasciare anche una versione – desktop – Adobe AIR.
Se utilizzate Skype per “chattare”, con questo editor potrete stupire sicuramente i vostri interlocutori. Se trovate questo servizio utile e divertente, non dimenticate di contribuire con proposte, suggerimenti e – se volete – con qualche donazione!! 
Seguite il progetto perchè ci saranno prossimamente altre “simpatiche” novità.
OpenSearch è uno standard che definisce una serie di formati per la condivisione dei risultati di ricerca. Questo standard è utilizzato, ad esempio, da Social Network come Facebook, che possiedono uno proprio sistema di ricerca. Uno degli utilizzi di questo standard, per i browser che lo supportano, è la possibilità di riconoscere in automatico e quindi aggiungere, il proprio sito web o blog alla lista dei motori di ricerca presenti nel menu a tendina del browser:
Se visitate (con FireFox o Flock) il motore di ricerca Divoogle, potrete inserirlo tra i motori di ricerca presenti nel menu.
Questa operazione, tuttavia, potrebbe essere svolta manualmente selezionando “Gestione motori di ricerca…” in Firefox, ad esempio. Ma oltre ad essere un’operazione particolare, ogni utente singolarmente dovrebbe svolgere. Browser di ultima generazione, come Flock, permettono grazie allo standard OpenSearch di automatizzare questa funzione, segnalando in automatico all’utente che il sito web o blog propone un suo motore di ricerca:
Il procedimento manuale, utile per attivare questa funzione dappertutto, lo vedremo più sotto. Nel frattempo, se avete un Blog WordPress, potete installare questo semplice Plugin (wp-abs.zip) che svolge tutto il lavoro per voi. Una volta installato e attivato non dovrete configurare nulla! Caricando il vostro Blog WordPress su Firefox o Flock, troverete magicamente il vostro Blog elencato nel menu a tendina dei motori di ricerca.
Per il sorgente fate riferimento qui.
Per chi volesse svolgere l’installazione dello standard OpenSearch in modo manuale può seguire il semplice tutorial di esempio esposto qui sotto e/o fare riferimento alla documentazione presente sul sito OpenSearch.
Per segnalare la presenza di un motore di ricerca al browser è sufficiente creare un file XML sul nostro sito o Blog. Eccone ad esempio il file opensearch_desc.xml di undolog.com:
1 2 3 4 5 6 7 8 9 | <?xml version="1.0"?> <OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/" xmlns:moz="http://www.mozilla.org/2006/browser/search/"> <ShortName>Undolog</ShortName> <Description>Open Search Undolog.com</Description> <Image height="16" width="16" type="image/x-icon">http://www.undolog.com/favicon.ico</Image> <Url type="text/html" method="get" template="http://www.undolog.com/?s={searchTerms}"/> <moz:SearchForm>http://www.undolog.com/</moz:SearchForm> </OpenSearchDescription> |
Come potete vedere il suo formato è abbastanza semplice. Il punto importate è la riga 7:
1 2 3 | ... <Url type="text/html" method="get" template="http://www.undolog.com/?s={searchTerms}"/> ... |
Questa indica al browser dove e come effettuare la ricerca. Normalmente, come in questo caso, WordPress usa lo standard:
1 | http://mioblog.com/?s=stringa da cercare |
Tuttavia a seconda delle esigenza, come ho fatto per Divoogle, questa parte di codice può variare. Una volta creato questo file è sufficiente inserire un tag link all’interno della sezione head della nostra home page:
1 2 | <!-- opensearch --> <link rel="search" type="application/opensearchdescription+xml" href="http://www.undolog.com/opensearch_desc.xml" title="Undolog" /> |
Tramite l’attributo rel="search", questo link segnalerà al browser (che lo supporta) dove recuperare tutte le informazioni per aggiungere il motore di ricerca.
La classe USimpleTabStrip, presentata in Unobtrusive Simple TabStrip, può essere utilizzata anche per realizzare un semplice menu Accordion.
Utilizzando gli effetti di BlindUp() e BlindDown() offerti da Scriptaculous:
1 2 3 4 5 6 7 8 9 10 | function init(){ uts = new USimpleTabStrip(); uts.Init(); uts.onShow = function(e) { new Effect.BlindDown(e); } uts.onHide = function(e) { new Effect.BlindUp(e); } } |
E riposizionando gli elementi HTML (sorgente HTML):
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <div class="accordion"> <a href="#acc1">Accordion 1</a> <a name="acc1"></a> <div> <h1>Content #1</h1> <p>Bla bla bla....</p> </div> <a href="#acc2">Accordion 2</a> <a name="acc2"></a> <div> <h1>Content #2</h1> <p>Bla bla bla....</p> </div> <a href="#acc3">Accordion 3</a> <a name="acc3"></a> <div> <h1>Content #3</h1> <p>Bla bla bla....</p> </div> </div> |
Si ottiene un semplice menu Accordion che può essere utilizzato in modo estremamente rapido.
Se c’è una cosa che Mozilla sa fare bene sono i browser!
Flock è un browser con tutta una serie di funzioni per i social network e i blog. Disponibile per Mac, Linux e Windows propone una nuova esperienza di navigazione a chi, come me, possiede diversi account nei social network (FaceBook, Twitter, YouTube, … ) e vuole anche gestire i Feed RSS in modo armonico e rapido.
Se avete FireFox (che non dovete disinstallare) tutte le vostre impostazioni possono essere trasferite in Flock durante il primo utilizzo: cookie, password, preferiti, tutto insomma. Dopo aver utilizzato Flock per qualche minuto, mi è venuto spontaneo rimuovere l’ottimo FeedReader, ormai inutile vista l’eccellente gestione dei Feed di Flock.
Oltre a possedere numerose caratteristiche simili a FireFox, cosa che lo rende immediatamente fruibile, Flock permette:
In Actionscript 3.0 for beginners: lesson #1 abbiamo visto i passi necessari per la creazione di un progetto in Flash CS3. Così mi è venuta l’idea di automatizzare, in qualche modo, questo processo grazie alle caratteristiche di Adobe AIR.
USimpleTabStrip è un Unobtrusive Javascript in grado di migliorare i classici link anchor (ancora) all’interno di una pagina HTML. Questo sorgente è un miglioramento della funzione presentata in Unobtrusive Tabstrip. In questa versione oltre ad allineare il codice alle release 1.6 di prototype.js è stata creata una vera e propria classe per gestire i TabStrip. La release qui presentata è molto semplice e lineare. Il suo principale lavoro risiede nell’aggiungere un evento click ai normali link anchor. Non sono inoltre presentati stili CSS, proprio per lasciare la massima libertà d’azione; tuttavia è possibile ottenere un efficace TabStrip con poche righe di codice CSS aggiuntivo; vedi Aggiungere degli stili CSS più sotto.
La classe USimpleTabStrip lavora su un HTML molto semplice, sftuttando gli anchor (<a name></a>):
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | <!-- Semplice lista di link all'interno della pagina --> <ul> <li><a href="#tbs1">Link 1</a></li> <li><a href="#tbs2">Link 2</a></li> <li><a href="#tbs3">Link 3</a></li> </ul> <!-- Blocchi/tabs --> <a name="tbs1"></a> <div> <h1>Scheda #1</h1> <p>Bla bla bla....</p> </div> <a name="tbs2"></a> <div> <h1>Scheda #2</h1> <p>Bla bla bla....</p> </div> <a name="tbs3"></a> <div> <h1>Scheda #3</h1> <p>Bla bla bla....</p> </div> |
Il tag div subito sotto l’anchor a funziona da contenitore.
Actionscript 3.0 può rappresentare un buon punto di partenza per impratichirsi, chi non è pratico di programmazione C e/o C++, di programmazione orioentata agli oggetti (OOP). Inoltre, questa serie di lezioni, saranno utili a chi proviene da altri ambienti o da precedenti versioni di Flash.
In questa prima lezione vedremo come impostare un progetto Flash CS3 generico. È bene utilizzare i progetti quando si prevede di avere a che fare con almeno più di un file. L’uso dei progetti è stato introdotto – da Macromedia – già nelle versioni precedenti alla CS3, quindi dovrebbere essere argomento noto anche a sviluppatori Actionscript 2.0.
Comunque sia con Actionscript 3.0 – come vedremo – è possibile associare un file Actionscript (.as) al documento-filmato principale, il nostro .fla per intenderci. Questa caratteristica è molto utile e rende un progetto anche minimale composto da almeno due file: il .fla e .as associato. Per questo motivo è bene “sempre” partire da un progetto, così da organizzare sin da subito i vari file (.fla, .as, …) che faranno parte del nostro “pacchetto” di sviluppo.
Inoltre, una volta acquisita la dimesticazza con la filosofia ad oggetti, instrinseca in questo tipo di linguaggio, sarà normale ritrovarsi con numerosi file, anche per progetti sostanzialmente semplici.
Leggendo l’articolo di Julius ActionScript 2 o ActionScript 3? Facciamo chiarezza! vorrei fare alcune considerazioni sull’evoluzione "inversa" di alcuni strumenti di sviluppo per chi, come me, viene dalla programmazione C/C++.
Tramite Firebug Lite è possibile utilizzare una versione semplificata della nota estensione per FireFox sui browser Microsoft Internet Exploer, Opera e Apple Safari. Firebug Lite può essere utilizzato in due modi: come chiamata Bookmark o come libreria offline
Aggiungendo questo “indirizzo speciale” Firebug Lite ai nostri bookmark (trascina il link nei preferiti) – il codice è:
1 | javascript:var%20firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.pi&&window.firebug){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug); |
Sarà possibile attivare Firebug Lite su qualsiasi sito Web e da qualsiasi browser. Questa è forse l’opzione più interessante, nonostante le funzioni siano davvero limitate.
In alternativa, se stiamo sviluppando noi un sito Web, è possibile scaricare un pacchetto Javascript ed installarlo sul nostro Web! In questo modo possiamo usare Firebug Lite anche senza una connessione Internet ed in locale.
Firebug Lite è un modo per compensare la mancanza di questa estensione per gli altri browser, tuttavia a me è risultato lento e davvero molto limitato, soprattutto nei CSS! Come si dice: meglio di niente…
Ultimi Commenti
Giovambattista Fazioli: @Nik: Sono contento! In bocca al lupo dunque!!
Nik: Lunedì ho l’esame di informatica su java, grazie mi sei stato utilissimo, il libro che ho era poco chiaro...
Marco: Ti ringrazio moltissimo, mi hai illuminato
ho risolto impostando [cc_objc] //OptionViewController.m -...
Giovambattista Fazioli: @Marco: Ti consiglio un approccio credo più corretto. Se hai eseguito il subclass del tab...
luigi: molto chiaro e semplice devo ammettere che anche scrivendo da un pà difficilmente uso delegati creati da...