Il nuovo blog lo potete trovare su melodycode.com, questo sito è stato mantenuto solo per storicità e potrebbe contenere informazioni non più valide.
Important

Da HTML a PDF con PHP

In un gestionale che sto sviluppando è stata richiesta la possibilità di creare dei documenti in modo automatico (che l’utente potrà scaricare in formato PDF).
Ci sono alcune classi PHP che svolgono questo compito: la prima che ho provato è stata dompdf che però non faceva al caso mio perchè non renderizzava correttamente i tag sup e sub, e quindi sono stato obbligato a spostare la mia attenzione verso “nuovi orizzonti”.
Con TCPDF ho trovato la soluzione a questo problema anche se ha qualche problema in più nel renderizzare correttamente le pagine HTML (che quasi obbligatoriamente devono essere formattate utilizzando le tabelle, al contrario di dompdf che probabilmente ha un motore di parsing HTML più evoluto).
Eccovi qui alcuni esempi di utilizzo di TCPDF :)

PS: Le mie congratulazioni a Nicola Asuni per la qualità di TCPDF: made in Italy!

FireUnit, Javascript Unit Testing Extension

FireUnit
Questo plugin di Firebug permette in maniera piuttosto semplice di fare il debug delle nostre applicazioni Javascript.
Provando FireUnit potrete scrivere una cosa così:

  1. // Simple true-like/false-like testing
  2. fireunit.ok( true, "I'm going to pass!" );
  3. fireunit.ok( false, "I'm going to fail!" );
  4.  
  5. // Compare two strings - shows a diff of the
  6. // results if they're different
  7. fireunit.compare(
  8.   "The lazy fox jumped over the log.",
  9.   "The lazy brown fox jumped the log.",
  10.   "Are these two strings the same?"
  11. );
  12.  
  13. // Compare a string using a regular expression
  14. fireunit.reCompare(
  15.   /The .* fox jumped the log./,
  16.   "The lazy brown fox jumped the log.",
  17.   "Compare a string using a RegExp."
  18. );
  19.  
  20. // Display the total results
  21. fireunit.testDone();

Devo ancora provarlo ma non sembra male ;)

65 Plugins per MooTools

In realtà il titolo originale dell’articolo è “Best Ever 65 mooTools Plugins and Demos, is it Better than jQuery?“, chi mi conosce sa come un titolo del genere possa ferire il mio orgoglio :P (la risposta alla domanda è “Quite, possibly.”).

Devo ammettere che alcuni plugin sono proprio carini…

PS: Su Wikipedia c’è la versione Inglese, Tedesca, ecc… per il termine “MooTools”…peccato manchi quella Italiana!!! Visto che comunque è un prodotto Made in Italy!

Cosa comporta lo sviluppo in AJAX

Ajax JS
Ultimamente mi sono trovato a dover sviluppare delle Applicazioni Web utilizzando AJAX: per una maggiore velocità di sviluppo, una maggiore modularità e responsitivà dell’interfaccia.
Il framework che uso per la maggiore è il mitico jQuery accompagnato da alcuni plugin…ed è proprio qui il problema: “alcuni plugin”.
Man mano che sviluppo (e necessito dei moduli aggiunti) carico il .js nell’header della pagina html per poi notare che alla fine includo circa 10-12 file Javascript.
Il peso del tutto? circa 200Kb, che vengono caricati solo la prima volta (visto che molto spesso i siti in AJAX sono mono-pagina) ammortizzati anche dalla cache del browser.

Così è la vita…

PNG in IE6 con DD_belatedPNG

Non ho potuto provare DD_belatedPNG (nome orribile) però sembra promettere molto bene vedendo il sito associato:

  • Usare PNG 24-bit usando la proprietà CSS background-image (supporta background-position e background-repeat);
  • Non viene usato AlphaImageLoader;
  • Risponde correttamente agli assegnamenti tramite Javascript (element.style) e alla pseudo-classe :hover;
  • Peso ridotto (~4 Kb compressi, ~7Kb non compressi);
  • Facile da usare.

Da provare…

Buone abitudini per creare CSS

Tempo fa scrissi un tutorial riguardo l’organizzazione dei fogli di stile; Su acomment.net c’è un articolo molto interessante intitolato “Utilizing CSS Best Practices: Making a Great Blank CSS Template File for Next Projects“.

In questo articolo viene data molta importanza all’ordine/organizzazione che viene seguito per creare il CSS, ad esempio separando il CSS Reset da tutto il resto (che sembra banale, ma non tutti fanno così) oppure creando una sorta di indice iniziale.

Merita una lettura…

15 interessanti nozioni di CSS

In Internet si trova di tutto (lo sappiamo), ecco qui un articolo molto interessante intitolato “15 CSS Tricks That Must be Learned” che spiega, mediante immagini e testo, quelle che sono le tecniche più utilizzate nel creare gli stili CSS.
Gli argomenti principali sono:

  • Posizionamento assoluto all’interno di un elemento posizionato relativamente
  • Z-Index e posizionamento
  • Margin Auto (per centrare orizzontalmente)
  • Utilizzo corretto del padding
  • Testo nascosto con text-indent
  • IE Float Bugs
  • Usare i CSS per combattere lo SPAM
  • PNG Fix
  • Trasparenza cross-browser
  • Utilizzo delle sprites
  • Commenti condizionali per supportare IE6
  • !important
  • min-height
  • * HTML hack
  • Tecnica dello Sliding doors

Buona lettura!