DesMM.com » design

Edge: HTML5 secondo Adobe!

Massimo Mastromarino — Tue, 02 Aug 2011 10:54:21 +0000

Edge è la risposta di Adobe alla continua ed inevitabile ascesa di HTML5. Già alcuni si chiedono se Flash ormai sia superato da HTML5. Probabilmente in Adobe da tempo si saranno posti dei quesiti su come comportarsi davanti a questa imminente rivoluzione, ed inevitabilmente si dovranno adattare alle richieste del mercato. Probabilmente Edge, un editor HTML5, è la mossa vincente.
Già esistono convertitori di file Flash SWF in HTML5, wallaby di Adobe, ma anche Google vuole contribuire con Swiffy un altro convertitore FLAH to HTML5.

Un editor HTML5

Ma ora con Edge avremo la possibilità di realizzare animazioni HTML5 con un editor simile a quello che già in molti conoscono di Flash, quindi con una timeline, keyframe, motiont, rotazioni….
Adobe mette a disposizione un Preview gratuita di Edge installabile su Windows e su Mac, per poter procedere al download di Edge serve un account Adobe, l’iscrizione è gratuita. La demo di Edge sarà gratuita utilizzabile gratuitamente fino alla fine del 2011. Non perdete tempo!

Qualche esempio di HTML5 con Edge

Ecco qualche esempio di Edge direttamente dal sito di Adobe:

Una prova veloce di Edge

L’ho installato ed ho provato ad aprire Edge per creare la mia prima animazione HTML5, naturalmente molto banale, e molto semplice. Curiosando nel codice mi accorgo della presenza di jQuery probabilmente per garantire il funzionamento delle animazioni anche su browser obsoleti.

La pagina ufficiale di Edge:
http://labs.adobe.com/technologies/edge/

Una riflessione…

Secondo voi un editor HTML5 è un bene o un male? Questo dubbio mi è venuto quando ho ricevuto un riscontro da @Luglio7 su twitter.
Nella storia i vari editor che hanno aiutato a compilare codice spesso hanno contribuito a rendere il codice più pesante e pieno di errori, a partire dal Front Page, ma anche Dreamweaver ci metteva del suo.
Cosa dire del fatto che ultimamente sul web, la navigazione si è fatta più piacevole ed usabile, merito anche della quasi scomparsa dei menu animati tipici di Flash. Con Edge, o con qualsiasi altro Editor HTML5, rischieremo di rivedere animazioni che ci faranno impazzire?

Your Flickr on the Wall: Flickr gallery

Massimo Mastromarino — Fri, 29 Jul 2011 08:30:28 +0000

Your Flickr on the Wall è una web application in grado di importare fotografie da Flickr. A rendere in valido progetto, oltre l’idea, c’è lo stile e la cura dei dettagli curati dal creatore, un italiano Marco Dell’Anna. Non mi viene pensare e difficile dire che Marco è uno dei migliori talenti web designer italiani. Il “muro” può importare immagini dello stream di Flickr o da account specifici, questo è il mio muro.

Plugin Mootools: The Wall

La tecnologia di Your Flickr on the Wall è retta da Mootools ma soprattutto da una ottimo plugin che non a caso chiamato The Wall, realizzato dallo stesso Marco Dell’Anna scaricabile liberamente dal sito wall.plasm.it/. Non mi resta che ringraziare Marco, immagino anche da parte vostra, per la condivisione del suo Plugin.

Parlano di Your Flickr on the Wall anche:

Solidarietà creativa al Giappone

admin — Mon, 21 Mar 2011 00:05:50 +0000

Dalla data del catastrofico evento che ha investito il Giappone, la comunità creativa giornalmente propone sul web opere dedicate al paese del sol levante. Queste opere ci invitano a riflettere ed offrire il nostro aiuto o semplicemente a pregare per una situazione molto complicata, sperando che non possa ulteriormente degenerare. Un invito ad particolare attenzione a chi è intenzionato ad offrire una donazione economica per il terremoto in Giappone, io mi sono affidato alla Croce Rossa italiana.

Help Japan Gallery

Questa settimana la “Design inspiration gallery” lascia spazio a questa raccolta di opere solidali.
[XGALLERY]

Centocinquantesimo! Viva l’Italia!

admin — Thu, 17 Mar 2011 13:00:36 +0000

Oggi è una giornata di festa per l’Italia intera. Italia un simbolo per cui molti in passato hanno perso la vita ed oggi troppo spesso si limita ad essere preso in considerazioni solo in eventi sportivi, e la politica da tempo ci rende sempre più distaccati da questo simbolo tricolore che pieno di storia, arte, cultura, design, invenzioni ed eccellenza, da far invidia al mondo intero. Spero anche che l’Italia in futuro riesca a non camapare solo del suo passato, ma ad imporsi anche nei nuovi mercati come tecnologia ed internet, e perchè no anche nel mondo del web design. Viva l’Italia! Con questo post partecipo al foto(meme) dedicato al 150°, come già ha fatto Julius.

Nonostante sia un personaggio antecedente all’Unità d’Italia Leonardo è indubbiamente il mio mito. Probabilmente l’inventore del “multitasking”, un italiano dalle mille idee e simbolo di eccellenza che tutti ci invidiano.

La fotografia l’ho scattata personalmente l’autunno scorso a Milano al quale ho aggiunto un effetto HDR e desaturata.

Design inspiration gallery 2011-03-25

admin — Fri, 11 Mar 2011 08:29:07 +0000

