Grid Designer

Grid Designer è un tool semplicissimo da utilizzare che vi permette di creare lay-out complessi in termini di griglie (evitando così le vecchie tabelle).

Drawter

Drawter Beta 2 è unos trumento online costrutio in JavaScript che permette di “disegnare” il codice della vostra pagina web. Funziona bene su qualsiasi browser, e permette di identificare ogni tag come uno “strato” che voi stessi disegnate.

YAML Builder

YAML Builder è uno strumento visuale che permette di creare layout CSS basati su YAML (che un framework CSS parecchio usato). Permette di modificare le caratteristiche degli elementi di base, ma anche il layout della griglia che vorrete utilizzare, in maniera dinamica e tramite “drag & drop”.

Blueprint Grid CSS Generator

Anche questo uno strumento volto all’utilizzo di un framweork CSS, in questo caso si tratta di blueprint. Lo strumento online permette di creare un design a 8, 10, 16 o 24 colonne, generando in automatico i file necessari per il vostro sito.

Format CSS

Molto spesso una volta che modificate i vostri fogli di stile, diventeranno un po’ “disordinati”. Questo strumento permette di incollare il vostro codice e di formattarlo e ripulirlo secondo una serie di impostazioni. che darete voi stessi.

CSS Type Set

Questo strumento vi permette in maniera molto semplice di “testare” i setting per un elemento testuale, provando colori, dimensioni, font etc.

Clean CSS

Altro strumento di ottimizzazione e pulizia del vostro CSS. In pratica vi permette di comprimere il file rendendolo anche più pulito.

Typetester

Altro sito che permette di comparare diverse modalità di visualizzazione del testo, permettendovi di fare delle scelte guidate ed ottimizzate.

CSS Frame Generator

CSS Frame Generator vi permette di incollare il vostro codice XHTML, generando, in automatico, un file CSS di framework.

W3C CSS Validation Service

Ed ora l’ultimo step. Avete finalmente il vostro sito live? Controllate se tutto è a posto utilizzando il validatore di codice W3C.

photo credit: Simon Pow

Al solito ins ettimana ho dovuto risolvere un altro problema di visibilità relativo ad Internet Explorer. E sto inoltre facendo un po’ di pulizia relativamente alle immagini esistenti sui vari blog (link non corretti etc. etc.).

In settimana ho installato tre nuove plugin: LinkWithin, WP-SuperCache e WP-Greet Box.

La prima si appoggia ad un interessante servizio fornito da LinkWithin, e permette di creare una lista contestuale di articoli correlati, basata sulle indicizzazioni che fa il servizio stesso. Ha però un grosso limite nella mia installazione. Infatti, registrandovi al servizio direttamente online, potrete scaricare un file di plugin che contiene un identificativo unico all’interno del file stesso, il che non permette, nel caso di un’installazione Wordpress MU come la mia, di avere contenuti differenziati per ogni blog. Ho provato a contattare il support del servizio, proponendo la realizzazione di una pagina che permettesse di customizzare il codice a livello di opzioni, ma attendo ancora risposta…

WP-SuperCache è invece un potente sistema di cache, con la finalità di rendere più veloce il caricamento delle pagine di EcletticaMente. Sviluppato dallo stesso ideatore di Wordpress MU, è effettivamente di semplice utilizzo, e si nota la differenza in termini di caricamento delle pagine principali. C’è qualche difetto su alcune piccole features (as esempio il contatore delle visite non viene aggiornato ad ogni caricamento della pagina), ma in generale è veramente ottimo.

Infine, WP-Greet Box permette di creare un box di benvenuto o saluto per i visitatori del vostro sito, basato sul sito di provenienza, suggerendo anche, eventualmente, di iscriversi al vostro RSS o di segnalare la pagina su uno dei social network. E’ facilmente personalizzabile sia nei messaggi, che anche nell’aggiunta di siti. Ad esempio, ho personalizzato il messaggio per i lettori provenienti da Liquida, uno degli aggregatori italiani più noti ed utilizzati.

Facile l’utilizzo su piattaforma Wordpress MU, anche perché una volta customizzato il plugin su uno dei blog, è possibile esportare le impostazioni, per caricarle successivamente su uno degli altri blog, semplicemente adattandole alle necessità.

