Benvenuti sul nuovo blog!

EDIT 4: sistemato il form di ricerca, con la correzione di alcuni bug, e con più possibilità di ricerca per l'utente; aggiunti i tag nella pagina dell'articolo

EDIT 3: anche grazie alla segnalazione in un gentilissimo utente, che ringrazio, ho corretto e sistemato altri errori e imprecisioni; anche la navigazione dei classici "articoli più nuovi / vecchi" è migliorata

EDIT 2: trovati e corretti altri due piccoli errori, riguardanti i link nelle sezioni, categorie e tag.
Adesso tutti i link sono corretti e funzionanti!

EDIT: purtroppo c'è stato un piccolo problema con il redirect ed per un paio di giorni sembrava che il sito non esistessa più.

Ma come vedete non è così!! :)

Ciao e benvenuti sulla terza verisione di Mattepuffo.com!

Questa volta ho deciso di fare un bel salto, però, e di levarmi di mezzo Joomla et simili.

Ho preso questa decisione perchè trovavo che il sito stesse diventando un pò pesante e soprattutto perchè, da programmatore quale sono, volevo avere un controllo diretto su tutto quanto.

Anche il database penso ne risentirà postivamente (8 tabelle contro le circa 60 di Joomla).

Ovviamente non voglio screditare i CMS, ma penso che le cose fatte a mano rimangano ancora le migliori, soprattutto se hai voglia di smanettarci.

Infatti il blog è fatto tutto a mano; ovviamente in PHP e mi sono avvalso di Twitter Bootstrap.

Questo fa si che sia compatibile anche con i dispositivi mobile.

Canvas con altezza e larghezza al 100%

L'elemento <canvas> di HTML5 è un elemento un pò particolare perchè nasce con lo scopo di crearci animazioni dentro.

In generale, quindi, deve avere un'altezza e una larghezza precise.

In alcuni casi potrebbe essere necessario fare in modo che sia automaticamente all 100% rispetto all'elemento in cui si trova.

Abbiamo due possibilità.

Creare temi per Twitter Bootstrap con Bootstrap Magic

Twitter Bootstrap è un framework basato su Javascript  / jQuery e CSS che offre parecchi controlli preimpostati.

Molto semplice da usare, leggero e anche responsive se si vuole.

Lo sto usando con soddisfazione su diversi ormai!

Volendo è anche possibile personalizzare il CSS.

Ci sono due modi per farlo, oltre ad editare direttamente i CSS ovviamente.

Un primo strumento ce lo offre il sito stesso: Customize.

Solo che questa pagina è abbastanza statica in quanto non da una preview delle modifiche.

Leggere file in Android

La gestione dei file in Android è più semplice di quello che si pensi.

Nel mio caso ho una app che usa dei file JSON per avere sempre i dati offline; file scaricati da un server remoto.

Sono in formato JSON per riempire una ListView, ma il concetto va bene per qualsiasi tipo di file.

I miei file sono salvati nell'external storage, quindi prima di tutto impostiamo i permessi nel manifest:

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

Poi nell'Activity impostiamo il path verso lo storage (mi raccomando, metterlo nell'activity):

private String path = Environment.getExternalStorageDirectory().getAbsolutePath() + File.separator;

Questo rappresenta la external storage directory, al quale dobbiamo aggiungere poi il file che ci interessa.

Geolocalizzazione con Javascript

Tra i nuovi oggetti diposnibili nelle API Javascript di HTML 5 troviamo anche ciò che riguarda la Geolocalizzazione.

In pratica, senza usare strumenti esterni come Google Maps, siamo in grado di identificare le coordinate del browser.

Ovviamente non tutti i browser supportano questa funzionalità, quindi nel caso dovete fare affidamento ad altri strumenti.

Qui trovate una buona guida, e sotto una funzioncina per fare quello ci serve; tenete in considerazione anche che la Geolocalizzazione richiede il permesso da parte degli utenti (in verità dipende dal browser, ma tutti ad oggi richiedono il permesso all'utente).

GenerateIt: un generatore per il web

Ho trovato questo sito molto interessante: GenerateIt.

In pratica questo servizion , gratuito e che non richiede iscrizione, è in grado di generare automaticamente molti "contenuti" o cose utili per il web.

Nella sezione Image troviamo bottoni, gradienti, email, QR code, ecc.