Inspirograph

¿Se acuerdan de los espirógrafos?
Hay un ingeniero, programador y chelista en Iowa (E.U.) llamado Nathan Friend, que tiene en su sitio unos experimentos con código bastantes locos. De ahí saqué este espirógrafo hecho con puro JavaScript.
También construyó un Theremin en HTML5…

Welcome. I am a front-end engineer and cellist based out of Des Moines, IA. When I’m not designing research applications for my 9 to 5 at DuPont Pioneer, I find time to take on freelance work or hack away at side projects.

Have a cool project in mind, and think I can help you with it? Let’s talk! Drop me a line at hello@nathanfriend.io.

Look at the pretty design I made using Nathan Friend’s elegant Inspirograph site. A digital replica of the classic Spirograph toy. Written in TypeScript, using D3.js.

http://bit.ly/1Ai23Dw

Inspirograph

Adobe Edge

Con este programita el que no le entre al HTML5 ya no será por otra cosa mas que por decidia.

No se las pueden poner más fácil: interface gráfica basada en timelines, keyframes y tweenings (tal como en flash), efectos y animaciones pre-diseñadas, complatible con todos los  formatos de imágenes y programas de abobe, y (temporalmente) versión de prueba gratis para descargar…

It used to be that if you wanted to create an animated, interactive interface for a website, you needed to use Flash. You might be able to get away with some basic animations using JavaScript, but if you made it too complicated, all you’d end up doing is bogging your visitor’s computer down and causing problems.

Plus, JavaScript was potentially more complicated to use than Flash, at least for those who aren’t fond of coding. But, of course, Flash doesn’t always work well (or sometimes not at all) on mobile devices, including the iPhone and iPad.

Enter HTML5. HTML5 works on just about every mobile platform out there. Anything you could create in Flash can be created with HTML5 (and sometimes added JavaScript and CSS3): animations, interactive elements, and more.

But it reintroduces the coding issue for a lot of designers, who might not be crazy about hand-coding everything. That’s where Adobe Edge comes in…

http://t.co/V0JF153

Adobe Edge