Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[News]

Google Web Designer: Siti e applicazioni in HTML5

logo-google

Google web Designer: Crea siti e applicazioni web in HTML5

Google non finisce mai di stupirci, la società colosso della contea di Santa Clara infatti, pare che stia per lanciare nei prossimi mesi, un nuovo tool che dà la possibilità di creare siti e applicazioni web in HTML5 gratis. L’uscita dell’applicazione è stata annunciata stamattina con un post sul pubblicato sul blog DoubleClick. Google Web Designer potrà ritornare molto utile alle sia alle agenzie che a privati, che si occupano di web design e sviluppano annunci pubblicitari in rete.

Google Web Designer sarà superiore agli altri competitor come Wix o Squarespaces?

Non ci resta che attendere, ma conoscendo Google sicuramente ci sarà un passo in avanti per quanto riguarda l’utilizzo di HTML5 con molta semplicità e cura nei dettagli.


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

Tile5: Una Mappa in HTML5 che utilizza Google Maps e altre APIs

Tile5 è una libreria Javascript che abilita i developer ad integrare le mappe esistenti su varie piattaforme (Google Maps, Ping, Yahoo, MapQuest e altre…) mediante  HTML5.

Al di là delle API fornite dalle piattaforme su citate, possono essere sfruttate tante altre funzionalità osservabili nella demo (allegata in calce).

Con la compatibilità che offre l’HTML5, Tile5 è dedicata ad entrambi i mondi desktop e mobile. (Evitando così Flash… ).

Demo


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

Effetti sulle immagini con Javascript! PaintbrushJS. Funzione

Oggi vi propongo un interessantissimo plugin, PaintBrushJS, scritto totalmente in Javascript, in grando di applicare degli effetti alle immagini selezionate dagli utenti.

Gli effetti vengono applicati client-side (javascript) e utilizzano il tag <canvas> dell’HTML5. Oltre all’effetto principale è possibile applicare altri parametri semplicemente applicando una classe all’elemento.

Gli effetti applicabili, attualmente, sono: blur, scala di grigi, mosaico, noise, posterize, sepia e tint.

Ecco una demo.


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[News Web Design]

Dopo l’Apple anche Firefox dice addio a Adobe Flash

Il tempo dei plugin di terze parti è ufficialmente finito, a quanto pare dalle direzioni che stanno prendendo i nuovi browser.

Finalmente Firefox 4 ha il pieno supporto ad HTML5.

Ora abbiamo Firefox 4, Internet Explorer 9 e Chrome e gli sviluppatori passeranno ad HTML5 (come dicevo io anni fa).

HTML 5 soprattutto per il mobile dove non si può pretendere di usare Flash per ogni animazione.

Fonte: http://www.melablog.it/


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

Come creare un sito portfolio elegante?

Ho trovato questo post che è un tutorial che vi consentirà di costruire un elegante sito portafoglio di design.
Seguite passo passo le indicazioni di Line25 che con HTML e CSS vi permetterà di costruire un buon sito web.
Buon lavoro.

Via: http://line25.com


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

HTML5 & jQuery Grayscale

Una volta l’immagine in scala di grigi doveva essere convertita manualmente per poter essere visualizzata sul web.

Oggi con HTML5 le immagini possono essere manipolate in scala di grigi, senza dover utilizzare un software di fotoritocco.

Ho trovato questa demo su http://www.webdesignerwall.com che mostra come utilizzare jQuery per HTML5 e duplicare le immagini a colori in scala di grigi.


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[News Web Design]

HTML5 Canvas experiment


HTML5 ci affascina sempre di più. Con l’arrivo di Firefox 3.5, Safari 4 e la nuova beta di Google Chrome e Opera il futuro sembra luminoso per HTML5 e meno per flash.

Molti giocano e sperimentano con questa tecnologia, ho trovato un piccolo esperimento che carica 100 tweets relativi a HTML5 e li mostra utilizzando un motore di particelle basato su JavaScript. Ogni particella rappresenta un tweet – cliccate su uno di essi e sarà visualizzato sullo schermo.

Assolutamente da vedere: http://9elements.com/io/projects/html5/canvas/


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[News]

Boxtuffs : Un sito di risorse in HTML5 e CSS3 !

Boxtuffs è un sito che mette regolarmente in condivisione risorse originali e gratuite create con HTML5 e CSS3, costruiti da Salvador Lopez Mendoza, talento del designer. Il sito comprende una casella di ricerca di auto-crescita, un interruttore on / off, un pulsante per il download e molto altro, ma tutti con un twist. E, una cosa importante circa le risorse è che ogni download viene fornito con il file sorgente PSD . Ecco il link


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[News Web Design]

Supersteil: bel sito

Bel sito, senza Flash, dinamico e curato, il nuovo sito dell’agenzia Supersteil.

Interamente realizzato in HTML5 è semplicemente utilizzabile anche da dispositivi mobili (iPAd, Iphone, etc…)


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[News]

Video player in MooTools e HTML5: Moovie

Moovie è una libreria di controllo gratuita per il tag <video> in HTML5.

Include tutte le funzionalità di un player: play, pausa, stop ed un controllo volume, molto simili alla barra di caricamento e controllo di Youtube.

Quando caricate il video per la prima volta, esso mostrerà un grande pulsante “Play” (come in foto), e un plusante di “Replay” al termine.

Sono gestite egregiamente le playlist (per video multipli) e anche i sottotitoli. Il plugin è altamente personalizzabile, infatti, è possibile decidere, in un file di configurazione, se oscurare i sottotitoli, la scomparsa automatica dei controlli e se ripetere i video (looping).

Link