Stylo è una soluzione disponibile sotto licenza Open Source nata per consentire agli utilizzatori la progettazione di Web applications tramite un'interfaccia grafica vagamente ispirata a Fireworks; per la sua realizzazione sono stati utilizzati il linguaggio per la compilazione in JavaScript CoffeeScript, il framework Model View Controller Spine e il modulo CommonJS per il supporto della Ruby library Sprockets.
Del progetto è già disponibile una demo on line, ma per il suo funzionamento completo è necessario utilizzare un browser basato sull'engine WebKit come Safari e Google Chrome, caratteristica che evidenzia come l'applicazione sia stata pensata per produrre output destinati ai dispositivi mobili dove WebKit sta divenendo ormai una standard di riferimento.
Stylo consente di disegnare shapes, applicare effetti ombra agli elementi di design, inserire testi, definire sfondi e gradienti e di applicare regole di stile alle diverse componenti di un'interfaccia; sono poi disponibili alcune scorciatoie da tastiera per le funzionalità di utilizzo più frequente; se utilizzato tramite le ultime versioni del browser di Mountain View consente anche di copiare un elemento e di incollarne il relativo codice in un edito di testo.
Il progetto prevede inoltre il supporto per l'incapsulamento, per cui ogni comportamento verrà suddiviso nel suo modulo CommonJS, il drag & drop degli oggetti presenti sul piano di lavoro e il loro ridimensionamento, l'integrazione di un selettore di colori basato su Canvas e il supporto per la serializzare degli oggetti nel formato d'interscambio JSON.
Via: Stylo