Sul web è possibile trovare delle guide rapide chiamate anche cheat sheet (fogli riassuntivi) nelle quali possiamo consultare informazioni utili focalizzate su determinati argomenti.

I ragazzi di SpyreStudios hanno stilato una raccolta di oltre 100 guide che comprendono svariati argomenti utili per progettisti e sviluppatori di grafica, tra cui CSS, HTML, Javascript, PHP, MySQL, CMS, Software e Browser.

Queste guide sono ottimizzate per una facile comprensione e consultazione sia sul web che su stampa.

La racccolta comprende guide molto interessanti, ho selezionato per voi alcune guide da non perdere:

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 »

jStackmenu è un piccolo file JavaScript + CSS che permette di trasformare una qualsiasti lista in HTML in un menu in stile Dock Mac.

Abbiamo la possibilità di provare una demo, scaricare i file sorgenti e leggere una ricca documentazione all’uso.

Tramite questo piccolo script potremo facilmente controllare l’apertura e chiusura, la direzione, la dimensione e il tempo dell’animazione.

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 »

The CSS Awards è un sito che raccoglie e premia i migliori siti web CSS di tutto il mondo realizzati dai top designer, agenzie e bloggers.

E’ possibile proporre il proprio progetto in modalità gratuita o a pagamento alla giuria e sperare di essere inseriti nella raccolta e perchè no, vincere la nomina del sito del giorno.

Il criterio di giuria è disponibile sul sito per farsi un idea sul valore che verrà assegnato al progetto.

Leggi il seguito di questo articolo »

Esistono molte gallerie di Design CSS sul web, possono servire a prendere ispirazioni per progetti o individuare come posizionare al meglio alcuni elementi grafici.

Ho selezionato per voi 20 Gallerie di Design CSS che reputo le migliori in circolazione sul web, data la loro originalità e costanza nel proporre quotidianamente ispirazioni grafiche.

1. CSS Mania

Leggi il seguito di questo articolo »

CSSelite è un interessante sito che raccoglie una vasta collezione di design CSS da cui prendere ispirazione per i nostri progetti web.

In questa raccolta potremo trovare diversi casi di design progettati unicamente con un buon uso di CSS e grafica.

Ricordiamoci che possiamo anche studiare il codice di ogni sito presente nella raccolta, con Firebug oppure con un semplice notepad ++

Leggi il seguito di questo articolo »