Dopo aver analizzato le caratteristiche dello stile corporate e aver disegnato il nostro layout in Photoshop, oggi ci occuperemo di uno stile che da tempo è ormai una vera e propria tendenza: il Grunge. Ormai è relativamente semplice riconoscere un sito dal design grunge, ma non tutti sanno quali sono le caratteristiche e i dettagli che rendono questo stile così accattivante: vediamoli insieme! (continua…)
Nello scorso articolo abbiamo avuto modo di approfondire un modulo CSS avanzato come il @font-face che, tra le varie caratteristiche positive, aveva soprattutto la piena compatibilità con Internet Explorer. @font-face però è un modulo del CSS 2.1. Come si comporta Internet Explorer con i CSS3? (continua…)
E’ cosa nota a tutti i designer l’esistenza di determinati stili di design a cui è possibile attenersi o prendere spunto durante la stesura di un qualsiasi progetto grafico: che si tratti di una brochure, un manifesto pubblicitario o di un sito web, poco importa. Palette dei colori, scelta delle immagini, tipografia, background, elementi grafici…ogni stile ha le sue sfumature, le sue regole e le relative potenzialità. Il minimal permette di focalizzare i contenuti con semplicità ed eleganza, il grunge è più adatto ad un pubblico giovanile e fuori dagli schemi e così via, per ogni progetto è possibile indicare uno stile a cui è possibile aderire e, viceversa, un altro assolutamente da evitare.
Dopo questa premessa inauguro quindi una serie di articoli improntata sugli stili del (web)design, in cui analizzeremo le principali caratteristiche di ogni stile e, sulla base di queste, progetteremo e realizzeremo insieme, passo dopo passo, un layout in Photoshop ogni volta diverso. (continua…)
Le librerie javascript sembrano essere la moda del momento: da Script.aculo.us a jQuery, da Mootools a Prototype, sempre più siti sono pieni di effetti (più o meno utili) che danno un senso di dinamicità alle proprie pagine web.
Un punto di forza di queste librerie è da ricercarsi nella loro semplicità; puoi ottenere grandi risultati con davvero poche righe di codice: questo è il caso di Script.aculo.us. (continua…)
Tempo fa ho pubblicato una guida base alla realizzazione di un logo, dove ti mostravo gli step principali da seguire per la progettazione grafica di un logo. Era ovviamente un articolo che toccava solo superficialmente l’argomento: realizzare un logo professionale è un lavoro complesso che deve la sua riuscita a centinaia di fattori difficilmente riassumibili in un post.
Oggi voglio cominciare ad ampliare quella guida dandoti qualche suggerimento che penso possa esserti utile. Per farlo mi aiuterò con un esempio: il nostro cliente di oggi è il titolare di un vivaio chiamato “Fiore Blu” che ci ha commissionato la realizzazione del logo della sua attività. (continua…)
I form sono l’anima di Internet. Senza questi elementi, il Web così come lo conosciamo oggi non esisterebbe. Pensa ai siti di ecommerce,ai pannelli di amministrazione, social network, blog (e relativi commenti), senza form. Ma, come capita spesso, le cose più importanti, sono spesso relegate ad un aspetto di secondo piano. E così spesso la struttura, il design visuale e tutte le questioni legate ai form vengono realizzate in poco tempo, alla fine del progettazione del sito. Con questa serie di articoli studieremo più a fondo le potenzialità e i limiti di questi elementi: questa settimana parleremo dei vari componenti di un form. (continua…)
Nella scorsa lezione abbiamo dato un’occhiata veloce alle principali animazioni predefinite presenti in jQuery. Ma come fare ad applicare delle animazioni personalizzate? Oggi scoprirai come fare: iniziamo! (continua…)
Nell’ultima lezione abbiamo modificato ulteriormente il nostro interruttore, dotandolo di un unico link per accendere e spegnere la lampadina, e abbiamo visto come applicare un semplice effetto, attraverso l’opportuna aggiunta di una classe all’elemento interessato. Ma è davvero necessario prevedere una classe CSS per ogni tipo di animazione che intendiamo realizzare? (continua…)
Ed eccoci giunti all’ultimo appuntamnto di questa guida dedicata alla realizzazione di un sito internet. Siamo partiti dal primo incontro con il cliente e, passo dopo passo, ti abbiamo accompagnato fino al completamento dell’intero progetto.
Ma siamo proprio sicuri di aver finito il lavoro? Siamo stati davvero attenti a tutto? Scopriamolo insieme in quest’ultima lezione. (continua…)
Nell’articolo della settimana scorsa avevamo realizzato un semplice interruttore per lampadina. In questa lezione procederemo all’ottimizzazione ed al miglioramento di questo esempio, illustrando nuove funzionalità del framework jQuery.
Procediamo quindi senza indugi! (continua…)