Il primo Widget riguarda, appunto, EcletticaMente, ed è mostrato qui sotto. Per provarlo

L’altro Widget riguarda invece il tumblr “EcletticheVisioni” ed è pertanto riservato ad un pubblico adulto o comunque di estimatori del corpo maschile. E’ disponibile sempre su widgetbox.

Per instalalre i due widget, segui le facili istruzioni direttamente sulle pagine di Widgetbox.

• EcletticaMente Widget
• EcletticheVisioni Widget

Al momento l’update automatico ha dato qualche problema nel funzionare. Attenderò la serata per completare l’aggiornamento.

L’update automatico ha funzionato perfettamente, ed il sistema è ora aggiornato alla nuova versione.

Il premio, rivolto unicamente a sistemi Open Source, ha visto oltre 12.000 nomination e più di 23.000 voti dal pubblico. La scelta del pubblico e della giuria sono però state sostanzialmente allineate. Oltre al premio principale, Wordpress è anche arrivato secondo nella categoria “Best PHP CMS”, segno del riconoscimento degli sviluppi sulla piattaforma intervenuti nell’ultimo anno.

Ma ecco i dettagli dei premi attribuiti.

Migliore CMS

1. Wordpress
2. MODx
3. Silverstripe

Hall of Fame

1. Drupal
2. Joomla!

CMS Maggiormente Promettenti

1. ImpressCMS
2. Pixie
3. Pligg

Miglior CMS basato su PHP

1. Drupal
2. Wordpress
3. Joomla!

Miglior CMS su altra tecnologia

1. Plone
2. dotCMS
3. mojoPortal

photo credit: Thomas Hawk

Più ancora della loro produzione digitale, è la diffusione delle foto o dei video attraverso l’ intermediazione delle applicazioni del web 2.0 che ha modificato in profondità il nostro rapporto con l’ immagine.

Analizzando la transizione tra i due modelli sopra menzionati, Gunther descrive le due fasi relative allo sviluppo delle piattaforme visuali (come flickr e compagnia). Dopo una prima fase identificata come “rivoluzione degli amatori”, la condivisione dei contenuti si è poi concentrata sull’identificazione dei diversi tipi di audience. Governati dall’idea di una contrapposizione tra media antichi e moderni, questi due modelli non paiono però descrivere in maniera efficace il meccanismo in azione oggi, che invece sembra indirizzarsi più verso una logica di complementarietà ed interazione. L’osservazione degli usi reali di queste piattaforme, come quello delle consultazioni in genere di siti enciclopedici, suggerisce che la socializzazione dei contenuti visuali ha creato un nuovo stato dell’immagine come proprietà comune¹. Oggi, conclude l’autore, il valore di un’immagine deve essere condiviso.

Alla fine degli anni Ottanta Bill Gates, cofondatore di Microsoft, intuisce che il mercato delle immagini sarà uno dei settori portanti della nuova economia digitale. All’ origine della creazione della società interattiva Home Systems, chiamata poi Corbis nel 1995, una scommessa che richiama parecchio la visione futurista che Paul Valéry diffondeva a partire dal 1928 : ” Come l’ acqua,il gas, la corrente elettrica arrivano da lontano nelle nostre case per rispondere ai nostri bisogni chiedendo una spesa relativa, così saremo alimentati da immagini visuali o auditive, che nascono e svaniscono al minimo gesto, quasi a un segno”².

Ma Bill Gates si è sbagliato su un punto. Il suo scenario si basava sulla concezione di una agenzia in grado di commercializzare le riproduzioni di archivi istituzionali esistenti. L’ immagine non è quel prodotto di alto livello fabbricato da professionisti, protetto dalle norme copyright, limitato a circuiti di distribuzione specializzati per un consumo accuratamente controllato? Ebbene, ora, dopo l’ avvento di piattaforme visuali, Flickr e Youtube in testa, la parte più viva dell’economia delle immagini si basa sull’autoproduzione, la diffusione e la consultazione diretta da parte degli utenti stessi dei contenuti multimediali.

