Una cosa che mi ha sempre affascinato di Javascript è l'abilità  di sintesi e la capacità  di manipolare agevolmente elementi di pagina attraverso il DOM.Ho così pensato di introdurre due piccoli "esperimenti scientifici" ovvero il teletrasporto e la clonazione. (more…)

Continua a leggere Esperimenti “scientifici” con il DOM

Categoria: Scripting

Tags: ,

Rimaniamo in tema, almeno per assonanza, rispetto al post precedente. Parliamo infatti di Google Maps.In attesa di poter sfruttare a dovere la versione italiana, se mai arriverà , possiamo iniziare a giocare con il codice appoggiandoci a quella americana. Un ottimo punto di partenza potrebbe essere questo. Peter Rukavina ha creato l'ennesima applicazione che sfrutta le API del servizio. Si tratta di Charlottetown Transit Interactive Bus Map, una mappa interattiva e aggiornata in tempo (quasi) reale che monitora il traffico degli autobus di Charlottetown.La cosa interessante è che ha reso pubblico tutto il codice dell'applicazione, un mix di PHP e Javascript che si appoggia ad un db MySQL per i dati. Da studiare.

Continua a leggere Creare un’applicazione con Google Maps

Categoria: Scripting

Le pop-under sembrano costituire l'alternativa moderna alle pop-up, dato che queste ormai non hanno storia grazie a browser e toolbar con il blocco.Chris Heilmann ha recentemente pubblicato How to create user friendly pop-under ads, un articolo molto dettagliato su come costruirle con CSS e Javascript. Nell'esempio la pubblicità  va a fondo pagina ma resta comunque visibile senza disturbare se Javascript è disabilitato. (more…)

Continua a leggere Pop-under con CSS e Javascript

Categoria: Scripting

Nella realizzazione di layout basati su CSS la fase di test è fondamentale: tipicamente si tende a inserire nelle sezioni principali del testo di riempimento (filler text in inglese) per verificare la robustezza del layout al variare della lunghezza delle colonne.Ritenendo questa operazione piuttosto noiosa, ho pensato di sviluppare un piccolo script che la può velocizzare molto: è infatti in grado di aggiungere dei link attraverso i quali potremo ottenere uno o più paragrafi di filler text, così da effettuare il testing del layout senza dover editare ogni volta il codice HTML.Ho preparato una pagina di esempio che usa lo script. (more…)

Continua a leggere Filler Text a richiesta

Categoria: Scripting

Sto lavorando ad uno script che molto probabilmente troverete nelle pagine di PRO tra breve. Un'operazione piuttosto ricorrente dello script è verificare se una stringa è contenuta all'interno di un'altra. Inizialmente il codice che ho usato era qualcosa del tipo: if(s.indexOf("stringa_da_cercare")>=0){     //fai qualcosa     } Sebbene sia un approccio semplice, trovo che sacrifichi un po' la leggibilità . Mi sono chiesto: ci sarà  un modo un po' più pulito per farlo? (more…)

Continua a leggere Prototipi in Javascript

Categoria: Scripting

Sono davvero molti i link interessanti in cui mi sono imbattuto negli ultimi tempi e ho pensato di riassumerli in questo post. Partiamo da Javascript. àˆ stato annunciato la scorsa settimana il vincitore dell'AddEvent Recording Contest. Dean Edwards, uno dei tre giudici e conosciuto a molti per lo script IE7, ha proposto... la sua soluzione. Via del.icio.us scopro Moo.fx una liberia veramente piccola ed efficace per avere effetti di transizione su opacità  e dimensioni con Javascript. Davvero un buon lavoro, e mi fa molto piacere che sia stata sviluppata da un italiano. Per quanto riguarda i CSS, avrei voluto segnalare da un po' la CSS table Gallery, come un CSS Zen Garden ma dedicato esclusivamente alle tabelle. Il numero dei lavori è in costante aumento, e ce ne sono alcuni davvero belli. Mi raccomando di visualizzare gli esempi con Opera, Mozilla o Safari dato che ci sono degli effetti molto interessanti che usano selettori non supportati da IE5.x o IE6.Ripassare o approfondire la teoria è sempre utile, soprattutto se le fonti sono scritte bene. Roger Johannson ha appena pubblicato la terza e ultima parte sui selettori CSS (qui i link alla prima e alla seconda parte). Dustin Diaz presenta una guida agli shorthands, le scorciatoie tanto preziose per scrivere CSS efficienti e leggeri.Un risorsa non recentissima ma molto utile: i Cheat Sheets. Sono da stampare e tenere a portata di mano sempre: ciascuno viene presentato in una pagina unica come immagine PNG o documento PDF. Troverete i cheat sheets su CSS, Javascript, entità  HTML e molti altri.Ben otto layout liquidi usando markup davvero minimale in One clean HTML markup, many layouts.... Anche se il CSS degli esempi è davvero conciso ed efficace, è un peccato che l'autore abbia usato il workaround display:inline-block che impedisce la validazione CSS di livello 2 (anche se è un valore lecito per la proprietà  display nei CSS 2.1) per sistemare le cose su IE. Ho la sensazione che forse si poteva evitare...Per concludere un po' di anticipazioni. CSS Beauty, il noto sito showcase, sta per lanciare il CSS Shuffle, che sarà  come CSS Zen Garden ma sotto forma di contest con dei premi: speriamo che nel markup di partenza ci sia un vero e proprio menu da personalizzare con i CSS.Scopro ora che il CSS Reboot versione autunnale conta ben 930 partecipanti che il primo novembre presenteranno i redesign dei loro siti. Una previsione scontata: mi aspetto un vero e proprio boom delle gallerie CSS la prossima settimana.

