Il target _blank è un attributo molto comune nel codice HTML che ha lo scopo di aprire un collegamento ipertestuale, chiamato comunamente LINK in una nuova pagina del browser in uso.

Questa tecnica permette di non perdere il visitatore, obbligando l’apertura di una nuova pagina per permettere loro di visualizzare il contenuto esterno.

Non tutti sanno che il target _blank è un tag deprecato dalle regole di accessibilità W3C, quindi se lo useremo dobbiamo avere ben in mente che partiamo con qualche punto in meno a livello di accessibilità.

Leggi il seguito di questo articolo »

Oggi voglio segnalarvi un’ottima galleria informativa creata dall’amico Addy con jQuery e CSS da utilizzare liberamente per i nostri progetti web.

La galleria permette di inserire delle immagini con dimensioni standard e poi sull’evento onmouse over vengono ridimensionate grazie a jQuery scoprendo un titolo e una descrizione.

Questa tipologia di galleria può essere implementata per la visualizzazione in stile gallery dei propri lavori.

Andiamo a vedere insieme il codice principale HTML.

Leggi il seguito di questo articolo »

Oggi vedremo una semplice e utile guida per inserire contenuti HTML e filmati SWF in Adobe Flash in una pagina Facebook.

Questa guida si focalizza sull’uso dell’applicativo FBML di Facebook, puoi vedere una demo della pagina creata con contenuti HTML e un filmato SWF.

Questa breve e interessante guida è stata scritta con il supporto dall’amico Stefano che avrete conosciuto su JD riguardo le lezioni su come creare un layout per MySpace in Flash.

Vediamo insieme come inserire contenuti HTML e Flash.

Leggi il seguito di questo articolo »

Molti mi hanno richiesto come creare un banner in Adobe Flash espandibile sul contenuto, ovvero poter espandere sul rollover le dimensioni del proprio banner su una pagina web.

Con banner espandibili abbiamo la possibilità di offrire maggiore spazio ai nostri publisher e creare un advertising accativante.

In questo modo avremo la possibilità di offrire inizialmente una visibilità con determinate dimensioni, e in seguito sul passaggio con mouse ampliarla con dimensioni maggiori includendo informazioni aggiuntive.

Vediamo in dettaglio il codice da usare e i file da scaricare.

Leggi il seguito di questo articolo »

HTML5 è un linguaggio per la progettazione di pagine web attualmente in fase di definizione, che si propone come evoluzione dell’attuale HTML 4.

Attualmente HTML5 è supportato in basse percenuali da Chrome, Firefox, Opera e Safari, questo non ci deve impedire di conoscere il suo uso per tempi più maturi, in modo da essere un passo avanti agli altri e aumentare le nostre conoscenze.

Andiamo a vedere insieme la nuova struttura che caratterizza l’HTML5, articoli e guide di approfondimento.

Leggi il seguito di questo articolo »

Quanto amo quel piccolo bagarozzo, devo ammettere che Firebug ormai è diventato uno strumento essenziale durante il mio sviluppo web.

Firebug è un estensione per browser che permette il debug, la modifica e l’analisi di tutti gli aspetti legati allo sviluppo web, dai fogli di stile CSS, al codice HTML, alla struttura DOM al codice Javascript.

Firebug è più di un’analizzatore, infatti oltre a verificare errori nella pagina, abbiamo la possibilità di modificare il contenuto, aggiungere parti di codice HTML o CSS.

Leggi il seguito di questo articolo »

I Pattern sono elementi grafici che vengono spesso utilizzati a ripetizione per ottimizzare e creare sfondi per siti web.

Utilizzando queste immagini a ripetizioni abbiamo un’ottimizzazione notevole riguardo il peso e la sintassi.

Vediamo oggi come usarli tramite i fogli di stile CSS e alcuni siti in cui scaricare o generare gratis pattern.

The Design Inspirations

Leggi il seguito di questo articolo »

Recentemente un cliente mi ha commissionato la progettazione e realizzazione di un layout di un sito web per iPhone.

Oggi voglio condividere con voi alcuni consigli pratici e informazioni da sapere prima di realizzare un layout per iPhone.

Andiamo a vedere gli elementi fondamentali da conoscere e alcuni codici rapidi da implementare nelle nostre pagine web.

Il Browser

Il browser abilitato che troviamo in ogni iPhone si chiama Safari Mobile e si basa su WebKit, lo stesso motore di rendering di Safari per Mac e Windows e per altri browser.

Leggi il seguito di questo articolo »

Stylizer è un potente software gratuito per validare e modificare il codice CSS di una qualsiasi pagina web in tempo reale.

Ogni sviluppatore web ha l’esigenza di avere un monitoraggio costante sulla configurazione del proprio stile grafico associato ai fogli di stile, oltre a plugin per Firefox come Firebug possono tornare molto utili software di questo genere.

Dopo aver scaricato e installato il software, potremo aprire un qualsiasi sito web nella nostra applicazione e controllare il codice strutturale della pagina.

La colonna laterale ci permetterà di individuare le classi del foglio di stile ed effettuare modifiche e vedere in tempo reale gli aggiornamenti.

Leggi il seguito di questo articolo »

Expression Web SuperPreview è un’applicazione gratuita Microsoft che consente di testare i nostri siti in versioni multiple di Internet Explorer.

Come sanno la maggior parte di sviluppatori web, Internet Explorer può diventare un grande ostacolo per ottenere una corretta visualizzazione con il resto degli altri browser in circolazione.

Abbiamo la possibilità di visualizzare il nostro sito in IE6, IE7 o IE8 e avere a disposizione righelli, debug, zoom e navigazione complessa.

Leggi il seguito di questo articolo »