Non si tratta del nome di un gruppo degli anni ottanta né di un'esclamazione... AHAH (Asynchronous HTML and HTTP), è una recentissima libreria che costituisce un'ottima alternativa ad AJAX per diversi motivi.Il primo è che, basandosi su semplici inclusioni asincrone di codice HTML (sia esso proveniente da un file statico o il risultato di un'elaborazione server-side) non necessita di parsing dell'XML come avviene per AJAX. Il secondo è che si tratta di una libreria estremamente leggera: si compone infatti di due sole funzioni per un peso inferiore al kilobite. Terzo ed ultimo, ma senz'altro il più importante, è la disarmante facilità  di utilizzo. Oltre alla già  citata pagina originale su microformats.org, ho trovato questa valida introduzione (l'implementazione è leggermente diversa, ma sempre molto concisa) e questo esempio molto semplice. Se non avete ancora avuto tempo o modo di provare AJAX, AHAH potrebbe essere un buon punto di partenza.

Continua a leggere AHAH …AJAX é diventato facile!

Categoria: Scripting

Tags: , , ,

Sono diverse le segnalazioni interessanti degli ultimi tempi, ho pensato così di riassumerle qui. Cominciando con il javascript, Robert Nyman ha presentato la sua versione di getElementsByClassName, una funzione che davvero manca tra quelle pre-built nel DOM e che può venire utile in diversi casi. Sempre dello stesso autore è AJAX-S, lo slideshow basato su AJAX. Molto interessante lo script Dynamic Resolution Dependent Layouts su particleTree, in grado di modificare il layout di una pagina rispetto alla risoluzione. Senza dubbio curioso l'emulatore di terminale Unix scritto interamente in questo linguaggio di scripting. Passiamo ai CSS. Sono state pubblicate di recente due tecniche sfiziose: Create a default with special cases e Image float without text wrap. Altra news: Chris Heilmann, ideatore della CSS table gallery, ha inaugurato da poco CSS Toolshed, che è come CSS Zen Garden ma si tratta di personalizzare un'intero sito. Finalmente un vero menu e un form di contatto, due cose che davvero mancano su Zen Garden. Su PRO è stato pubblicato ieri il mio primo articolo della serie Layout Gala: merita una lettura se non l'avete ancora fatto. Rimanendo in tema di impaginazione: ho lanciato la scorsa settimana un piccolo challenge su web-graphics, decisamente un buon esercizio di CSS. Un layout simile, ma con colonna centrale in posizione fissa è stato pubblicato ieri da Andy Clarke: Changingman Layout, credo il primo con una Creative Commons. Per concludere due articoli interessanti su webstandards: Become a better standardista e Reveal your old school web development hacks. Buona lettura!

Continua a leggere Bookmark CSS e Javascript – II

Categoria: Web Standards

All'inizio, lo scorso maggio, era solamente un bug che poteva mandare in crash Explorer. Da oggi è un vero e proprio exploit che può essere sfruttato per installare codice nocivo sul sistema Windows. Il problema riguarda l'interpretazione di alcuni oggetti JavaScript da parte di Explorer e, nel proof of concept pubblicato lunedì, riesce ad avviare il calcolatore di Windows. Il proof of concept, ossia l'esempio pratico di come sfruttare la vulnerabilità , è stato pubblicato da un tale Stuart Pearson, della società  di sicurezza Computer Terrorism e replicato su varie mailing list e siti di sicurezza. àˆ ora a portata di tutti per essere incluso in siti Web.Microsoft è a conoscenza del problema e ha pubblicato una Security Advisory in cui, tra l'altro, punta l'indice contro chi diffonde gli exploit in maniera non responsabile:Microsoft is concerned that this new report of a vulnerability in Internet Explorer was not disclosed responsibly, potentially putting computer users at risk. We continue to encourage responsible disclosure of vulnerabilities. We believe the commonly accepted practice of reporting vulnerabilities directly to a vendor serves everyone's best interests. This practice helps to ensure that customers receive comprehensive, high-quality updates for security vulnerabilities without exposure to malicious attackers while the update is being developed.

Continua a leggere Uno zero-day exploit per Microsoft

Categoria: Sicurezza

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