Categoria: tutorial Pagina 2 di 5

5-tutorial-deviceorientationmuovereoggettinelbrowserdelnostrosmartphone

DeviceOrientation: muovere oggetti nel browser del nostro smartphone

Tutti conoscono il gioco del labirinto di legno, dove una palla di ferro deve “camminare” nel nostro labirinto mentre lo spostiamo verso il basso/alto e verso sinistra/destra per evitare le buche. Nel tutorial di oggi impariamo le basi per creare un gioco simile – ovvero come usare DeviceOrientation per intercettare i movimenti del nostro smartphone

jQJS
fai pubblicità su html5today.it
5-tutorial-gestireisuonidiunapaginawebconbuzzlalibreriaaudiohtml5

Gestire i suoni di una pagina web con Buzz, la libreria audio HTML5

Tra i tanti e ricchi strumenti che HTML5 mette a disposizione dei developer uno dei posti d’onore spetta alla gestione dell’audio sulle pagine web, ormai nativo per quasi tutti i browser. In questo tutorial vedremo come usare Buzz, una piccola libreria che rende la gestione dei suoni sul nostro sito molto semplice e veloce

jQJS
8-tutorial-corsosucreatejsunamacchininaappareperincantonelnostrogioco

Corso su CreateJS – Una macchinina appare per incanto nel nostro gioco

La seconda lezione del corso su CreateJS, la suite che aiuta a creare giochi in HTML5. Oggi impariamo come far apparire e come muovere uno sprite sul nostro canvas, controllandone il movimento con poche semplici funzioni JavaScript.

5-tutorial-trasformazionicssunorologioanalogicoconbarbaradursoalpostodeisecondi

Trasformazioni CSS: un orologio analogico con Barbara D’Urso al posto dei secondi

Le trasformazioni CSS3 sono uno strumento molto potente e utile per dare vita alle nostre pagine web in maniera nativa, efficiente e ottimizzata. Tra le tante possibilità che avremmo con questi strumenti, abbiamo deciso di creare un demo che sicuramente riempirà di gioia i cuori dei tanti fan della nostra diva: signore e signori, ecco a voi un orologio analogico a Barbara D’Urso.

5-tutorial-sviluppoapppergoogleglassladifferenzafragdkemirrorapi

Sviluppo app per Google Glass: la differenza fra GDK e Mirror API

Abbiamo iniziato nella scorsa e prima puntata il nostro corso di sviluppo app e siti per Google Glass, analizzando i concetti di base quali la Timeline e le static e live cards. In questa lezione vedremo invece la differenza fra Glass Development Kit e Mirror API

8-tutorial-createjsunasuiteperituoigiochiinhtml5

CreateJS – una suite per i tuoi giochi in HTML5

La prima lezione del corso su CreateJS, la suite che aiuta a creare giochi in HTML5 e JavaScript. Seguiremo il completo percorso dalle basi sino al completamento di un prototipo di gioco online di corse di auto!

3-tutorial-divfissoduranteloscrollsempliceeveloceconjqueryecss

DIV fisso durante lo scroll – semplice e veloce con jQuery e CSS

Su molti siti web – incluso HTML5 Today – si vedono barre laterali che si bloccano allo scroll della pagina, per poi ricominciare magicamente a scorrere quando lo scroll arriva ad un certo punto, in alto o in basso. In questo tutorial vedremo come ottenere questo risultato con un po’ di CSS e un pizzico di jQuery.

jQJS
5-tutorial-html5clownifyfacialrecognitionconjquerypertutti

HTML5 Clownify: facial recognition con jQuery per tutti

Non è facile coniugare la vita circense con jQuery, HTML5 e facial recognition. Ma noi ci abbiamo provato lo stesso, sviluppando un piccolissimo sistema per riconoscere i volti nelle foto e aggiungere naso, occhiali e baffi finti. Vediamo come abbiamo fatto.

jQJS
5-tutorial-googleglassdevelopmentpercominciare

Google Glass Development: corso di sviluppo app per Google Glass

Non ci accontentiamo mai. Siamo riusciti a mettere le mani su un paio di Google Glass – e potremmo già essere soddisfatti di giocare un po’ con il nostro gioiellino tecnologico. E invece no: come piccoli bimbi hacker vogliamo subito capire come fare a sviluppare app ottimizzate per questo gingillo.

fai pubblicità su html5today.it
1347357144-hot

Gradienti e sfumature con i CSS3

Dall’arrivo dei CSS3, sono stati risolti molti problemi che in precedenza erano dei veri e propri grattacapi per grafici e sviluppatori. Tra queste ci sono le possibilità di generare gradienti e dare una sfumatura trasparente ad un determinato elemento.

1339058876-hot

5 preziosi consigli per chi vuole scrivere giochi HTML5

Non ci eravamo proprio abituati, ma sembra davvero che Microsoft voglia darsi una nuova veste in questi ultimi anni, a cominciare dalla dedizione con cui si impegnano ad adottare e diffondere HTML5. Vediamo allora questi consigli per tutti i game developers, recentemente pubblicati sul loro blog

1335428586-transparency

Gestire opacità e trasparenza con i CSS

