Ho trovato una libreria che permette di manipolare file ZIP in Javascript: JSZip!

E' possibile usarla sia in Node.js che in un browser "classico" (quindi lato client).

Noi vedremo un esempio per il secondo caso.

Ad essere sincero ci ho messo un pò a capirne il funzionamento, in quanto la documentazione non è molto chiara.

Ho trovato un plugin per jQuery che permette di creare pannelli dentro una pagina web in maniera veramente easy: jsPanel!

Se guardate gli esempi e la documentazione, potete notare che le possibilità sono veramente tante.

C'è anche l'integrazione con la prossima versione di Bootstrap, ed è possibile creare pannelli espandibili, finestre modali, toolbar, menu contestuali, ecc.

Insomma tanta roba.

Mi sono imbattutto per sbaglio in questa libreria, ed ho deciso che dovrò assolutamente usarla: List.js!

In pratica permette di impostare filtri, ordinamenti e ricerche su liste e tabelle; il tutto in Javascript standard, senza usare altre librerie esterne (tipo jQuery).

Inoltre il suo utilizzo è veramente semplice, oltre ad essere leggerissimo.

Quando parliamo di aggiungere una mappa su un sito web, pensiamo subito a:

  1. Google Maps
  2. Bing Maps
  3. OpenStreetMap (già qualcuno di più scafato però)

Ma in verità ci stanno altre valide alternative.

Una è Leaflet, ottima libreria Javascript scritta da uno dei collaboratori di Mapbox.

La libreria è completa, funziona a layer come OSM, la grafica è gradevole e soprattutto pesa molto poco.

Ho parlato varie volte di come gestire i video di Youtube nelle nostre pagine, sia usando Javascript che non.

Oggi facciamo un passo in più: andremo a prendere solo l'audio di un video, usando un pò di HTML e Javascript.

Prima di tutto dovete sempre e comunque identificare l'ID del video che vi interessa.

Ho trovato una libreria per Javascript veramente pazzesca per creare presentazioni online: Impress.js!

Nel pacchetto che scaricate c'è anche un esempio abbastanza completo di quello che si può.

Ho dato una ripulita all'HTML della pagina, e ve lo posto.

Ho trovato una libreria in Javascript per effettuare screenshot di una pagina web, o di una parte di essa, e visualizzarli dentro ad una nostra pagina: html2canvas!

Il suo utilizzo non è complicato, alla funzione html2canvas bisogna passargli:

  • cosa prendere (il documento intero o un determinato componente seguendo le linee guida del DOM)
  • dove visualizzare il contenuto preso (nel nostro esempio dentro ad un canvas)
  • cosa fare eventualmente dopo

Partendo dall'implementazione della versione 6 di ECMAScript, anche in Javascript è possibile usare dei parametri di default nelle funzioni.

Ricordiamo che nelle funzioni di Javascript, non era obbligatorio passare tutti i parametri.

Se ne potevano passare di meno, senza precuderne il funzionamento di base (a meno che il parametro non servisse a qualcosa di essenziale ovviamente); e addirittura, se ricordo bene, se ne potevano passare anche di più.

Ma non era possibile dare un valore di default ad un parametro (cosa che a me piace molto).

Node.js disponde già di un modulo per eseuire operazioni su filesystem; bisogna solo richiamarlo, senza installare moduli aggiuntivi.

Quindi, prima di eseguire qualsiasi operazione su filesystem, dovete aggiungere questa riga:

var fs = require('fs');

La necessità è quella di bloccare un div (nel mio caso, ma è fattibile anche per altri componenti) durante lo scroll della finestra.

Quindi, nel momento in cui lo scroll arriva ad una certa altezza, il div si deve bloccare e scorrere con la pagina.

Il CSS di partenza del div in questione non ha nulla di speciale:

.row_col_head { height: 12mm;border-bottom: 1px solid black;background-color:white; }