Applicare un template EJS alla nostra app Node.js

javascript

Quando creiamo una applicazione con Node.js, è spesso necessario trovare un veloce metodo per fornirle un template di interfaccia in grado di far visualizzare all’utente determinate informazioni. In questo articolo vediamo come sfruttare la potenzialità di EJS all’interno della nostra applicazione Node.js. Creeremo quindi un semplice script che restituirà alcuni dati all’interno di un template EJS. La […]

Javascript: Esempio d’uso di Event Delegation

javascript

L’uso degli Event Delegation in Javascript, consente di aggiungere particolari listeners a nodi di elementi HTML. In tal modo il listener è legato a tutti i suoi figli e non ad uno in particolare. Per comprendere l’uso degli Event Dialogation procediamo direttamente fornendo degli esempi d’uso: Prendiamo come primo esempio una unordered list <ul id=”list”> […]

Pagina web con video in background

html5

Nel precedente articolo abbiamo mostrato come inserire un video in una pagina web, sfruttando HTML5. In questa “puntata”, vedremo invece come far diventare il nostro video, lo sfondo della pagina. Al posto di una qualsiasi immagine o colore, useremo quindi il nostro video. Faremo uso di jQuery, e degli eventi: loadedmetadata: una volta caricati tutti […]

Formattare il testo in modo creativo con Lettering.js

lettering

Lettering.js è una libreria javascript basata su jQuery, che consente di controllare sino ad ogni singola lettera di una parola, in modo da creare bellissimi effetti su titoli, messaggi e quant’altro debba essere messo in evidenza all’interno della nostra pagina web. Qui di seguito alcuni esempi di styling dei font con questa libreria:   Scarica […]

Inserire video a larghezza fluida con FitVid.js

fitvid

Spesso capita di dove inserire nelle nostre pagine web, dei video tratti ad esempio da youtube.Vogliamo inoltre che la loro dimensione sia sempre la massima disponibile. Ecco quindi venirci incontro questo plugin (FitVid.js), risolvendo tale problematica. Vediamo il suo utilizzo: Creiamo la nostra pagina html ed all’interno del tag body creiamo un div con classe […]

Catturare la chiusura di pop-up

javascript

In questo articolo viene mostrato come sapere se un pop-up è stato chiuso mediante codice javascript. Nell’esempio mostrato viene aperto un pop-up a GOOGLE e dopodichè, mostrato un messaggio di alert quando questo viene chiuso. Codice: var win = window.open(“http://www.google.it”,”,’height=500,width=500′); var winTimer = window.setInterval(function() { if (win.closed !== false) { // !== is required for […]

Creare finestre modali con plugin jQuery

javascript

In questo articolo presento Simplemodal, un plugin che permette di creare finestre modali in grado di dialogare con l’utente. Può lavorare in modalità asincrona e recuperare il contenuto di pagine esterne o di ottenere il contenuto inline. Le modalità di utilizzo del plugin sono: alert semplici; finestre modali con chiamate asincrone; lightbox. A questo indirizzo […]