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 »

PsdThemes è un portale in cui è possibile scaricare gratis ottimi temi PSD.

Registrandosi gratuitamente abbiamo accesso a un’area di free download in cui poter scaricare tutto cio che vogliamo.

Abbiamo la possibilità di aggiornare il nostro stato in Exlusive > 9$, per scaricare tutto cio che vogliamo, oppure Developer > 15$ per acquistare temi psd + codice xhtml.

Leggi il seguito di questo articolo »

Notable è un servzio 2.0 che permette di aggiungere note sulla grafica e sul codice di pagine web con lo scopo di condividere le opinioni tra la community.

Una volta ottenuto un invito è possibile installare l’addon per Firefox che ci permetterà di avere un pulsante con il quale “scattare una foto” alla pagina web nella quale desideriamo inserire delle note.

Una volta salvata la pagina avremo la possibilità di inserire note su tutta la pagina, selezionando le aree con precisione e non solo…

Leggi il seguito di questo articolo »

CometChat è uno degli script attualmente sul web più fedeli per la simulazione della famosa barra chat di Facebook.

Con questo script potremo inserire una barra chat sul nostro sito web e rendere ogni pagina partecipativa e di conseguenza anche aumentare il tempo medio trascorso sul nostro sito.

Abbiamo la possibilità di provare una demo visualizzare alcune caratteristiche e capire le sue grandi potenzialità.

Lo script non è gratuito, possiamo scegliere la soluzione migliore per il nostro progetto web.

Ecco altre caratteristiche interessanti:

Leggi il seguito di questo articolo »

MooFlow è un interessante sviluppo con framework MooTools del famoso Cover Flow che caratterizza casa Apple.

E’ possibile scaricare il codice sorgente o visualizzare un demo per renderci conto della sua potenzialità

Ecco alcune caratteristiche:

• Modalità Fullscreen
• Modalità Lightbox

  Leggi il seguito di questo articolo »