Le specifiche che riguardano HTML5 e CSS3 sono molto complesse, comprendono nuovi elementi, attributi, proprietà e integrazioni con JavaScript, stare al passo con tutto questo, sapere cosa si può utilizzare senza problemi, cosa invece necessita di accorgimenti e cosa invece non ha ancora nessun tipo di supporto da parte dei browser sarebbe una cosa estremamente [...]

Zen coding è un plugin per IDE (editor di codici) sviluppato da Sergey Chikuyonok, che permette di scrivere markup XHTML, HTML5, XML e CSS alla velocità della luce. Questo plugin nasce nel 2009 e inizialmente poteva essere installato solamente su pochi IDE come Aptana o Espresso, ma grazie al grande successo ora è disponibile su [...]

In questo tutorial vedrai come realizzare una galleria di immagini, dove, al passaggio del mouse sopra ad ogni immagine compariranno informazioni relative all’immagine. Demo Download La struttura HTML Per iniziare ho creato un div contenitre con class .box che contiene altri due div, il primo con classe .info pensato per inserire tutte le informazioni relative [...]

Facebook ha rilasciato da poche ora il suo primo toolkit (cassetta degli strumenti) pubblico per la creazione e sviluppo di siti web, fortemente ispirato, per non dire altro, a Twitter Bootstrap rilasciato ormai un mese fà. FBootstrap, questo il nome, vi permettera di creare layout in maniera più semplice pardento da oggetti e strutture prefabbricate, [...]

Qui su FMDesignBlog e su altri blog come Your Inspiration Web è stato evidenziato come per chi vuole intraprendere la strada del web designer sia difficile trovare un indirizzo di studi che faccia esattamente al suo caso ed una delle soluzioni migliori a questo proposito rimane leggere libri relativi a questo argomento, fortunatamente in questo [...]

La tecnica sprite consiste nel raggrupare in una sola immagine un certo numero di immagini differenti l’una dall’altra con lo scopo di richiamare una porzione di questa unica immagine in base a qualche scopo. Questa tecnica ha avuto diverse applicazioni una delle prime fu l’uso in alcuni videogiochi, specialmente nei giochi di ruolo(RPG) per animare [...]

LESS CSS è un pre-processor, sviluppato da Alexis Sellier che sottofma di libreria JavaScript permette di scrivere fogli di stile in maniera più avanzata e semplice rispetto a quella tradizionale. Un pre-processor è un programma che traduce le informazioni di input in un output che a sua volta è considerato input da un’altro programma (Fonte [...]

Formee è un piccolo insieme di codici che ti potrà aiutare nello sviluppo della struttura e dell’aspetto di web form HTML che siano essi, pannelli di login, campi per lasciare commenti ad un blog, un form di login o contatti etc. la libreria è composta da due fogli di stile che contengono tutto il necessario [...]

Sviluppare siti web fluidi e responsive sono due tendenze assodate nel flusso di lavoro di un web designer, questo ha influito anche sull’impostazione delle griglie CSS che si sono adattate per fornire gli strumenti necessari a questo tipo di progettazione, se non sai cosa sono le griglie CSS e come si possono utilizzare prima di [...]

Realizzare il template di una newsletter può sembrare a prima vista qualcosa di più semplice rispetto allo sviluppo di un tamplate di un intero sito web, ed in effetti è così, a patto che si rispettino diverse regole e concetti completamente differenti rispetto a quelli con cui si approccia il design di un sito web. [...]