Con l’avvento dei CSS3 e la sua relativa diffusione tra i principali browser, oggi possiamo realizzare dei gradevoli effetti di trasparenza sugli elementi (div) presenti in una pagina HTML. Vediamo in questo tutorial il codice e alcuni esempi per imparare a gestire questi effeti.

1334652120-hot

Ottimizzare i contenuti : i microdata

La semantica è una delle parole chiave dell’HTML5: in questo tutorial completo vedremo come utilizzare i microdata per aggiungere contenuti e informazioni alle nostre pagine HTML e rendere così meglio indicizzabili e più graditi ai motori di ricerca i nostri siti

1334054770-Clipboard01

Web Audio API: il modo migliore per gestire l’audio su WebKit in HTML5

Una delle grosse novità di HTML5 è il tag audio, ovvero il tag che consente di gestire in maniera autonoma e nativa – senza bisogno di plugin esterni – il sonore delle nostre pagine e applicazioni web. Vediamo in questo tutorial Web Audio API, la sua evoluzione per WebKit

1333441402-22

Creiamo del testo 3D usando solo CSS3

Grazie ad HTML5 e CSS3 molti effetti grafici un tempo possibili e realizzabili solo attraverso l’uso di programmi come Photoshop sono oggi realizzabili con poche semplici regole CSS. Vediamo come dare un effetto 3D ad una qualsiasi scritta sulle nostre pagine web

1324225396-led_keypress_light_290_0_1312041125

Gestire correttamente l’input da tastiera con JavaScript e HTML5: l’evento input

Tra le innumerevoli novità introdotte da HTML5 ci sono tante piccole gemme che si perdono nella specifica ma che sono davvero utili. Vediamo oggi un nuovo evento – input – che serve a gestire al meglio l’input dell’utente in un qualsiasi campo dei nostri form

Corso su WebGL – Disegniamo le prime geometrie con canvas e JavaScript

Nell’ultimo incontro abbiamo preparato l’ambiente che ospiterà il nostro spazio 3D, realizzando una semplice pagina web dove grazie a canvas di HTML 5 e qualche funzione javascript potremo ora disegnare il nostro primo triangolo ed il nostro primo quadrato!

fai pubblicità su html5today.it
1321608244-networklost

jQuery offline: localStorage e jQuery per web app sempre accessibili

Una delle caratteristiche che rendono HTML5 il linguaggio delle web applications e che lo hanno reso il protagonista di questa rivoluzione nel mondo della programmazione web è la possibilità di creare applicazioni che funzionino anche anche non si è online. Vediamo quanto è facile farlo con jQuery offline

jQJS
1320826567-1

A ciascuno la sua tastiera: input types HTML5 e mobile web

Inserire dati e numeri usando un telefonino non è sempre la cosa più facile e veloce. Vediamo in questo tutorial come utilizzare gli input types HTML5 per rendere la vita più facile ai navigatori che visitano le nostre pagine e il nostro sito con uno smartphone

1319996107-hot

Mobile web development: il meta tag viewport per una visualizzazione ottimale

La programmazione per il mobile web può essere molto complicata ma realizzare una prima ottimizzazione di un sito per telefonini e smartphones è piuttosto semplice. Vediamo il tag viewpo, utile per indicare allo smartphone che sta visualizzando le nostre pagine che livello di zoom utilizzare

1318862160-html5-microdati

Microdati HTML5: ecco come usarli in modo corretto

Oggi ci occuperemo dei microdati in Html5, un ottimo modo per ottenere visibilità ancor prima che l’utente clicchi sul nostro link attraverso Google. I microdati infatti permettono di visualizzare importanti informazioni sul nostro sito web. Vediamo insieme cosa sono.

1309331157-phones

Mobile web today: 3 buoni motivi per cambiare il nostro modo di pensare

Il mobile web è ormai ubiquo ed è senza dubbio l’argomento caldo di questi ultimi mesi e di questo 2011. Sviluppare pensando a telefonini e smartphones è impresa piuttosto ardua perchè richiede un cambiamento di paradigma nel nostro modo di pensare. Vediamo come e perchè.

1314565170-hot

Canvas e blur: ombre semplici e facili con canvas e HTML5

Vediamo un modo molto semplice e veloce di creare delle ombre con canvas e HTML5. Attraverso questo tutorial scopriremo un modo per far proiettare ad un qualsiasi oggetto disegnato su canvas la sua ombra, potendo giocare con la sfocatura e la prospettiva

Creare animazioni di rollover con CSS3

I CSS3 sono, almeno per il sottoscritto, entrati ormai nell’olimpo delle tecnologie risolvi-problemi. Eh già perchè tramite i CSS3 oggi possiamo fare talmente tante di quelle animazioni, effetti web o lavori in generale da non far assolutamente rimpiangere Flash

1311315334-hot

Il Tao e HTML5. L’acqua.

Proseguiamo il nostro viaggio tra Tao e HTML5 e vediamo oggi come il principio di adattabilità – essere come l’acqua, che scorre e sta adattandosi al terreno – sia di base alla specifica HTML5 e possa aiutarci a creare pagine e applicazioni web migliori

Powered by