Angular.js. Multitouch with Hammer.js. This tutorial is featured in the free June issue of Appliness.
Download it on your tablet (iPad or Android). Every month, you’ll find free technical tutorials in Appliness about web application developement. If you have to suggest ideas, if you want to contribute writing articles, feel free to contact us using the feedback form ! Hammer.js is a very simple but very powerful library to enable multitouch experiences on touch devices.
As a mobile application developer, I’m always dealing with the frontier between native apps and web apps. To introduce this library, I’ve extended some Hammer samples found on GitHub. In my sample I’m using the Drag gesture, pinch to rescale the pictures and the rotation gesture using two fingers. I’m just playing with three pictures. You can check the live sample here: Of course, it’s better to test this sample on a touch device such as the iPad. Then I’ve declared three DIV to display the pictures. <body><div class=”welcome”><p>This sample is using Hammer.js. AppJS. Le retour de Flash sur iPhone (et compatible AS2) Autodesk propose avec son logiciel ScaleForm (SDK...) d’exporter ses SWF (les fichiers de Flash) sur iPhone sous la forme d’une application autonome (via une compilation externe, si j'ai bien compris ScaleForme possède son propre player de .swf).
ScaleForm est à la base un logiciel permettant d’exporter du Flash afin de réaliser des interfaces de jeu vidéo (toutes plateformes confondues). Dorénavant vous allez pouvoir créer des applications iPhone (mais aussi Androïd) avec Flash. Et la très très bonne surprise, c’est que ce système est compatible avec l’AS2 (et aussi AS3), et oui amis graphistes, designers, étudiants et bricoleurs du code (dont je fais partie) vous allez pouvoir coller des scripts AS2 partout sur vos movie_clips et ça marche parfaitement. La preuve en image. Une vidéo officielle de présentation : Après la question qui fâche, pourquoi Adobe ne propose pas un outils aussi simple et rapide à l'exécution ? Questions and Myths About PhoneGap. Meteor.
KNACSS, un mini framework CSS qui claque sous la dent ! SeuratJS: Pixelate & Pointillize Your Images. Built atop Raphaël, a small JavaScript library that simplifies working with vector graphics on the Web, SeuratJS is a plugin created by Greg Smith that makes it easy for developers to pixelate and pointillize images on the fly.
According to the creator, the aptly named plugin (read: Georges Seurat) works by “extracting color data from an image of your choice and rebuilding the original with filled graphical primitives in SVG.” It’s a simple plugin with varied results that range from goofy effects to honestly useful and artistic results. More, from Smith: SeuratJS is a JavaScript library that extends Raphaël and allows for the creation of vivid animations and pixelated artwork using minimal code.
Seurat makes it extremely easy to alter what primitives are generated (how they look and where they appear) and how they animate.SeuratJS uses the HTML5 canvas to parse color data and, because of this, the library operates entirely on the client side. Here are a few examples of what can be done: EpicEditor - An embeddable JavaScript Markdown editor. The API of APIs. jQuery.