Psicomante Blog

DrupalCamp Torino 2010: il sito è online

psicomante — Fri, 27 Aug 2010 18:18:04 +0000

drupalcamp torino 2010: il sito è online-shot_dcamp_torino.jpg

Realizzato in collaborazione con Domenico Monaco (kiuz) per la parte di mockup/design in Photoshop e Livio Carpignano (oracle) per logo e skyline, il sito del DrupalCamp è aperto da qualche giorno è già sono più di 60 gli iscritti all'evento!

Si ringrazia Riccardo Bessone, Livio Carpignano, Marco Vito Moscaritolo, Dario Ghilardi e Claudio Beatrice per l'aiuto e i consigli che hanno dato.

La pagina Credits sul sito del Drupalcamp mostra più dettagli sulla realizzazione.

Iscrivetevi, ci troviamo il 2 Ottobre a Torino!

DrupalCamp.it - Splash Page

psicomante — Wed, 02 Jun 2010 10:27:34 +0000

drupalcamp.it - splash page-csoon3.png

Il sito drupalcamp.it si aggiorna con una splash page che ho realizzato in PhotoshopCS4, con alcune idee di H-BES. Spero vi piaccia :P.

Per quanto riguarda il prossimo DrupalCamp, gli aggiornamenti in merito non dovrebbero tardare ad arrivare, restate sintonizzati sul sito dell'Associazione Drupal Italia e Drupal Italia.

Il druplicon fiammeggiante è opera di Kiuz, realizzato in occasione del DrupalCamp 2009 tenutosi a Crema.

CSS3 Transitions sui browser moderni, parte1

psicomante — Sun, 18 Apr 2010 12:53:34 +0000

Una delle tante novità di Firefox 3.7 (oltre all'attesissimo supporto per WebGL) saranno le CSS3 Transitions.

C'è da dire che questa volta Gecko è indietro rispetto agli altri engine poiché sia Webkit (e le sue più famose implementazioni, Chrome e Safari) e Presto (o Tardi, l'engine di Opera) hanno già implementato le CSS3 Transitions come da Working Draft del W3C. Come al solito IE/Triton non fa testo, neanche nell'ultima versione, la 9 - Microsoft Wake UP!!

Vediamo la sintassi originale del W3C.

transition:  [ <transition-property> || <transition-duration> || <transition-timing-function> || <transition-delay> ]

Questa sintassi si traduce nei vari browser con i prefissi tipici delle working draft che caratterizzano alcune delle specifiche css3.

-moz-transition:
-webkit-transition:
-o-transition:

Vediamo un esempio:

<style type="text/css">
div#animate1 {
 border: 1px solid black; 
 -webkit-transition: border .5s ease;
 -moz-transition: border .5s ease;
 -o-transition: border .5s ease;
}
div#animate1:hover {
 border: 10px solid green;
}
</style>

Il bordo di questo testo cambierà durante l'hover

Cos'ho fatto in questo esempio?
Ho segnalato l'animazione del border, con la funzione ease (ottenuta tramite una curva di bezier e nello specifico la cubic-bezier(0.25, 0.1, 0.25, 1.0)), per una durata di mezzo secondo.

More Info:
http://webkit.org/blog/138/css-animation/
https://developer.mozilla.org/en/CSS/-moz-transition

Alla prossima puntata con una demo probabilmente più interessante.

Drupal Code Stats - I grafici preliminari di PureGin

psicomante — Thu, 15 Apr 2010 09:57:32 +0000

drupal code stats - i grafici preliminari di puregin-drupal_code.png

PureGin sta preparando una serie di grafici che saranno possibile oggetto di un talk al DrupalConSF.

Lo studio va ad analizzare una serie di statistiche dal punto di vista del codice; Commenti, dimensione dei file, numero di funzioni e chiamate ad esse, nonchè i diversi tipi di files in percentuale. Per ora PureGin ha analizzato Drupal (nelle release 4.6, 4.7, 5, 6 e 7) e Joomla! (ultima release).

