Design Multimedia » template

Un nuovo re-design per DesignMultimedia.com

Massimo Mastromarino — Mon, 04 Oct 2010 23:45:21 +0000

Rieccomi con un nuovo template! Da tempo avevo questa voglia di stravolgere un po’ e nella foga creativa questo giro ho rimesso mano anche al logo. Spero apprezziate il mio lavoro al quale ho dedicato diverse ore, ma questo nuovo tema mi ha permesso di sperimentare nuove tecniche, imparare e rimediare ad errori che commettevo in passato.

Come base ho utilizzato un tema di ElegantThemes.com (basic), l’intenzione iniziale era di cambiare qualche backgrond e colore, in realtà mi sono ritrovato a modificare notevolmente soprattutto CSS per esigenze personali, il codice di ElegantThemes è scritto molto bene ed è facile muoversi tra le righe.

Il vecchio logo di DesMM non sono riuscito a farlo sparire completamente e lo potete trovare nel footer del Blog.
Grazie a questo nuovo template metto in evidenza altri contenuti che offro tramite i Social Network. Come il mio canale su Twitter o quello di Youtube e i miei preferiti salvati su Delicious.

Font dei titoli

Alcuni font che potete vedere in queste pagina appartengono alle risorsa gratuita Google font directory, ne avevo parlato qualche tempo fa, un ottimo sistema per rompere con la monotonia dei classici standard font di internet.

Explorer non vede ancora di buon occhio questo nuovo tema, non che il precedente l’avesse mai digerito. Quando posso gli darò qualche martellata… sì anche al maledetto “Exploder 6″, garantiamo almeno la navigazione ai poveri “utonti”.
Sono andato anche leggermente oltre al limite dei 1024px di larghezza, ma la leggibilità del contenuto è garantita, in questa maniera ho guadagnato spazio per poter inserire immagini, ma sopratutto, video a 640px di larghezza (esempio).

Mi permetto di portare alla vostra attenzione qualche elemento, come l’icona twitter, il messaggio nel footer, e la pagina 404.

P.s. Mancano ancora alcuni dettagli che sistemerò nelle prossime ore.

Creare un layout grafico con Photoshop + Presentazione Go!webdesign

Massimo Mastromarino — Fri, 26 Feb 2010 16:02:50 +0000

Ecco il materiale preparato per la presentazione che ho discusso durante il Go!webdesign. Vi propongo il documento in slide che ho condiviso è la versione compresa di appunti, così da facilitare la comprensione, ed il video finale della presentazione.Le slide sono state preparate con keynote di apple, ho finalmente avuto l’opportunità di mettere in pratica questo spettacolare software per creare presentazioni. Utilizzare keynote ha sicuramente facilitato alla creazione del documento.

Video tutorial su come creare un layout grafico con Photoshop

Come anticipato nel precedente articolo, non sono riuscito a concludere il mio intervento per questioni tempistiche, e non ho potuto mostrare il video finale. Ed il video l’ho postato su youtube.

Nel video vengono mostrate circa 6 ore di lavoro effettivo su Photoshop, naturalmente velocizzate e portate ad una ventina di minuti. Il template grafico prende come esempio un ipotetico sito di un servizio “call center”. Lo stesso template, è stato ripreso modificato secondo le esigenze e verrà reso disponibile tra i modelli grafici a disposizione di tutti i clienti di Sitonline.

Nel video troverete riferimenti a due siti di risorse grafiche:

Thumb-Sitemap pronta da testare

Massimo Mastromarino — Thu, 03 Dec 2009 23:18:17 +0000

In queste ultime serate mi sono dedicato alla sistemazione di alcuni dettagli mancanti alla conclusione del template wordpress di questo blog. Tra le cose fatte ho migliorato l’allineamento tra tag nella tag cloud, ed ho concluso la Tumb-Sitemap. Non so se vi era capitato di cliccare sulle icone nella top bar di questo sito fino a qualche giorno fa. Sembravano messi li “per bellezza”, ma ora sono attivi…Ora i tasti sono finalmente operativi ed offrono al visitatore una visualizzazione classica degli articoli (la homepage) o una alternativa, sfogliando tra le thumbnails (le immagini ridimensionate) degli articoli. Non potevano mancare effetti speciali jQuery. L’effetto finale fa abbastanza “caselline” del calendario del Natale, avete presente quello col cioccolatino dietro?

Per la creazione della sitemap ho preso come base i consigli di questo tutorial: pearsonified.com. Ci sono ancora alcune cose da sistemare come, inserire la paginazione e mettere un “no image” quando mancano immagini nell’articolo, ma credo sia pronta per essere provata dai visitatori.

Mi piacerebbe anche creare una versione semplificata da condividere, ora come ho fatto per replicarlo ci sarebbero troppi passaggi da spiegare. Il massimo sarebbe creare un plugin wordpress che istantaneamente crea tutta la pagina e dalla pagina impostazioni dia opzioni come dimensioni e numero di immagini… se qualcuno ci volesse provare io collaborerei volentieri.

Che ne pensate?

Ogni vostra critica o suggerimento è sempre ben accetto.