Continua a leggere Bookmark CSS e Javascript

Categoria: Web Standards

Il Javascript moderno non intacca l'accessibilità  e può contribuire a migliorare l'usabilità : l'ennesima dimostrazione è Form Help without Popups di Gez Lemon.L'autore ha trovato un modo davvero intelligente per aggiungere attraverso il DOM un help contestuale ai campi di input partendo da un markup e da una struttura molto simile alle footnotes, e che lascia le descrizioni totalmente accessibili anche nel caso Javascript sia disabilitato. Da studiare attentamente.

Continua a leggere Form più usabili con Javascript

Categoria: Scripting

Il Web Essentials 2005 tenutosi a Sidney a fine settembre è stato davvero uno degli eventi dell'anno, basta scorrere la lista dei nomi che si sono avvicendati su temi come CSS, accessibilità , Javascript.Del ricco programma ci restano note, podcast e presentazioni. Tra queste segnalo The elements of Meaningful XHTML di Tantek che tratta molto approfonditamente i fondamenti del markup semantico; la spettacolare Liquid Layouts with CSS: the joys, the pains the tears di Russ Weakley e ultimo in ordine di tempo Simply Accessible, il sito satellite di Derek Featherstone sull'accessibilità . Buona lettura!

Continua a leggere Web Essentials 05

Categoria: Web Standards

Non so a chi potrà  servire... comunque. Questo tutorial spiega come creare link da una pagina HTML a pagine specifiche di documenti PDF.Tornando a cose terra terra, qui c'è una bella lista di tip per Gmail.RSSMix è un servizio che consente di fondere fino a quattro feed in un solo. A cosa può servire? L'utilizzo ideale, IMHO, è per creare un super-feed con più fonti da proporre sul proprio sito. Tipo: Le ultime notizie da... 1,2,3,4. Non a caso sul sito trovate anche i link a 3 ottimi parser RSS in grado di trasformare l'XML in HTML. Un consiglio: se avete un server con supporto PHP affidatevi a lastRSS. Non ve ne pentirete.Su TweakGuides c'è una bella guida alla personalizzazione di Firefox con tips & tricks per tutti i gusti. Chi preferisce la via delle estensioni, può invece provare questa FasterFox.Un po' di (Java)scripting per chiudere. Su [brothercake] 3 script (cross-browser) per implementare transizioni ed effetti fade tra immagini. Da Dustin Diaz il codice JS e CSS per creare sweet titles. Dagli autori di Dojo Toolkit arriva ShrinkSafe, una comoda utility per l'ottimizzazione di Javascript complessi e pesanti. Buon week end!

Continua a leggere Bookmark – 3

Categoria: Bookmark

Flash e PHP

11 Oct

Su questo blog avevo già  fatto quattro chiacchere a proposito di AJAX, il sistema che permette di effettuare chiamate a script PHP da Javascript utilizzando XML come linguaggio comune per lo scambio dei dati. Come ho già  sottolineato, in questo periodo sto sviluppando spesso in ActionScript per via di un lavoro che richiede lo sviluppo dell'interfaccia applicativa in Flash. Bazzicando per la rete alla ricerca di sistemi per permettere lo scambio dati trasparente tra server e client (purtroppo ero ancora fermo all'utilizzo delle flashvars per scambiare informazioni!), ho trovato amfphp, un gateway opensource di flash remoting che permette, per l'appunto, lo scambio di dati tra server e client utilizzando un sistema simile a quello sfruttato dalle tecnologie AJAX. Il progetto è molto stabile ed interessante, ed apre svariate possibilità  di sviluppo migliorando la distribuzione dei carichi di lavoro. Per esempio tramite amfphp è possibile richiamare dei metodi remoti definiti in PHP, intercettarne il risultato ed operare su questo senza doversi preoccupare di come far comprendere al linguaggio lato server i parametri passati da ActionScript. Sul sito potrete trovare un sacco di informazioni interessanti, compresi alcuni esempi. Vi consiglio anche di visitare il sito di Alessandro Crugnola che supporta amfphp fin dagli albori del progetto e fornisce svariati esempi e tutorial molto interessanti sia per i neofiti che per coloro che hanno già  un po' di esperienza con le varie tecnologie cooperanti. Il sistema è molto interessante, da provare se si vuole utilizzare PHP come sistema remoto per Flash. Personalmente utilizzo una versione leggermente migliorata della shell che vi ho proposto qualche tempo fa per effettuare il test dei metodi che renderà pubblici, e devo dire che il sistema funziona a dovere.

Continua a leggere Flash e PHP

Categoria: PHP e Open Source