Potete trarre le vostre conclusioni dopo aver confrontato il numero di linee di commento tra le diverse release di Drupal rispetto a Joomla :D

Drupal-Stats

jQuery and performance mini-analysis

psicomante — Tue, 06 Apr 2010 15:37:50 +0000

jquery and performance mini-analysis-3777750788_16272d18dd.jpg

Mavimo ha recentemente scritto un interessantissimo post sul suo blog riguardo alle prestazioni dei selettori jQuery. Mi è servito come spunto per analizzare la questione delle performance, importantissima soprattutto in ambienti con risorse limitate come i cellulari/pda.

Analizzando il codice inserito da Mavimo possiamo notare come la più grande differenza tra i due selettori è che il primo non utilizza i context, mentre il secondo si. In altre parole

$('#menu-container a').each(function () { /* */ });

Effettua prima il parsing della "formula" css like, poi cerca l'elemento con ID "#menu-container" in tutto il documento e infine cerca tutti i tag 'a' al suo interno.

Il secondo selettore, ovvero

$('a', '#menu-container').each(function () { /* */ });

usa il context #menu-container, ovvero cerca tutti i tag 'a' usando come contesto la funzione nativa getElementByID(), che è ovviamente più veloce.

Qui sotto altri test con la libreria jQuery 1.4.2/1.3.2 (browser: Firefox 3.6.2)

  console.time("select element nested");
  for(var i = 0; i < 10000; i++ ) {
    $('a', '#menu_container');
  };
  console.timeEnd("select element nested");

Time: 741ms/828ms

  console.time("select element w/o context");
  for(var i = 0; i < 10000; i++ ) {
    $('#menu_container a');
  };
  console.timeEnd("select element w/o context");

Time: 1362ms/1543ms

  console.time("select element cached+find");
  for(var i = 0; i < 10000; i++ ) {
    var elem = $('#menu-container');
    elem.find('a');
  };
  console.timeEnd("select element cached+find");

Time: 716ms/1044ms

  console.time("select element cached+find");
  for(var i = 0; i < 10000; i++ ) {
    $('#menu-container').find('a');
  };
  console.timeEnd("select element cached+find");

Time: 914ms/795ms

  console.time("select element cached+find");
  var elem = $('#menu-container');
  for(var i = 0; i < 10000; i++ ) {
    elem.find('a');
  };
  console.timeEnd("select element cached+find");

Time: 575ms/629ms

Il testo è stato effettuato su questa pagina (http://drupal.org/project/install_profile_api) e effettivamente non ho rilevato le grandi differenze riscontrate da mavimo tra i due metodi.

Per chiudere, il vantaggio va totalmente a perdersi nel caso si usino selettori multipli come context, anzi, cosa per me per ora inspiegabile il metodo a context è perfino più lento.

  console.time("selector1");
  for(var i = 0; i < 10000; i++ ) {
    $('a', '#menu_container #link');
  };
  console.timeEnd("selector1");

Time: 2131ms (1.3)

  
  console.time("select element w/o context");
  for(var i = 0; i < 10000; i++ ) {
    $('#menu_container #link a');
  };
  console.timeEnd("select element w/o context");

Time: 1897ms (1.3)

Photo Credits: Peter Hellberg

Views API Parte 1: come collegare il vostro modulo a Views

psicomante — Wed, 24 Mar 2010 15:15:45 +0000

Ne abbiamo viste di Viste, e le viste su Database non differiscono molto da quelle che si possono realizzare con il modulo Views, tanto famoso quanto incompreso.

In attesa di avere una documentazione migliore, faccio un tutorial a puntate, molto semplice che mira a risolvere un problema da me affrontato, ovvero come integrare Views2 con il proprio Modulo.

Per prima cosa vediamo come organizzare il Vostro modulo tenendo separati in una cartella a se i files riguardanti Views2 e indicare a quale versione dell'API ci stiamo riferendo.

La funzione qui sotto indica che l'API usata è la 2, mentre la cartella in cui Views dovrà cercare tutti i file sarà CARTELLA_DEL_PROPRIO_MODULO/views.

/**
 * Implementation of hook_views_api(). 
 * @return unknown_type
 */
function IL_TUO_MODULO_views_api() {
  return array(
    'api' => 2,
    'path' => drupal_get_path('module', 'IL_TUO_MODULO') .'/views',
  );
}

Nella cartella views andremo ad inserire IL_TUO_MODULO.views.inc, ovvero il file che indica tutte le tabelle e i campi (anche esterni), ma questo sarà argomento della prossima puntata :)

