Microsoft ha annunciato il rilascio della nuova versione di Babylon.js. Si tratta di un framework JavaScript open source che consente di creare una UI 3D animate per i siti web. Con Babylon.js 3.0 sarà possibile realizzare con semplicità siti web incentrati sulle animazioni con un elevato livello di performance. (more...)

Continua a leggere UI 3D animate con BabylonJS 3.0

Categoria: Microsoft Dev

Tags: ,

Spritely è un plugin jQuery per la creazione di figure dinamiche e sfondi animati in puro HTML e JavaScript. Queste sue caratteristiche potrebbero interessare parte, anche se minima, degli sviluppatori Flash che vorrebbero vedere il proprio linguaggio di sviluppo sul melafonino o iPad. (more...)

Continua a leggere Spritely, alternativa a Flash per le animazioni su iPhone

Categoria: Scripting

Volevo segnalarvi due utili servizi online che consentono di generare elementi grafici per le nostre applicazioni sia web che desktop. Iconizer.net e Preloaders.net permettono, rispettivamente, di generare icone personalizzate e immagini di preload. Relativamente a quest'ultimo, per immagini di preload si intendono quelle piccole animazioni che consentono di comunicare all'utente il fatto che l'applicazione è impegnata nel caricamento di una risorsa oppure nell'elaborazione di informazioni. Iconizer.net offre un catalogo di icone tra cui scegliere, suddivise in categorie, che è poi possibile personalizzare nelle dimensioni, nella tipologia di file ed in altri parametri. Tutte le icone generate tramite Iconizer possono essere liberamente utilizzate nei propri progetti, anche di tipo commerciale. Similmente anche Preloaders.net offre un set prestabilito di animazioni suddivise in tipologie da cui è possibile scegliere quella di proprio interesse e personalizzarla in alcuni aspetti, come il colore dello sfondo, la trasparenza, la dimensione e così via. Anche in questo caso tutte le animazioni generate possono essere utilizzate liberamente per i propri progetti.

Continua a leggere Generatori di grafica per applicazioni

Categoria: Grafica

L'associazione tra Javascript, immagini e l'idea di 'liquido' o 'fluido' potrebbe far pensare a situazioni come quelle del plugin maxImage per jQuery di cui abbiamo parlato qualche giorno fa: la gestione delle dimensioni delle immagini nel contesto di layout fluidi/liquidi. Nel caso oggetto di questo post, invece, il concetto di 'liquido' va inteso in senso più o meno letterale, come si può notare da demo :) Alla base dell'effetto una piccola libreria Javascript creata da Andrea Giammarchi che ci presenta il tutto in questo post sul suo blog.

Continua a leggere Immagini ‘liquide’ con Javascript

Categoria: Scripting

IcyEffects è il nome di un progetto tutto italiano nato con l'intento di creare una libreria di effetti e animazioni per Prototype leggera e facile da usare. Sul sito è possibile scaricare la versione beta e leggere la documentazione. IcyEffects richiede l'uso di Prototype nella versione 1.6.0 o superiori; è stato correttamente testato nei seguenti browser: Internet Explorer 7+, FireFox 3+, Opera 9+, Safari 4+, Google Chrome 2.0+.

Continua a leggere IcyEffects, effetti e animazioni per Prototype

Categoria: Scripting

Dopo moo.rd, il nostro Riccardo Degni si cimenta in un nuovo lavoro sfornando GX. Si tratta di una libreria compatta (10kb nella versione non compressa) e basata su jQuery per la creazione di animazioni a partire da tutte le proprietà  CSS previste nelle specifiche del W3C. I link di riferimento: la presentazione di GX sul blog di Riccardo; la documentazione; le demo.

Continua a leggere GX, una libreria per creare animazioni

Categoria: Scripting

Il team di sviluppo di WebKit aveva già  dato tempo fa un assaggio dell'implementazione di animazioni tramite i soli CSS. Quel primo approccio era più correttamente riferito alle transizioni e oggi è confluito dalle nightly builds dello stesso WebKit alle versioni più recenti di Safari e Chrome. Bisognerà  invece aspettare un po' per godere sui principali browser che su WebKit si basano di questa evoluzione delle animazioni, ora confluita in una proposta di specifica ad hoc. Chi ha un iPhone 2.0 può già  visualizzare in tutta la sua meraviglia l'esempio creato per presentare la nuova funzionalità ; tutti gli altri possono farlo scaricando una nightly build di WebKit.

Continua a leggere WebKit CSS Animation: ma sono davvero CSS?!?

Categoria: CSS

Abbiamo già  parlato, man mano che venivano annunciate, delle varie proposte di specifica presentate dal team di WebKit relative agli effetti di transizione, trasformazione e animazione ottenuti tramite i soli CSS (per uno degli esempi sperimentali presenti sul web mi limito a linkare questa pagina, da visualizzare ovviamente con un browser basato sulle build più recenti di WebKit come Safari 3 o Chrome). Se per le sole trasformazioni si può contare, a partire da Firefox 3.1, anche sul supporto di Mozilla, al momento gli altri produttori non si sono allineati alle proposte di Apple implementandole sui loro browser. (more...)

Continua a leggere Transizioni ed effetti CSS su (quasi) tutti i browser

Categoria: CSS

Se non vi bastano le mirabilia in fatto di animazioni di framework come jQuery, MooTools o Prototype/Scriptaculous o semplicemente se desiderate affidarvi ad una libreria ultra-compatta che ha nelle animazioni la sua unica funzionalità , allora potreste dare un'occhiata a $fx( ). Per vederla in azione vi basterà  assistere al caricamento della pagina principale nel vostro browser, mentre ulteriori esempi sono distribuiti nel corpo della pagina di documentazione. natural cures for herpes

Continua a leggere $fx: animazioni Javascript in 3,7 Kb

Categoria: Scripting

Come riporta CSS3.info, la scorsa settimana sono state ufficialmente avanzate le proposte per includere nuove funzionalità  e proprietà  CSS attualmente non previste dalla specifica CSS3 in lavorazione presso il W3C o nella versione 2.1. In calce a tutte le proposte c'è la firma di David Hyatt, uno dei responsabili del team di sviluppo di Safari e del framework WebKit. Non è un caso, visto che tre delle quattro proposte riguardano le animazioni, trasformazioni e la transizioni CSS recentemente introdotte come feature su Safari 3.1 (ne abbiamo parlato anche recentemente). La quarta proposta potrà  risultare meno accattivante, ma forse è quella più interessante e promettente per l'evoluzione dei CSS: l'introduzione delle variabili.

Continua a leggere Nuove proposte per la prossima specifica CSS

Categoria: CSS