Archivio per la Categoria ‘Guide’ Category
Ecommerce con Magento: Struttura di base
Una delle peculiarità di Magento è la presenza di un sistema strutturale di base molto particolare: il sistema GWS, acronimo di Global, Website, Store. In questo articolo vedremo che cos’è e quali sono le potenzialità alla base di questa struttura.
Grafica e tipografia: font decorativi, calligrafici e dingbats
Nella scorsa lezione ci siamo fermati ad analizzare le differenze tra un font serif e un font sans-serif. Questa settimana parleremo di font più particolari: calligrafici, decorativi, dingbats. Questo tipo di font è utile per dare un taglio volutamente singolare...
Corso di grafica: tipografia sul web, come comunicare con i font?
La tipografia è una componente essenziale di un qualsiasi progetto grafico: più delle immagini e dei colori, la vera anima della grafica che progetteremo è data dalle parole, da ciò che tramite di esse comunichiamo, e dal loro impatto visivo....
Dalla teoria alla pratica: come scegliere i colori giusti per il sito?
Nuovo appuntamento con il corso completo di grafica web. Nelle ultime due lezioni abbiamo approfondito la teoria della psicologia del colore e abbiamo visto come le diverse tonalità possono trasmettere determinati messaggi inconsci che possiamo sfruttare a nostro vantaggio durante...
Guida SEO: Come Posizionarti su Google Senza Essere un Esperto?
Come web designer freelance hai mai pensato di poter offrire più servizi, oltre che la “sola” realizzazione di siti web? Potresti ad esempio guadagnare di più, suggerendo ai tuoi futuri clienti che vogliono un sito da te, una buona ottimizzazione...
Ecommerce con Magento: installazione e impostazioni iniziali
Nel precendente articolo abbiamo introdotto le principali funzionalità di Magento. Prima di cominciare a parlare nel dettaglio di questa piattaforma di ecommerce, vediamo innanzitutto come installarlo e le impostazioni base da specificare. (continua...)
Grafica web e psicologia del colore: come i colori comunicano con l’inconscio (2)
Nuovo appuntamento con il corso completo di grafica. La scorsa settimana abbiamo visto il significato intrinseco di alcuni colori, ma all'appello ne mancano ancora molti altri: marrone, rosa, bianco... cominciamo subito e chiudiamo questa parentesi dedicata alla psicologia del colore....
Responsive web design: compatibilità e testing
Compatibilità e browser: penso che per noi sviluppatori web questi due termini messi insieme significhino davvero tanto. Durante la fase di sviluppo scegliamo di controllare la resa visiva del sito sul nostro browser preferito (il mio è Firefox). A fine...
E-commerce con Magento: introduzione
Magento attualmente è uno dei CMS dedicati al commercio elettronico più famosi in circolazione. Rilasciato nel 2008 con licenza OpenSource dalla Varien Inc.(ora Magento Inc), ha visto una rapida crescita e una popolarità via via crescente tanto da venir acquistata...
Twitter Bootstrap: come realizzare dei menu accattivanti?
Eccoci ad un nuovo appuntamento con il Twitter Bootstrap. Abbiamo visto finora gli elementi base che lo compongono: la griglia, la tipografia, le form, le tabelle ed i pulsanti. In questa lezione scoprirai come utilizzare questi elementi per realizzare strutture più...
Responsive design: come gestire layout, tipografia ed elementi multimediali?
Nella precedente lezione, abbiamo realizzato una pagina responsive attraverso la quale abbiamo analizzato il layout e le media queries offerte dal codice CSS3. La lezione di oggi è dedicata ai contenuti: le unità di misura, la tipografia, le immagini e...
Twitter Bootstrap: come implementare l’uso dei pulsanti?
Chiudiamo questa settimana la lezione numero 3 del corso sul Twitter Bootstrap. Ci siamo lasciati la scorsa volta con gli stili e le classi messe a disposizione dalla libreria per gestire le form. Vedrai oggi, invece, come utilizzare i pulsanti...
Come progettare un layout web responsive con le media queries?
Dopo le prime due lezioni introduttive sul Responsive Web Design, oggi ci addentreremo nel codice CSS attraverso le nuove istruzioni messe a disposizione nella terza versione dei fogli di stile. In particolare vedremo come realizzare un semplice layout responsive utilizzando...
Twitter Bootstrap: come implementare l’uso di form?
Eccoci alla terza lezione del corso sul Twitter Bootstrap. Abbiamo visto finora cos'è il Twitter Bootstrap e come utilizzare il suo potentissimo grid-system all'interno dei nostri progetti. Nella lezione di oggi ti spiegherò in dettaglio gli elementi HTML base e come...
Responsive Design: Lo studio del layout e la gestione dei contenuti
Nella prima lezione abbiamo affrontato l’evoluzione del Responsive Web Design e del perché sia nato. E ci siamo resi conto che con il passare degli anni, oltre all’innovazione tecnologica e comunicativa, anche designer e sviluppatori si sono evoluti di pari...
Twitter Bootstrap: come utilizzare le griglie?
Abbiamo visto nella prima lezione cos'è Twitter Bootstrap e poi abbiamo fatto una breve panoramica di quali sono gli strumenti che questo tool ci mette a disposizione per sviluppare in maniera molto più rapida le nostre applicazioni web. In questa...
Responsive Design: come e perchè progettare siti responsive?
Il tuo sito è Responsive? I tuoi visitatori riescono ad accedere comodamente da qualunque dispositivo? La parola d’ordine è mobilità, il fornire applicazioni, soprattutto web, su qualunque dispositivo, in qualunque angolo dell’Universo. Prima di parlare, però, direttamente di Responsive Design,...
Twitter Bootstrap: come sviluppare rapidamente applicazioni web?
Le applicazioni web hanno ormai raggiunto un livello di astrazione che permette loro di essere spesso paragonate ai classici applicativi desktop. Tutte le applicazioni web hanno in comune determinati elementi come menu orizzontali, bottoni, tabs, menu dropdown, ecc. Elementi che...
Grafica web: dalla carta al web, i diversi modi di concepire la grafica
Questa settimana ha ufficialmente inizio il nostro corso completo di grafica orientato al web: una guida che ti accompagnerà passo dopo passo nella progettazione e nel design di layout di impatto, attraverso l'analisi teorica e pratica di argomenti quali colore,...
Helpful info. Fortunate me I discovered your site by chance, and I'm shocked why... »
Ciao, anche io ho problemi. - Ho aperto un nuovo sito on-line in joomla,... »
ciao! bel tema... volevo sapere le differenze tra la versione free e quella a... »
Ciao, ho acquistato la versione premium e vorrei ricreare la home page con le... »
Ho apprezzato molto questo post e anche il precedente sulla psicologia del colore. Nel... »
Ciao, ottimo articolo. Concordo su tutto, in quanto mi trovo spesso a leggere montagne... »