Tra le features di questo sprint c’era l’inserimento dei social buttons. L’argomento in se e per se non è particolarmente accattivante, infatti, nella versione base, si tratta di andare sui vari siti dei social network e copiare/incollare il codice presentato nella sezione developer. Qualche esempio:
- Facebook: https://developers.facebook.com/docs/plugins/like-button/
- Twitter: https://about.twitter.com/resources/buttons
- Google Plus: https://developers.google.com/+/web/+1button/
Ma, francamente, trovo i pulsanti prefabbricati abbastanza bruttini. E qui arriva il mio dramma quotidiano. Non sono un grafico web e queste cose mi fanno impazzire, sto decisamente troppo tempo a torturare i miei css nella speranza di tirarne fuori qualcosa di decente e la maggior parte delle volte, con scarsi risultati.
E’ in queste occasioni che la rete mi è davvero utile. Soprattutto quando trovo siti come questo: http://ostr.io/code/html-social-like-share-buttons-no-javascript.html
L’altro aspetto (più interessante) è quello legato alle direttive. Infatti una bar di social button è un buon candidato a finire in una direttiva, se non altro per tenere pulito il template della pagina in cui si vuole usare, e, ovviamente, per modularizzare la propria applicazione. E’ una direttiva particolarmente facile perché non richiede alcuna interazione con il “mondo esterno” e può esporre proprietà per ricevere in input i dati necessari allo sharing sui vari social network.
Il codice completo:
template: https://github.com/williamverdolini/discitur-web/blob/master/app/modules/common/socialBar.html
direttiva: https://github.com/williamverdolini/discitur-web/blob/master/app/modules/common/socialBarDrv.js
Comments