Committente: capolinea.it

Cliente: Gagliardini

Lavoro: sito web istituzionale dell’azienda Gagliardini specializzata nella vendita di materiali e accessori per l’edilizia, e nuovo sito web della rivista di architettura restauro e design della provincia, Progetti Ancona.

Per entrambi si è fatto uso del CMS proprietario per semplificare la gestione, da parte del cliente, dei contenuti delle pagine (testi, immagini e allegati).

Inoltre, per il sito istituzionale è stato implementato un modulo per la gestione della newsletter: form di iscrizione (o cancellazione) per gli utenti del sito, e back-office per la gestione degli iscritti e invio delle newsletter.

Tecnologie: XHTML, PHP, MySQL, Javascript (JQuery)

Web design: capolinea.it

“BarCamp è una nonconferenza, così come solitamente intendiamo per conferenza, che nasce dal desiderio delle persone di condividere e apprendere in un ambiente aperto e libero. Il BarCamp è una non-conferenza collaborativa, dove chiunque può ’salire in cattedra’, proporre un argomento e parlarne agli altri, con lo scopo di favorire il libero pensiero, la curiosità, la divulgazione e la diffusione dei temi legati al Web.” (fonte Wikipedia)

Sabato 11 Ottobre ho avuto l’occasione di partecipare all’Academic BarCamp tenutosi all’interno della tre giorni del “Festival dei Blog - conversazioni dal basso 2008″ e organizzato da LaRiCA (Laboratorio di Ricerca Comunicazione Avanzata) e dai corsi di laurea in Scienze della Comunicazione dell’Università degli Studi di Urbino “Carlo Bo”.

Appuntamento alle 10:00 di fronte ad una lavagna bianca nella quale l’unica cosa stabilita sono le aule, gli orari degli interventi e la voglia di condividere. Infatti, solo con l’arrivo dei partecipanti il programma dell’evento inizia a delinearsi e sulla lavagna iniziano a comparire i primi post-it con le indicazioni degli argomenti che verranno trattati. Una procedura che si concluderà durante il corso della giornata.

Si è parlato di Social Media.
In particolare del fenomeno Facebook che negli ultimi mesi in Italia ha raddoppiato la sua utenza, di YouTube e dei suoi video “virali”, dell’uso dei Social Media per lo studio delle lingue, di software OpenSource per la divulgazione scientifica, editoria, e-book e tutto ciò che la discussione “informale” (sempre presente all’interno dei BarCamp) può suggerire.

Un’evento interessante che mi ha dato la possibilità di conoscere e apprezzare le competenze dei nomi noti, e meno noti, della blogosfera italiana e internazionale.

Nei prossimi mesi si terranno altri BarCamp e sicuramente è degno di nota quello che si terrà nel mese di Novembre a Roma (Rome Camp 2008), dove si parlerà di ambiente,
tecnologia e società.

Qui sotto trovate alcuni link sul BarCamp in generale e dell’evento che si è tenuto ad Urbino.

barcamp.org
http://www.barcamp.org/AcaBarCamp-it
http://www.festivaldeiblog.it/
http://conversazionidalbasso.wordpress.com/festival-dei-blog/il-festival-dei-blog-08/
http://festivaldeiblog.ilcannocchiale.tv/

Committente: capolinea.it

Cliente: ACI Farfisa

Lavoro: nuovo sito web in 4 lingue dell’azienda ACI Farfisa specializzata nella produzione di apparecchi di citofonia, videocitofonia, telefonia e videocontrollo.

Realizzazione e installazione del CMS proprietario - Content Management System - per semplificare la gestione, da parte del cliente, dei contenuti delle pagine web e del catalogo prodotti. Il CMS permette di associare ad ogni singola pagina del testo (multilingua), allegati e foto con la caratteristica di ridimensionare automaticamente le immagini per adattarle al template grafico del sito web.

Tecnologie: XHTML, PHP MySQL, Javascript (JQuery)

Web design: capolinea.it

Committente: capolinea.it

Cliente: Libribook

Lavoro: Aggiornamento del sito di e-commerce www.libribook.com specializzato nella vendita dei libri Remainders (libri nuovi venduti con il 50% di sconto).

Realizzazione di un sistema di scontistica da applicare a tutti gli acquisti, basato sul numero dei prodotti presenti nel carrello (es: prendi 6, paghi 5) e attivabile, o disattivabile, in base alle esigenze del cliente.

Tecnologie: HTML, Php, MySQL

foto di laffy4k

“Un free lance è un libero professionista in generale, indipendentemente dal settore specifico di attività.
Indica la libertà del rapporto lavorativo, connotando una indipendenza particolarmente utile in certe professioni in cui è necessario essere ‘al di sopra delle parti‘. [..]” da wikipedia

Prima dell’estate avevo annunciato alcune future novità e così è stato: dopo un annetto di analisi, valutazioni, dubbi e tutto quello che può passare per la testa quando si fa questo tipo di cambiamenti, alla fine sono diventato un libero professionista, esattamente dal 1° Settembre.

Adesso mi aspetta un periodo di assestamento nel quale organizzarmi al meglio (spero che sia il più breve possibile), intanto ho approfittato dell’occasione per rinfrescare il sito web con una nuova veste grafica ed a breve aggiungerò una sezione dedicata al portfolio clienti. In futuro spero di riuscire a fare un layout personalizzato con un logo serio

In bocca al lupo a me!!!!

Alcune novità e qualche sito interessante che ho visitato nelle ultime settimane:

• nuova veste grafica del sito jquery.com
• save the developers: aggiorna il tuo browser
• nuova Canon EOS 50D
• nuova Nikon D90
• quarkbase.com per conoscere tutte le informazioni su un sito web

