Archivio Autore

Free Corporate Themes per Portfolio in WordPress

Libra: un nome latino che rimanda alle stelle e al blu immenso dell’universo. E non è un caso che il menu e l’header di questo tema siano inequivocabilmente caratterizzati dal colore dell’infinito. Una scelta simbolica molto precisa, che tuttavia non nasce dall’immediatezza di un pensiero, ma piuttosto dal ragionamento progettuale dei nostri designer.

L’intento di partenza era quello di lavorare su un concetto di purezza, di introspezione, ma anche di sensibilità e di calma. E come sempre avviene nella rappresentazione grafica di un’idea, le bozze subiscono vari passaggi che si sovrascrivono ripetutamente, generando nuove intuizioni, nuove deduzioni, nuovi modi di interpretare l’estetica di un messaggio, che in questo caso ha mantenuto il suo scopo originario: esaltare l’intelligenza e la saggezza. || Leggi altro »

CSS Transition e Transform: come posso utilizzarle?

Nei precedenti articoli abbiamo visto le basi delle CSS Transforms e Transition. Ma come utilizzare questi strumenti? Quali possono essere i possibili campi applicativi? Oggi ti mostrerò tre esempi che sfruttano queste proprietà. (altro…)

7 commenti

Come creare animazioni con le CSS Transitions?

Nell'articolo precedente abbiamo parlato dei CSS3 Transforms, come modo per modificare gli elementi della pagina. Oggi facciamo il primo passo verso la realizzazione di animazioni con CSS3 studiando il primo dei moduli che consentono di animare gli elementi: le CSS...

13 commenti

Stendhal, un template WordPress pulito, responsive e…GRATIS!

La passione per il design pulito e il senso del bello insito nel concept di questo progetto fanno capire che il tema che ti proponiamo oggi non poteva essere chiamato diversamente. Stendhal è il nome di uno scrittore francese notoriamente...

25 commenti

Pillola CSS: come trasformare gli elementi con CSS3?

Fino a pochi anni fa l'unico modo per aggiungere delle piccole animazioni ai vari elementi di un sito web era quello di utilizzare JavaScript. Con l'introduzione di CSS3 le possibilità sono aumentate, permettendoci di applicare semplici effetti senza utilizzare un...

8 commenti

Come rendere trasparenti gli elementi con CSS3?

La gestione della trasparenza è stata sempre una delle operazioni più noiose del web design, dato che non c'era un modo effettivo di applicarla agli elementi di un sito se non tramite immagini preparate ad hoc (filtri proprietari esclusi). Le...

14 commenti

Custom Post Type: come personalizzare il pannello di amministrazione?

Prosegue il nostro viaggio alla scoperta dei Custom Post Type di Wordpress: in questa lezione vedremo come personalizzare il pannello di amministrazione ed in particolare l'elenco dei post. Questa tecnica, unita a quelle esaminate nel precedente articolo, ci permetterà di...

31 commenti

Custom Post Type: come migliorare l’esperienza utente?

Nel precedente articolo abbiamo introdotto i Custom Post Type (CPT): abbiamo visto cosa sono e come generarli. In questo articolo vedremo come adattare perfettamente il nostro Custom Type all'interno di Wordpress, così da farlo sembrare un elemento predefinito, come i...

55 commenti

Custom Post Type: come strutturare al meglio i nostri contenuti?

Grazie all'introduzione dei Custom Post Type in Wordpress 2.9, il nostro motore di blogging preferito ha fatto l'ultimo passo che lo separava dal diventare un vero e proprio CMS. In questa serie di articoli vedremo come sfruttare le potenzialità di...

35 commenti

Vuoi imparare jQuery ma non sai da dove iniziare? – Le dimensioni

Vuoi imparare jQuery ma non sai da dove iniziare? – Le dimensioni

Una parte fondamentale per la gestione e la creazione delle interfacce utente di un sito o di un'applicazione web è la conoscenza di come manipolare le dimensioni e la posizione dei vari elementi presenti nella pagina. jQuery fornisce un'interfaccia semplice...

13 commenti

Pillole CSS: come modificare la resa visiva del testo con la proprietà white-space?

Pillole CSS: come modificare la resa visiva del testo con la proprietà white-space?

Uno degli aspetti meno conosciuti dei CSS è quello relativo alla gestione degli spazi bianchi all'interno di un testo. Spesso infatti si ha la necessità di avere un controllo sulla formattazione del testo maggiore rispetto a quella predefinita effettuata dal...

10 commenti

Come utilizzare le espressioni regolari in JavaScript?

Come utilizzare le espressioni regolari in JavaScript?

Dopo aver esaminato le basi teoriche e la sintassi delle espressioni regolari, è importante sapere come utilizzare queste conoscenze in ambito produttivo. Infatti, sebbene le regole siano comuni, ogni linguaggio di programmazione utilizza delle routine proprie: in questo articolo presenteremo...

5 commenti

Espressioni Regolari: i costrutti avanzati

La "cattiva" fama delle espressioni regolari è dovuta in larga parte alla sintassi oscura: esistono molte regole e abbreviazioni, alcuni simboli assumono un significato diverso a seconda della loro posizione, certi costrutti sembrano incompleti, mentre sono correttamente funzionanti. Nella precedente...

8 commenti

Espressioni regolari: Cosa sono e come iniziare?

Tra tutti i potenti strumenti messi a disposizione di un programmatore, le espressioni regolari occupano sicuramente un posto di rilievo. La loro flessibilità sia nel campo della ricerca che in quello della validazione di stringhe e dati le rende un...

21 commenti

Da Psd a Xhtml: come trasformare il layout in XHTML+CSS?

Da Psd a Xhtml: come trasformare il layout in XHTML+CSS?

Nella prima parte di questo articolo abbiamo visto come esportare, utilizzando lo strumento "sezioni" di Photoshop, i vari componenti del nostro layout "YIW Corporate". Oggi ti "sporcherai le mani" con il codice: vedremo come realizzare il markup per tale layout,...

17 commenti

Da Psd a Xhtml: come sezionare un layout con Photoshop?

Una delle attività più frequenti quando si lavora sul web è l'esportazione di un layout da un'immagine a codice XHTML+CSS. Purtroppo (e per fortuna) non esistono ancora strumenti validi per automatizzare questo compito, per cui tutto si rifà all'abilità ed...

27 commenti

Pillole CSS: che cos’è il box model e come sfruttarlo per i nostri layout?

Negli ultimi due articoli abbiamo visto come strutturare un layout fisso a due e tre colonne utilizzando i float opposti, e abbiamo costruito una piccola pagina di esempio. Il risultato era accettabile, ma risultava un po' troppo "attaccato": ogni elemento...

16 commenti

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

15 commenti

Pillole CSS: come realizzare un layout fisso a due colonne?

Con l'introduzione dei framework CSS come 960gs, o Blueprint, realizzare layout con CSS è diventato davvero semplice. L'unica pecca che affligge questi framework è anche il loro punto di forza: nascondere le implementazioni all'utente, permettendo di realizzare layout complessi utilizzando...

14 commenti

L'autore

Appassionato di web design, si diletta a creare dei layout (X)HTML+CSS. È un maniaco del codice pulito e ordinato, il tipo di persona che vi ritrovate in casa a raddrizzarvi i quadri appesi alla parete. Ha deciso che diventerà un web designer con la “doppia vvu” maiuscola, e trascorre intere nottate sveglio per realizzare il suo sogno.

Sito web dell'autore