Locale is unable to rebuild lost Javascript translation files

psicomante — Mon, 22 Feb 2010 11:52:09 +0000

locale is unable to rebuild lost javascript translation files-1467240304_cd383f73b5.jpg

If you get on your site an error like this:

warning: file_get_contents(sites/default/files/languages/ar_bb3f64e1d3c493008e8d5eee5511c741.js) [function.file-get-contents]: failed to open stream: No such file or directory in /var/www/html/uberdrupal/includes/common.inc on line 2359.

or you found a lot of "Page not found" errors in dblog related to JavaScript translation files, probably is a Drupal Bug (if files permissions are all ok).

Indeed Locale is unable to rebuild lost js translation files, if one of these gets accidentally corrupted or lost there is no way to tell Drupal to rebuild it. This is true in all versions of Drupal 6.x, the last too.

To rebuild these files you HAVE TO use an ad hoc module (Local Rebuild Javascript), created by plach, until the patch would be applied or when you'll update your site to Drupal 7.

Reference: Drupal.org Issue.

GSMA Mobile World Congress - Barcelona, 15-18 Febbraio 2010

psicomante — Tue, 09 Feb 2010 19:46:34 +0000

gsma mobile world congress - barcelona, 15-18 febbraio 2010-mwc.jpg

Quest'anno vacanze invernali! dal 15 al 18 Febbraio sarò al GSMA Mobile World Congress, l'evento mondiale che ogni anno si tiene a Barcelona.

Mi potete trovare con il badge "press" (lol!) alla Fira Montjuïc tutti e quattro i giorni. Una buona occasione per parlare con le tante aziende presenti all'evento, da Motorola a Nokia, passando per Microsoft e Vodafone.

Se sarete in quei giorni a Barcellona o volete dire la vostra droppate un commento qui sotto!

Drupal Association Membership!

psicomante — Sun, 07 Feb 2010 10:39:09 +0000

drupal association membership!-da-individual.png

Eventually i've purchased the Drupal Association Membership for €22 (approx $30).

Supporting the Drupal Project!

PS. You can found me at http://association.drupal.org/user/7410

WebGL: i Browser supporteranno presto la terza dimensione

psicomante — Mon, 01 Feb 2010 21:16:00 +0000

webgl: i browser supporteranno presto la terza dimensione-webgl.jpg

Che io abbia usato la parola "Browser" con la prima lettera maiuscola non è un caso; Infatti con l'ingresso del tag <canvas> inserito dalle specifiche HTML 5, Gecko e Webkit si apprestano a supportare le funzionalità 3D introdotte da WebGL.

WebGL è uno standard che consiste in librerie con le quali è possibile accedere all'intero set di istruzioni OpenGL 2.0 or OpenGL ES 2.0; librerie ultimamente utilizzatissime grazie all'esplosione di giochi per iPhone OS (iPod Touch, iPhone e ovviamente anche l'ultimo nato iPad).

Per poter provare le prime demo realizzate con WebGL (in sostanza HTML 5 + Javascript) è necessario munirsi di un browser compatibile e aprire le pagine html contenenti le demo ufficiali.

Per iniziare c'è Learning WebGL (lezioni ispirate da quelle del grande NeHe) oppure uno dei tanti framework già disponibili, ad esempio SceneJS.

Neanche a dirsi Internet Explorer, browser con la b minuscola, non li supporta (magari dopo aver completato le specifiche css2?).

Sito ufficiale per WebGL: Khronos Group.