Articoli e Tutorial sul web e dintorni – a cura di Salvatore Laisa
Post con tag ‘tutorial’
InDesign e il Web
7 febbraio, 2010
Quando venne presentata la Creative Suite 4 e specialmente InDesign , la prima promessa (mantenuta, ma non del tutto) che venne fatta fu che questa nuova versione, se pur sempre dedicata alla stampa e all’impaginazione, avrebbe aiutato i grafici “da stampa” a muovere i primi passi verso il web. Gran parte delle chiavi di ricerca che portano a questo sito sono prorpio di persone che cercano tutorial in italiano su come usare InDesign nel web, basti vedere il precedente tutorial su come creare un Swf sfogliabile che è stato segnalato in moltiplici siti, il che mi ha convinto a dedicare un post su questo argomento.
Sebbene i concetti dovrebbero essere comprensibili a molti, l’articolo è pensato/dedicato per chi gia conosce a livello intermedio InDesign e alcune opzioni a cui faccio riferimento sono presenti solo nella versione CS4! (continua…)
Tags: articolo, cs4, flash, indesign, tutorial
Posted in Senza categoria | No Comments »
Tutti in laboratorio!
8 gennaio, 2010
Dall’inizio del 2010 faccio parte della redazione di Mohole Labs, il sito creato dalla scuola dove lavoro con risorse e tutorial per creativi… la mia “vita” da blogger si fa sempre piu’ intensa!
In questi Labs ci saranno tutorial e non solo su vari argomenti: Web, Fotografia, 3D, Grafica ed essendo un’ e-zine curato da una piccola redazione troverete sempre più post e diverse opinioni/scuole di pensiero.
Attualmente trovate due miei post: uno sulle basi di Html e un tutorial sui pulsanti in Flash con ActionScript 3 , ma tornateci spesso perche il sito è appena nato ma lo staff lavora gia a pieno regime!
Tags: blog, comunicazioni, flash, tutorial
Posted in Senza categoria | No Comments »
Tutorial: Tempo di Natale per Illustrator
10 dicembre, 2009
In questo secondo video tutorial metteremo di nuovo le mani su Illustrator, all’inizio riutilizzeremo le conoscenze del precedente tutorial per creare una pallina natalizia con un bel riflesso come sappiamo che piacciono tanto sul web 
poi vedremo come sfruttare il pannello degli aspetti e le maschere di ritaglio, insieme ad un filtro per permetterco di rendere dei testi “normali” molto più interessanti senza dover utilizzare font particolari e sopratutto, mantenendo il testo editabile!
Quindi, non esitiamo a rendere il nostro Natale un po’ più vettoriale, aprite Illustrator e guardatevi il video tutorial!
(continua…)
Tags: graphic design, illustrator, natale, tutorial, video
Posted in Christmas Special Week - 2009 | No Comments »
Tutorial: Zucca vettoriale
26 ottobre, 2009
Apriamo questo “speciale” su Halloween con un paio di novità… innanzitutto il primo tutorial che pubblico su Illustrator, e grande novità per MoebiusMania.net arrivano i primi video! Registrati direttamente dal mio desktop, questi brevi filmati (per ora senza parlato, ma con sottofondo musicale) accompagneranno la parte testuale del tutorial in modo da rendere più “visuale” la spiegazione e sfruttare le comodità basilari dei video di poter fermare, rimandare indietro, e rivedere quante volte si vuole quella particolare azione.
Dettagli e note tecniche a parte, iniziamo con il primo tutorial di questo speciale tematico disegnando una zucca in stile Web 2.0, siccome Illustrator è un software che disegna in modo vettoriale e non raster, il prodotto finale del nostro lavoro sarà liberamente scalabile, sia aumentando che diminuendo le dimensioni (ma magari mantenendo le proporzioni ), rendendo cosi questa “Zucca 2.0″ adatta come elemento di decorazione sia per un sito/blog , sia per una cartolina da stampare.
Tags: graphic design, halloween, illustrator, tutorial, video
Posted in Halloween Graphics - 2009 | 1 Comment »
Tutorial aggiornati
28 luglio, 2009
Visto che da un po di tempo nei CSS Tips avevo inserito un file di “referenza” da scaricare, ho deciso di rendere questa cosa standard per tutti i tutorial. Nel secondo tutorial di jQuery c’era gia uno zip da scaricare, ora nel tutorial di Photoshop e il più recente di InDesign trovate scaricabili i sorgenti e in alcuni anche un demo per poter vedere prima di iniziare a leggere il tutorial che cosa si otterrà alla fine.
Tags: comunicazioni, download, tutorial
Posted in Senza categoria | No Comments »
Tutorial: riviste sfogliabili in Flash con InDesign CS4
21 luglio, 2009
In realtà questo non è proprio un tutorial, semplicemente vi mostrerò una delle funzioni più interessanti di InDesign CS4, avendo notato un notevole afflusso di visite al mio sito tramite frasi su motori di ricerca tipo “riviste sfogliabli cs4 come fare” ho deciso di venire incontro a chi ha l’esigenza di creare questo tipo di effetto.
Fino a un’anno fa per creare un Flipping Book (il termine esatto di questo effetto, tradotto “libro sfogliabile”) c’erano principalmente due casi: o acquistare un’apposito plugin per Flash o trovare qualche tutorial che spiegasse come fare , scrivendo una vagonata di codice (spesso in ActionScript 2).
Oggigiorno, fortunatamente, la Creative Suite 4 ci viene incontro! Chi dispone di InDesign CS4 o di CS4 Design Premium/Standard (che include InDesign) potrà sperimentare e sfruttare la realizzazione di Flipping Books con estrema facilità. (continua…)
Tags: cs4, flash, indesign, tutorial
Posted in Senza categoria | 15 Comments »
Tutorial – Sistemiamo il CSSTip #6 con jQuery
13 aprile, 2009
Come ha puntualizzato qualcuno (grazie Stefano!) leggendo il CSS Tip #6, può verificarsi il caso che l’elemento contenuto dall’elemento “contenitore” possa essere più alto di questo e di conseguenza ne esca al di fuori. Ovviamente dipende cosa si sta facendo, in alcuni casi si può volere di proposito che questo accada, in altri casi no.
Facendo riferimento al caso in cui questo non sia l’effetto desiderato, vi propongo un modo semplice per sistemare questa cosa con un paio di righe di jQuery. Considerando che la soluzione che vi sto per illustrare è dinamica, può tornare utile anche nel caso l’elemento contenuto non abbia sempre la stessa altezza, per esempio se al suo interno carica contenuti dinamici che cambiano di volta in volta, impedendo cosi di utilizzare un valore fisso di altezza per sistemare il tutto. (continua…)
Tags: css tip, jquery, tutorial, webdesign
Posted in Senza categoria | 3 Comments »
Galleria dinamica animata in jQuery – by nightdrops.com
31 gennaio, 2009
Se state smanettando anche voi con jQuery e volete un tutorial breve e veramente efficace su come realizzare una galleria dinamica animata, in stile slideshow, consultate il tutorial realizzato da Carlo Panzi su nightdrops.com (in inglese), per farvi un’idea del risultato finale guardate la demo.
Se invece siete nuovi al mondo di jQuery visitate la mia pagina dei tutorial e consultate “Iniziamo con jQuery”, sotto la voce javascript.
Tags: html, javascript, jquery, nightdrops, tutorial, webdesign
Posted in Senza categoria | No Comments »
Pagina “Tutorial”!
28 gennaio, 2009
Ho aggiunto ieri la pagina dei “Tutorial” tra i link nel menu, attualmente contiene solo i primi due tutorial che ho scritto e i link alla mia mini-serie “Css-tips”, ma da adesso in poi ogni nuovo tutorial o tip che pubblicherò verrà aggiunto anche in quella pagina che offrendo un raggruppamento per argomenti dovrebbe aiutarvi nella consultazione. Gli effettini che noterete muovendovi tra i link della pagina ovviamente sono tutti jQuery- driven 
. Sulle prime potrà sembrarvi un po scarna come pagina, ma appena avrò tempo aggiungerò qualche elemento grafico!
Tags: comunicazioni, jquery, sito, tutorial
Posted in Senza categoria | No Comments »
iniziamo con jQuery
26 gennaio, 2009
In questi giorni sto seguendo parecchi lavori un po contemporaneamente, e sto iniziando a rendermi conto che in meno di un paio di mesi jQuery è gia diventato uno dei miei strumenti essenziali nel realizzare pagine web interattive.
Ho chiaccherato con alcune persone che mi chiedevano perche lo reputo cosi utile, la mia risposta è stata che mi sto accorgendo di come è quasi perfettamente complementare con i CSS… unito poi al fatto che è veramente semplice! Nello scorso articoletto ho giusto accennato due cose a riguardo di jQuery, quindi ho deciso di fare un mini-tutorial introduttivo, per dimostare l’effettiva semplicità e utilità di questa libreria, con la speranza magari di rendere un po più chiaro l’argomento a chi ne ha sentito parlare ma non riesce a contestualizzarlo nella realizzazione di pagine web. (continua…)
Tags: dreamweaver, javascript, jquery, tutorial
Posted in Senza categoria | 1 Comment »