Ed è così che si sta modificando il nostro rapporto con le immagini, che siamo oggi abituati a vedere immediatamente sul web in tutte le loro forme, non come forma sostitutiva rispetto alle modalità più classiche, ma come integrazione. Mi viene da pensare, ad esempio, al successo delle tante mostre fotografiche online, mai capaci di sostituire realmente l’esperienza di una mostra “dal vivo”, purtuttavia permettono di diffondere l’idea dell’immagine in maniera molto più ampia.

Un discorso simile lo si potrebbe fare anche per le notizie, la musica, il design stesso. Tutti ambienti dove il web non ha distrutto valore proponendosi come sostituto, ma ne ha creato, differenziandolo, proponendosi come attore di integrazione. Forse il mondo delle immagini è riuscito a fare un discorso più ampio anche grazie ad una situazione meno oppressiva rispetto al mondo della musica da parte dei vecchi detentori di copyright.

1. André Gunthert, « L’image partagée », Études photographiques, 24 | novembre 2009, [On Line], mis en ligne le 08 novembre 2009. URL : http://etudesphotographiques.revues.org/index2832.html. Consultato il 17 novembre 2009.
2. Paul Valéry “La Conquête de l’ubiquité” [1928], Œuvres,  a cura di J. Hytier,  Parigi

Ho deciso di implementare il sistema di traduzione in quanto comunque circa un 30% dei visitatori del network è straniero. Grazie a questo sistema sarà possibile per chi non è italiano tradurre in automatico i contenuti e poter così comprendere le varie informazioni contenute. Ovviamente le traduzioni automatiche hanno un livello di accuratezza non ottimale, ma è sempre comunque meglio di niente.

L’implementazione che ho fatto prevede la possibilità di scegliere come lingue di traduzione inglese, francese, tedesco, spagnolo. Il plugin in realtà permette di avere molte altre lingue, ma generalmente le traduzioni dall’italiano sono accurate solo rispetto a queste lingue (e forse qualcuna in più).

Ciao!

La novità si chiama SPDY (speedy) ovvero veloce. Si tratta di un nuovo protocollo che potrebbe andare a sostituire andrà a sostituire il vecchio HTTP mandando definitivamente in pensione uno dei pilastri del web.  SPDY sarà testato ovviamente sul browser Google Chrome in una versione speciale che si potrà scaricare da qui, per poi essere integrato anche in altri browser.

I ricercatori Google hanno testato questo nuovo protocollo su 50 dei siti più popolari sulla rete, e hanno calcolato che la velocità di caricamento delle pagine è aumentata di circa il 55% grazie alla riduzione drastica dei tempi nella comunicazione tra client e server. Oltre all’evidente vantaggio della velocità, l’utilizzo di questo nuovo protocollo permetterà anche una drastica diminuzione della congestione dei server, anche permettendo di risparmiare sull’uso della banda. Maggiori dettagli sono disponibili sulla documentazione tecnica fornita da Google.

Per mostrare la pagina di un sito moderno è necessario trasferire parecchie risorse come css, js ed immagini. Quando è stato sviluppato il protocollo HTTP non c’era questa necessità e difatti non riesce a gestire questa massa di trasferimenti nel modo migliore possibile.

SPDY utilizza una connessione singola, criptata e compressa per tutte le richieste. Le richieste, le risposte ed i dati sono inviati all’interno di frame anziché essere gestite in maniera sequenziale e questo rende possibile ottenere i file piccoli in attesa che quello più grande finisca.

Per ora non ci sono prese di posizione da parte di IETF sulla questione, ma sappiamo che l’organizzazione preferisce sempre creare una nuova versione di un protocollo compatibile con la precedente consentendo un aggiornamento senza problemi tra i due.

La proposta di Google, invece, spezzerebbe la rete in due parti: Quella che dispone del supporto e quella senza. Se, invece, SPDY fosse da intendere come un protocollo dove sperimentare nuove funzionalità per un ipotetico e compatibile all’indietro HTTP 2.0 non ci sarebbe nulla di male.

Sul web intanto ci si chiede se la nuova invenzione di Google sarà Open Source o meno, e se davvero riuscirà a migliorare l’esperienza della rete.