2) PNG TRASPARENTI (no-repeat)

Generalmente quando si vogliono realizzare delle immagini che possano adeguarsi a qualsiasi colore di sfondo, per esempio i loghi, si usano le GIF trasparenti che permettono di rendere visibile solamente il logo mentre tutto il resto può avere una trasparenza totale.
Il limite di questo formato è dato dalla possibilità di poter utilizzare solamente 256 colori e di non poter realizzare delle semi-trasparenze.

Fortunatamente esiste un altro formato che permette di superare questo problema: PNG con canale alfa. Le immagini PNG possono lavorare con una profondità di colore fino a 48bit (true color) e utilizzare il canale alfa per realizzare delle trasparenze totali o parziali.

Il formato è supportato da tutti i browser recenti ad esclusione di IE6 il quale non è in grado di gestirne la trasparenza. Per aggirare questa problematica si può utilizzare pngfix.js, una funzione realizzata in javascript, che viene applicata a tutte le png inserite nel codice html (<img src=”nomeimmagine.png” />). Io preferisco utilizzare IE PNG FIX, un file con estensione .htc che invece viene inserito direttamente nel foglio di stile come nell’esempio qui sotto:

<style type="text/css">
img {
   behavior: url("pngbehavior.htc");
}
</style>

e che funziona sia per le immagini in linea che per le PNG inserite direttamente nel CSS da utilizzare come sfondi. In questa maniera posso applicare la regola solamente al foglio di stile che realizzo per IE6 (ogni riferimento a versione di Internet Explorer precedenti la 6, non è puramente casuale: li escludo a priori ).
Questa funziona correttamente con la proprietà background-repeat: no-repeat, ma non permette di validare il CSS.

2) PNG TRASPARENTI (repeat-x, repeat-y o repeat)

In questo caso c’è poca da dire, visto che regnano diverse incompatibilità oltre che con IE6 anche con l’ultima versione, IE7. Infatti, se vogliamo utilizzare una PNG trasparente come sfondo di un div possiamo realizzare un’immagine di 1px per 1px (trasparente) e applicarla a tutto il div attraverso l’uso del background-repeat.

Solo che in IE6 le png non vengono ripetute, quindi si potrà vedere solo un unico pixel di sfondo, anche se nel CSS abbiamo inserito la regola corretta con il file .htc.

IE7 a meno che non applichiamo al div una dimensione fissa (o un min-height se vogliamo comunque far rendere il sito adattabile in altezza) si comporta in maniera anomala, creando anche più sovrapposizioni dello stesso sfondo con conseguenti problemi di visibilità dei contenuti del sito.

Se qualcuno ha trovato qualche altro caso interessante, i commenti sono ben accetti.

Ultimamente mi sono imbattuto nella realizzazione di siti web che facevano frequente uso delle trasparenze, utilizzandole per loghi, immagini o sfondi di alcune porzioni del sito. Ho potuto così approfondire meglio la questione, anche perché ho dovuto affrontare parecchi problemi di compatibilità per cercare di ottenere un sito cross browser.
Cercherò di ricapitolare le varie tipologie di trasparenza e le problematiche del caso, da utilizzare come promemoria anche per me.

1) TRASPARENZA CON I CSS

E’ possibile rendere semitrasparenti porzioni del sito, utilizzando alcune regole da inserire nel CSS. Premetto che questo metodo non permette la corretta validazione del foglio di stile perché fa uso di regole presenti nei CSS3 o proprietarie di Internet Explorer, che sono comunque compatibili con tutti i moderni browser a partire da IE6. Ecco il codice:

div.esempio {
background: #000;
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
}

Le tre regole vanno utilizzate contemporaneamente e permettono di rendere il div “esempio“, che è stato riempito con il colore nero, semi-trasparente al 70% (0% totalmente trasparente, 100% colore pieno). La prima (filter) vale per IE mentre le altre funzionano correttamente sia per Firefox (o tutti i browser che utilizzano come motore di rendering Gecko) che per Opera o Safari.

La particolarità di questi stili è che l’effetto non viene applicato solo al background del div, ma anche a tutti i suoi contenuti (immagini o testi), facendo diventare tutto semi-trasparente.

Per aggirare questo problema di solito realizzo un div vuoto a cui applicare il colore di sfondo con l’effetto trasparenza, per poi posizionarlo (tramite z-index) al di sotto del div che contiene le informazioni.

Il limite di questa soluzione è che obbliga a lavorare con dei div di dimensione predeterminata con posizionamenti assoluti, visto che il div con la trasparenza non può adattarsi essendo privo di contenuti.

A breve pubblicherò altri due casi di effetti trasparenza, realizzati però attraverso l’uso di immagini in formato png, dove la completa compatibilità cross browser è più difficile da mantenere.

http://www.flickr.com/photos/foxit/

(ovviamente ho inserite quelle più interessanti).

La seconda:
in una recente collaborazione con ZeroGravità, ho realizzato un interessante modulo javascript in jQuery. Ora sto apportando alcune correzioni per poi renderlo disponibile sul sito ufficiale di jQuery insieme agli altri plugin (dovrò rinfrescare il mio inglese gia zoppicante).

La terza:
per questa aspetto di essere sicuro!

• www.songza.com vi permette di ricercare i brani per autore o per titolo, ascoltare direttamente il brano, vedere il video (se presente) e condividere il tutto. Si trovano anche dei brani dal vivo molto interessanti. La qualità audio è variabile.
• www.musicovery.com permette di ascoltare i brani audio in base all’umore. Potete selezionare un range temporale, il genere e poi decidere se preferite musica “energetic”, “positive”, “calm” o “dark”.