Archivio per la Categoria ‘Tutorial’ Category
Come disegnare un layout in stile web 2.0? tutorial e psd
Dopo aver analizzato le caratteristiche e i trend dello stile web 2.0, oggi disegneremo il terzo layout di questa rubrica. Dopo il corporate e il grunge, oggi tocca ad un layout web 2.0 per una pagina web che offre software per applicativi mobili. Questa settimana il nostro cliente e’, manco a dirlo, Your Inspiration Web 2.0.
Sei pronto? Cominciamo a disegnare il nostro layout in Photoshop. || Leggi altro »
Come realizzare un template Joomla? (prima parte)
In questo articolo getteremo le basi per comprendere le tecniche necessarie alla realizzazione di un template per joomla, il celebre CMS. Hai già provato ma ti sei subito scoraggiato? Curiosando nelle cartelle non sei riuscito a capirci nulla? Pensi che...
Vuoi utilizzare JSON ma non sai da dove iniziare?
Con il passare del tempo, e l'aumento inarrestabile delle cosidette web application 2.0, si vede ormai AJAX sempre più utilizzato come tecnologia di sviluppo per lo scambio di dati in maniera asincrona. A tale proposito, è diventato necessario un linguaggio...
Pillola CSS: come realizzare un layout fisso a tre colonne?
Nella pillola della scorsa settimana abbiamo visto come realizzare un layout fisso a due colonne. Sono sempre più diffusi però - complice l'aumento esponenziale della risoluzione dei monitor - i layout a tre colonne. Come fare dunque per aggiungere un'ulteriore...
Come realizzare un layout in stile grunge?
Qualche articolo fa abbiamo visto quali sono le caratteristiche e i trend dello stile grunge; oggi realizzeremo, passo dopo passo, un layout accattivante nello stesso stile. Scegliamo perciò un cliente fittizio, che chiameremo (evviva la fantasia) Your Inspiration Grunge e...
Come realizzare un sito in stile corporate/business?
Lunedì scorso abbiamo inaugurato la nuova rubrica dedicata all’analisi dei diversi stili del web design spiegando che cos’e il “corporate/business” style e quali sono i tratti caratteristici di questo stile. Come premesso [e promesso] oggi disegneremo un layout in Photoshop...
jQuery, come creare un plugin per validare i nostri form?
Nel mio ultimo articolo abbiamo gettato le basi per la creazione di plugins per il noto framework JavaScript "jQuery". Ora utilizzeremo queste basi per creare un plugin che potrebbe farci risparmiare del prezioso tempo: Un validatore di Form. Inizieremo dalla...
Come utilizzare font non standard su un sito web?
Ogni nuova scoperta nell'ambito del web design, già dalla sua nascita deve confrontarsi con un ostacolo spesso duro da sormontare: la compatibilità con Internet Explorer. Emblematici sono gli esempi di ombreggiature, o angoli arrotondati: sono facilmente ottenibili tramite moduli del...
Come ripulire il database del nostro blog dal materiale inutile?
L’articolo di oggi non sarà particolarmente prolisso perché bastano davvero poche operazioni per ottimizzare e velocizzare al meglio il nostro blog. Se gestisci un blog utilizzando la piattaforma WordPress sicuramente ti sarai accorto anche tu che con il passare del...
Come installare Apache, PHP e MySql senza perderci la testa?
Una volta scelto l'editor giusto per le nostre esigenze, dobbiamo preparare il nostro ambiente di sviluppo. Gli strumenti essenziali per la programmazione di applicazioni e siti web sono: un server web, un linguaggio di programmazione e unn sistema di gestione...
CSS3: gli effetti più cool, ma che non puoi ancora implementare… o forse si?
I CSS (Cascading Style Sheet) hanno rivoluzionato il modo di approcciare alla programmazione web: non solo permettono di poter applicare al nostro sito una grafica accattivante, ma, tramite i suoi selettori, può essere oggetto di modifiche tramite javascript. Dal 1996 (anno...
jQuery: come installare e creare un plugin partendo da zero?
Uno dei punti di forza di molti frameworks javascript (nella fattispecie jQuery ) sta nella possibilità, e spesso nella facilità, di creare estensioni che possono migliorare o semplificare ulteriormente il nostro lavoro. La potenzialità dei plugin sta, a loro volta, nella...
Come rendere dinamiche alcune sezioni di un sito web per ottimizzarne la manutenzione?
L’argomento che affronterò oggi potrebbe sembrarti banale e scontato ma a volte sono proprio le cose che consideriamo più ovvie a causarci enormi perdite di tempo: sono ancora in tanti, soprattutto chi è ancora alle prime armi, a commettere questo...
Come personalizzare la pagina di login di WordPress?
Dopo aver linkato, nell’articolo dei preferiti della redazione di ottobre, una raccolta delle pagine di login di WordPress più originali e creative, ci siamo chiesti: perché non personalizzare la pagina di login di Your Inspiration Web? E, soprattutto, perché non...
Un layout semplice e professionale? Disegniamolo insieme in pochi semplici step
In questo articolo abbiamo visto alcuni siti veramente accattivanti accumunati tra di loro da uno stile semplice, pulito e minimalista. I tratti distintivi? Grafica ridotta al minimo, buona tipografia, colori quasi assenti e una spiccata predilezione per bianco, grigio, nero....
Dall’HTML al jQuery: come mostrare/nascondere dei box in una pagina web?
Prendendo spunto dalla richiesta di un lettore ho pensato di realizzare questo esempio per mostrare il processo di creazione di una sezione di un sito, dalla struttura HTML fino all'integrazione di jQuery. Vediamo quindi in questo articolo come realizzare una...
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...
Come creare un widget in WordPress 2.8?
Come avevo già accennato in questo articolo, la nuova versione di WordPress, la 2.8, ha notevolmente migliorato la gestione dei widgets. Oggi vedremo come è molto più facile generare un proprio widget personalizzato utilizzando la nuova classe messa a disposizione...
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... »