Visualizzare JSON in formato HTML con JSON Presenter

JSON Presenter è un plugin per jQuery che ci permette di visualizzare dati JSON in HTML senza troppi sforzi.

Quello che dovete includere sono jQuery, il plugin Javascript e un file CSS.

Download dei file tramite AJAX

Update in fondo

Javascript nasce come un linguaggio lato client, e quindi non può accedere ed eseguire operazioni lato server (a meno di non usare framework specifici ovviamente, ma non è il nostro caso).

La mia necessità è quella di far scaricare agli utenti un file tramite AJAX.

Questo perchè il file, prima di essere creato, richiede un pò di elaborazione.

Usando un linguaggio lato server (nel nostro caso PHP) è possibile eseguire questa operazione.

Creare un emulatore di terminale in Javascript e zTerminal

zTerminal è un plugin per jQuery che ci permette di creare un emulatore di terminale online.

Ovviamente non si tratta di un emulatore di sistema, in cui possiamo lanciare i comandi che conosciamo.

I comandi saremo noi ad impostarli con Javascript.

Identificare i colori di una immagine in Javascript con Chameleon.js

Ho trovato un interessante plugin per jQuery che ci permette di identificare i colori delle immagini, e volendo anche di usarli direttamente nella nostra pagina web: Chameleon.js!

Non è particolarmente difficile da usare, e ci permette di fare parecchie operazioni.

Scaricate la libreria dal sito, e includetela nella pagina insieme a jQuery; avete bisogno anche di una immagine (prendetene una un pò colorata per vedere bene l'effetto).

Utilizzare Mustache.js con AJAX

Ho cominciato a studiarmi un pò Mustache per Javascript, caricando i dati tramite AJAX.

Oltre a Mustache.js, avremmo bisogno anche di jQuery; infine useremo un file di template esterno (giusto per fare un esempio più completo.

Mustache.js lo potete scaricare da GitHub (ho dovuto copiarlo in locale, il caricamento remoto non mi funzionava).

Creare pannelli in Javascript con jsPanel

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.