Archivio per la Categoria ‘Guide’ Category
Come personalizzare le pagine di errore del sito?
Uno dei tanti aspetti da non trascurare durante la realizzazione di un sito web, riguarda le pagine di errore. Cosa succede se un utente inserisce nell’url il nome di una pagina che non esiste? Compare la pagina standard di Apache “404 not found“.
Come vedremo tra poco, questo non è molto corretto dal punto di vista dell’usabilità.
In questo breve articolo potrai capire come personalizzare le pagine di errore del tuo sito. || Leggi altro »
Gli stili nel webdesign: le caratteristiche dello stile web 2.0
Abbiamo già analizzato due stili di (web)design: il corporate/business e il grunge; abbiamo anche realizzato due layout molto accattivanti in Photoshop, sempre seguendo i trend e le caratteristiche di questi stili. Oggi vedremo che cosa si intende con stile “web...
Gli stili nel webdesign: le caratteristiche dello stile grunge
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...
CSS3: Come implementare alcuni moduli anche su Internet Explorer?
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...
Gli stili nel web design: le caratteristiche del corporate style
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...
Script.aculo.us: tanti effetti con poco codice?
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 è...
Come realizzare un logo professionale? consigli ed esempi
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...
Web design elements: i form (le basi)
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...
Vuoi imparare jQuery ma non sai da dove iniziare? Le animazioni personalizzate
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! (altro…)
Vuoi imparare jQuery ma non sai da dove iniziare? Gli stili inline, gli effetti predefiniti
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...
Come assicurarsi di non aver commesso errori prima di lanciare il sito online?
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...
Vuoi imparare jQuery ma non sai da dove iniziare? Alternare le funzioni, le variabili, primi effetti
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! (altro…)
Come indicizzare un sito senza essere degli esperti SEO? Parte 2
La scorsa settimana abbiamo visto alcune nozioni basilari in merito alla fase d’indicizzazione del nostro sito. L’obiettivo che abbiamo intenzione di ottenere è di rendere il sito del nostro committente facilmente raggiungibile dai potenziali clienti. Proseguiamo dunque con la fase...
One-page-folio: Come realizzare un layout per il proprio portfolio?
One-page-portfolio, come si dice in inglese. In italiano, e in pratica, un sito vetrina per il proprio portfolio che si sviluppa in una sola pagina, grazie agli effetti javascript di turno. Tempo fa gironzolando per il web mi sono imbattuta...
Vuoi imparare jQuery ma non sai da dove iniziare? – Gli eventi
Nella prima lezione su jQuery abbiamo introdotto i concetti fondamentali di questo framework e realizzato un semplice esempio che aggiungeva una classe per evidenziare alcune sezioni del testo appena terminato il caricamento della pagina. Naturalmente, nel mondo reale, potresti voler...
Come indicizzare un sito senza essere degli esperti SEO? Parte 1
Negli articoli precedenti di questa guida abbiamo visto come concepire e sviluppare la realizzazione del sito che il nostro cliente ci ha affidato, il quale sembra essere molto soddisfatto del lavoro finora svolto. E adesso? Possiamo anche aver realizzato un...
Vuoi imparare jQuery ma non sai da dove iniziare?
Considerato poco più di un passatempo dalla maggior parte degli sviluppatori fino a pochi anni fa, grazie alla tecnologia Ajax, Javascript sta vivendo una seconda giovinezza. In seguito alla diffusione sempre più capillare del linguaggio c'è stato un fiorire di...
Come trasformare un psd in (x)html e css senza perderci la ragione? Parte 2
Sei pronto per "ricostruire" la seconda parte del puzzle? Nella lezione precedente abbiamo visto come realizzare in codice la struttura generale del nostro sito. Adesso continuiamo con il processo di "ricostruzione" e vediamo come mettere in codice i vari contenuti...
Come trasformare un psd in (x)html e css senza perderci la ragione? Parte 1
Il nostro compito in questa lezione sarà di dissezionare e in seguito di ricomporre il sito come in un puzzle della Clementoni, utilizzando i fogli di stile e l’(x)html. È una delle parti più appassionanti del lavoro perché ti permette...
