Archivio per la Categoria ‘Guide’ Category

Twitter Bootstrap: realizzare la dashboard di un’applicazione web

Nel corso della guida al Bootstrap di Twitter hai imparato ad utilizzare tutte le sue funzionalità: hai scoperto come realizzare un layout a griglie, come creare pulsanti e menù, come creare form e tabelle e tanto altro. Finora, però, non abbiamo mai visto come mettere in pratica tutte queste tecniche per realizzare un esempio concreto.
In questo articolo metteremo insieme tutti i concetti imparati finora per realizzare la dashboard di un’applicazione web. La potenza del Bootstrap ci consentirà di realizzare la nostra dashboard senza scrivere nemmeno una riga di codice CSS. || Leggi altro »

Introduzione a Git, Parte 2 – Quali sono le funzioni principali di Git

16_10

Nella prima puntata di “Introduzione a Git” abbiamo visto cos’è un sistema di controllo versione e perché Git è tra i sistemi più usati per la gestione di progetti a distanza e non. Nella guida abbiamo spiegato come installare e...

1 commento

Introduzione a Git – Cos’è e come installarlo

23_09_git

Prima ancora di essere un web designer sono uno sviluppatore freelance. Lavorando a molti progetti in remoto ho capito quanto sia importante utilizzare strumenti che facilitino la collaborazione online e permettano la condivisione di codice, testi e, perché no, dei...

11 commenti

Twitter Bootstrap: Come creare le interfacce delle nostre applicazioni?

bootstrap

Dopo tantissime richieste ricevute in questi mesi per continuare e completare questa guida, finalmente riprendiamo la pubblicazione delle ultime lezioni rimanenti. Dall'ultima lezione pubblicata sono cambiate un pò di cose nel Bootstrap; è stata rilasciata una nuova versione con molte...

4 commenti

Ecommerce con Magento: Struttura di base

magento

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....

6 commenti

Grafica e tipografia: font decorativi, calligrafici e dingbats

grafica

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...

14 commenti

Corso di grafica: tipografia sul web, come comunicare con i font?

grafica

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....

5 commenti

Dalla teoria alla pratica: come scegliere i colori giusti per il sito?

corso-grafica

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...

20 commenti

Guida SEO: Come Posizionarti su Google Senza Essere un Esperto?

seo

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...

40 commenti

Ecommerce con Magento: installazione e impostazioni iniziali

magento

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. (altro…)

10 commenti

Grafica web e psicologia del colore: come i colori comunicano con l’inconscio (2)

corso-grafica

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....

12 commenti

Responsive web design: compatibilità e testing

responsive

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...

8 commenti

E-commerce con Magento: introduzione

magento

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...

18 commenti

Twitter Bootstrap: come realizzare dei menu accattivanti?

twitter-menu

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ù...

4 commenti

Responsive design: come gestire layout, tipografia ed elementi multimediali?

responsive

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...

22 commenti

Twitter Bootstrap: come implementare l’uso dei pulsanti?

twitter-just

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...

8 commenti

Come progettare un layout web responsive con le media queries?

responsive

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...

31 commenti

Twitter Bootstrap: come implementare l’uso di form?

twitter-just

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...

16 commenti

Responsive Design: Lo studio del layout e la gestione dei contenuti

responsive

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...

10 commenti