Visto che settimana scorsa ho saltato l’appuntamento con la rubrica periodica design inspiration gallery, questa settimana vi tocca “subirvi” anche gli arretrati. Vi ricordo nuovamente che le immagini elencate qui sotto sono foto, opere d’arte, illustrazioni… con le quali mi imbatto quotidianamente e cerco di mettere da parte sul mio Tumblr , verso fine settimana creo quest’articolo pregno di ispirazione creativa. [MGALLERY]

Romantically apocalyptic il fumetto online

admin — Mon, 07 Mar 2011 14:07:38 +0000

Romantically apocalyptic è una specie di striscia, come quella che possiamo trovare sui quotidiani, uno scambio di battute in pochi frame per raccontare una breve storia. Ma come avrete potuto notare, si tratta di un progetto molto particolare, a partire dall’ambientazione port atomica in stile Fallout, ma soprattutto dallo stile estetico del fumetto. Ipotizzo che si tratti di un ritocco fotografico che parte proprio dalla fotografia delle figure in un secondo momento ritoccate in Photoshop per rendere lo stile molto “fumettoso”, e realisticamente integrato con gli sfondi.
Qui sotto vi mostro alcuni artworks ed alcune vignette presenti sul sito ufficiale:

Il sito ufficiale del fumetto online

L’indirizzo del sito dove potrete vedere molte altre vignette è RomanticallyApocalyptic.com

Design Tweet settimana 2011-03-05

admin — Sat, 05 Mar 2011 08:30:00 +0000

10 ottimi Font per fumetti http://t.co/FvqVrVp #
L’arte del Fotomontaggio http://t.co/zvTsJXG via @desmm #
Concorso Logo FrancescaV.com http://bit.ly/i8HNQ8 #
Mimetizzazione fotografica – Art by Liu Bolin http://t.co/hnc4ICA #
Editor di codice per Mac: Espresso http://t.co/wcOZSIp via @desmm #
Social King: Ci vediamo il 5 e 6 Marzo su Rai Due! http://t.co/pbhAQsT via @JuliusDesign #

L’arte del Fotomontaggio

admin — Fri, 04 Mar 2011 12:37:22 +0000

la realizzazione di fotomontaggi non è più un mistero come qualche tempo fa, il termine Photoshop è entrato nel vocabolario di tutti anche grazie all’uso spesso eccessivo nel ritocco fotografico per creare corpi perfetti dove madre natura o il chirurgo non hanno potuto fare di meglio.

Creatività e Produzione

Ma i fotomontaggi riescono sempre a stupire grazie alla fantasia che sta nella mente dei creativi, che va ad aggiungersi alla capacità di utilizzo dei software per creare dei veri e propri capolavori digitali.
Oggi non mi limito a mostrarvi una serie di fotomontaggi, ma vi presento un un progetto completo di pre-produzione pubblicato su taylorjames.com. Abbastanza macabro ma di grande effetto. L’intenzione era quella di mostrare dolore e diciamo che ci sono proprio riusciti.

Video fotomontaggi

Questi video mostrano i passaggi che si sono resi necessari per riuscire ad ad ottenere l’effetto finale per questo fotomontaggio. Si nota tra i passaggi che si sono serviti di un software 3D per creare la forma delle mani e solo in un secondo momento sono state aggiunte con un software grafico alla fotografia originale.

Credits fotomontaggio

Titolo progetto: KALBITOR
Cliente: DYAX CORPORATION
Agenzia: GSW WORLDWIDE
Fotografia: L J HOPKINSON AND TAYLOR JAMES
Direzione creativa: TAYLOR JAMES
Prosizione: TAYLOR JAMES

Design Tweet settimana 2011-02-26

admin — Sat, 26 Feb 2011 08:30:00 +0000

Design inspiration gallery 2011-02-25 http://t.co/T5HX4NO via @desmm #

Character Design by Salvador Ramirez Madriz “Reevolver” http://t.co/1yN0hqN #
10 Blog da seguire per imparare le regole del SEO – http://bit.ly/eHXkF4 @ciromarandola #
http://t.co/I698wEC Finalmente riprende vita! Ora è un feed dei miei contenuti, Twitter, Tumblr e Blog #
Fantastici bottoni #CSS3 non perdetevi i "morphing button" http://t.co/wyKaIyV #
Dead Island: trailer forward & rewind http://t.co/pyVwrBn via @desmm #
Nuova rubrica su SEO e Web Marketing! http://t.co/Wv13fSu #
Estensioni per Chrome utili per web designer http://t.co/5ovFiZX #
Disegnare un bel bottone web dettagliato | Webdesigntuts+ http://t.co/5RYlcAW #
Generatore di MulinoBianco. Così la smettete di rompere le balle ai poveri commessi dei supermercati. http://t.co/BByenpG @LastWebdesigner #
Design inspiration gallery 2011-02-19 http://t.co/M8XucjF via @desmm #
Italiani 2.0 il film documento http://t.co/eWofLEQ #
http://www.designmultimedia.com Validato #W3C almeno la home #
Effetto Slideshow solo con #CSS3 http://t.co/ZINlQW6 #
Testo 3D solo con #CSS3 via @mdo #

Design inspiration gallery 2011-02-25

admin — Fri, 25 Feb 2011 08:30:55 +0000

Anche questa settimana si conclude in bellezza con una serie di immagini di grande ispirazione. Questa settimana tra le altre cose sto portanto avanti, ho dovuto trovare il tempo per rimettere mano al mio sito personale DesMM.com che ora si è trasformato in un aggregatore del mio canale Tumblr, Twitter, e include anche Il feed RSS di questo blog, sentitevi liberi di farmi sapere il vostro parere. Buon Fine settimana!!