Stai visualizzando i post con tag: Grafica

Estensioni per gestire le immagini

In questo post voglio introdurre alcune estensioni relative alla gestione delle immagini e della grafica all’interno di un sito basato sul popolare CMS Open Source Joomla!.

photo credit: Matthew Fang
HighSlide for Joomla [Creative Commons] estensione che realizza un interazione Javascript simile a Lightbox. La differenza è che con Lightbox il sito viene messo in secondo [...]

Joomla! 1.5: usare più templates nello stesso sito

Utilizzando Joomla! 1.5 è possibile assegnare allo stesso sito più templates. In questo modo è possibile avere alcune sezioni del sito che vengono visualizzate in un certo modo, mentre altre sezioni sono visualizzate in modo completamente differente.
Per realizzare questo tipo di funzionalità aprite il backend di amministrazione, quindi il menu Extensions, e selezionate il Template [...]

Programmi Mac per lo sviluppo web e dintorni

In questo post voglio introdurre un elenco di programmi per Mac Os X che utilizzo di frequente per sviluppare e progettare per il web, o per uso personale. Questa lista vuole essere una sorta di elenco di suggerimenti, che magari possa aiutarvi nel trovare un programma che ha le feature che state cercando.
Inizio ora l’elenco, [...]

PNG: bug di Adobe Fireworks?

Spesso lavorando con i PNG trasparenti ed esportandoli come GIF viene creato un alone bianco laddove entra in gioco la trasparenza. Anche settando correttamente il parametro Matte e l’Alpha Transparency. Questo viene risolto facendo una piccola modifica al file GIF, anche invisibile, che torna così perfetto come dovrebbe essere.

Tags: Adobe, Fireworks, GIF, Grafica, Immagini, PNG

Dai PNG trasparenti alle GIF, come eliminare l’alone bianco

Trasformando un’immagine da PNG a GIF con Adobe Fireworks, usando la trasparenza Alpha, essa appare contornata da un sottile alone di colore bianco. Per eliminare questo problema occorre impostare il Matte (pannello Optimize), settandolo come il colore di sfondo su cui appoggerà l’immagine, o quello che vi si avvicina maggiormente.

Tags: Adobe, Fireworks, GIF, Grafica, Immagini, [...]

Due web-tools per il web design

Generare box dagli angoli arrotondati e creare pulsanti attraenti: ecco a cosa servono i due siti che vi propongo oggi: http://www.roundedcornr.com/ pemette di creare in pochi istanti un box dagli angoli arrotondati, con tanto di immagini generate on-the-fly, CSS e XHTML di esempio.
Glassy Buttons invece crea dei pulsanti graficamente molto attraenti basandosi sui dati inseriti. [...]

Gestire i PNG trasparenti in IE 5.5 ed IE 6

Per gestire la trasparenza delle immagini PNG con Internet Explorer si veda un Javascript che si trova a questo indirizzo.
Come si usa? Molto semplicemente, infatti basta copiare il file javascript fornito in download, ed incollare nell’head delle pagine web a cui vogliamo applicarlo una direttiva condizionale per IE.

Tags: Browsers, Grafica, Internet Explorer, Javascript, PNG, Web

Video tutorial di Adobe

Su sito ufficiale di Adobe si trova una pagina dove sono raggruppati tantissimi video contenenti istruzioni per l’uso dei software Adobe.

Tags: Adobe, Dreamweaver, Grafica

Box dagli angoli arrotondati con Javascript

Curvy Corners è un semplice Javascript gratuito che permette di generare in modo automatico un box dagli angoli arrotondati attorno ad un div.
Questo è un esempio del suo funzionamento.

Tags: Grafica, Javascript, Web, Web Design

Creare bottoni senza aprire Photoshop…

Grazie a Buttonator, possiamo creare bottoni con pochi click direttamente dal browser. Il servizio gratuito lascia creare alcuni bottoni “old style”, mentre per accedere alle funzionalità avanzate occorre registrarsi (10$ al mese).
Forse conviene ancora usare un programma grafico, a meno che non dobbiamo creare centinaia di bottoni al mese

Tags: Grafica, Web, Web Design