Tag: javascript

Gestire il touch nelle pagine Web con Touchy.js

Pubblicato il di

In un precedente articolo avevo già affrontato l’argomento dell’uso del touch all’interno delle pagine Web, analizzando quelle che sono le tecnologie emergenti a cui sta lavorando il W3C per il supporto diretto a questo tipo di interazione nei browser moderni (ad esempio, l’API Pointer Events). L’adozione di standard che sono ancora in via di definizione, l’estrema variabilità del loro supporto da parte dei browser e una certa complessità di gestione può rendere arduo introdurre il supporto touch all’interno del proprio sito, anche per interazioni molto basilari. Esistono librerie JavaScript che si fanno carico di interpretare l’input dell’utente fornendo una interfaccia di programmazione semplificata che agevola quindi l’introduzione di funzionalità basate sul tocco, sopperendo in molti casi anche alle lacune e

Leggi l'articolo completo

Grafica 3D all’interno delle pagine Web

Pubblicato il di

Il supporto a WebGL integrato nei browser moderni ci consente di aggiungere alle pagine Web sfondi, superfici, texture, luci, ombre, effetti e animazioni che vengono riprodotti sfruttando l’accelerazione hardware e la potenza della GPU della scheda grafica. In questo articolo pubblicato su HTML.it vedremo come è possibile creare – con pochissime righe di codice – una semplice classe che definisca un’ambientazione tridimensionale all’interno di una pagina Web, utilizzando gli oggetti della libreria Away3D e il linguaggio TypeScript. Come sempre, buona lettura!

Leggi l'articolo completo

Creare un sito touch: la nuova frontiera del Web

Pubblicato il di

Esiste un elemento che ha cambiato radicalmente le nostre abitudini nell’uso dei dispositivi moderni quali smartphone, tablet e non solo: il “tocco” (touch). L’avvento dello standard HTML5 ha portato una quantità infinite di nuove possibilità alle pagine Web: il supporto integrato alle risorse multimediali, un uso più spinto della semantica attraverso tag specifici, controlli di input specializzati per arricchire i nostri moduli e validare i dati, la possibilità di archiviare informazioni in uno storage locale, il disegno 2D con il Canvas, la geolocalizzazione e altro ancora. Microsoft è una delle aziende che sta facendo da vòlano a questa tecnologia, collaborando tutt’ora con il W3C nella definizione di una API standard per la gestione dell’input proveniente da dispositivi eterogenei (mouse, tocco

Leggi l'articolo completo

Riprodurre suoni e musica su qualsiasi dispositivo con JavaScript

Pubblicato il di

Grazie al diffondersi di dispositivi come smartphone e tablet sempre più orientati al multimediale, per determinate tipologie di siti Web, applicazioni e giochi (a maggior ragione) si presenta l’esigenza di poter riprodurre musica ed effetti sonori all’interno del browser. Il supporto all’audio generico nei browser è sempre stato parziale ed eterogeneo. L’avvento di HTML5 ha migliorato lo scenario, grazie alle potenzialità del nuovo standard, che tuttavia non è supportato da tutti i browser, rendendo quindi difficile se non impossibile per gli sviluppatori individuare una soluzione univoca che permetta di riprodurre il suono indipendentemente dal browser, dal dispositivo e dalla piattaforma. La libreria SoundManager2 ci viene in aiuto fornendoci un API gratuita in linguaggio Javascript che consente di gestire il playback

Leggi l'articolo completo

W3C Pointer Events: una API per dispositivi touch, penne e mouse

Pubblicato il di

Il W3C ha recentemente pubblicato l’ultima bozza della specifica Pointer Event. Si tratta di una tappa importante del percorso di standardizzazione di una API che permette agli sviluppatori di creare applicazioni incentrate sull’uso dei dispositivi di input di ultima generazione, quali schermi touch, penne e mouse. In attesa del completamento della specifica, tale API è già fruibile in Internet Explorer 10 (la versione del browser inclusa in Windows 8) e nelle applicazioni Windows Store. In questo mio articolo, pubblicato su HTML.it, vediamo i principi base del suo utilizzo e alcuni demo di ciò che è possibile realizzare. Buona lettura!

Leggi l'articolo completo

Ottimizzare JavaScript nelle applicazioni per browser e mobile

Pubblicato il di

Le versioni più recenti dei principali browser integrano tutti un proprio engine specializzato e ottimizzato nell’esecuzione del codice JavaScript; ad esempio, il browser Microsoft Internet Explorer include un engine denominato Chakra, Mozilla Firefox si appoggia a progressivi sviluppi dell’originale engine SpiderMonkey, Google Chrome utilizza il noto V8, solo per citarne alcuni. La crescita delle capacità e delle performance di questi engine ha seguito di pari passo l’evolversi delle richieste delle applicazioni Web basate su JavaScript, che si sono trasformate nel tempo passando da piccoli script a corredo di semplici pagine Web (per la validazione dei dati di un form HTML, per animazioni di oggetti all’interno di una pagina o l’invio di richieste AJAX) a vere e proprie applicazioni moderne, interattive

Leggi l'articolo completo