Gestione delle finestre nel Browser Object Model

Gli oggetti JavaScript che descrivono gli elementi HTML di una pagina appartengono al DOM (Document Object Model). Manipolando il DOM possiamo gestire tutti gli aspetti di una pagina Web, tenendo anche conto delle azioni dell'utente (manipolazione interattiva del DOM). Lavorando con JavaScript abbiamo però a disposizione altri oggetti, come ad esempio l'oggetto window, che non appartengono al DOM. Dal punto di vista gerarchico tali oggetti vanno … [Read more...]

Elementi draggabili con jQueryUI

jQuery è apprezzato per diversi motivi. Oltre ad offrire una libreria JavaScript che permette di sviluppare codice cross-browser in maniera semplice e veloce, jQuery è utilizzato come base di partenza da numerosi plugin. Questi plugin sono realizzati dalla comunità di sviluppatori che utilizza jQuery e poi condivisi, versionati e infine ufficializzati. Insieme dei migliori plugin sviluppati negli ultimi anni ha dato origine al progetto di … [Read more...]

Realizzare una casella di ricerca con HTML5 e CSS3

L'implementazione di una casella di ricerca è uno degli aspetti più importanti per qualsiasi sito Web. I nuovi standard HTML5 e CSS3 permettono di realizzare caselle di ricerca moderne e accattivanti senza alcun intervento di JavaScript. Purtroppo, alla data di questo articolo (novembre 2012) il supporto cross-browser dei nuovi input HTML5 è soddisfacente soltanto in Chrome. Il supporto delle tag HTML5 per l'input della form è quasi assente nelle … [Read more...]

Formattazione del testo con CSS

Quando formattiamo un testo HTML con delle proprietà CSS molto spesso ci limitiamo a decidere sempre i soliti aspetti: colore, sfondo, allineamento, font e valori del box-model. In realtà i fogli di stile permettono di definire praticamente qualsiasi aspetto del testo. Questa è una questione molto importante, perché la formattazione del testo è forse uno dei fattori cruciali che contribuiscono al successo di una grafica. Come abbiamo discusso … [Read more...]

Scrolling della pagina con jQuery

Lo scrolling “dolce” della pagina (o smooth scrolling in inglese) consiste nello scorrimento verticale automatizzato di una pagina Web. In pratica ciò significa emulare, attraverso del codice, l'azione che l'utente compie agendo sulla rotellina del mouse o trascinandola la barra verticale del browser. Si parla di scrolling “dolce” perché il movimento della pagina avviene gradualmente, con una velocità simile a quella dell'utente che scorre … [Read more...]

Primi passi coi canvas HTML5

Dal punto di vista della grafica l'oggetto canvas è probabilmente una delle novità più interessanti di HTML5. Negli ultimi anni sul Web sono stati proposti esempi molto interessanti relativi all'utilizzo di quest'oggetto, specialmente nell'ambito delle interazioni con l'utente (vedi ad esempio i videogiochi realizzati in HTML5). Chiaramente l'oggetto canvas può essere utilizzato anche in altri contesti, perché permette di realizzare qualsiasi … [Read more...]

Una console di debug con JavaScript

Lavorando allo sviluppo di pagine Web è praticamente obbligatorio utilizzare uno strumento di sviluppo integrato nel browser. Tutti i browser di ultima generazione dispongono di una funzionalità come questa. Ad esempio, se lavoriamo con Firefox avremo a disposizione gli strumenti di debug offerti da Firebug, installabile come componente aggiuntivo. Se invece usiamo Chrome possiamo usare lo strumento integrato nel browser per default, accessibile … [Read more...]

Come inserire video multimediali nel proprio sito we con HTML5

Una novità molto interessante dell'HTML5 è la possibilità di visualizzare contenuti multimediali, in particolare video, usando solamente le tag HTML. Se pensiamo che ogni tag viene di fatto interpretato da browser, e poi renderizzato, si capisce subito che le nuove specifiche riguardano soprattutto i produttori di browser, e non tanto la sintassi del markup. Ad oggi, se guardiamo al funzionamento di HTML, i video vengono di solito visualizzati da … [Read more...]

I criteri e le priorità del cascading delle regole CSS

La presentazione e la grafica di una pagina Web sono aspetti importantissimi per qualsiasi attività. La maggior parte del lavoro necessario per ottenere una buona presentazione riguarda la stesura dei fogli CSS. Le immagini grafiche e le eventuali animazioni Flash sono altrettanto importanti, ma rischiano di non servire a nulla se le regole CSS sono sbagliate, o non sono verificate su browser diversi. È in questi termini che la stesura dei fogli … [Read more...]