background preloader

Ninja power: open-source HTML5 toolset hopes to unleash the Web

Ninja power: open-source HTML5 toolset hopes to unleash the Web
Modern HTML rendering engines and emerging standards make it possible to create a new class of rich experiences that could previously be achieved only with native development toolkits—but developers need better Web development frameworks and authoring tools in order to take advantage of the possibilities. Three new open-source software projects developed at Motorola Mobility hope to address the problem. We—Tim Statler, Zachary Cohen, and Kris Kowal—have had the pleasure of working on a new content creation tool called Ninja, a JavaScript development framework called Montage, and a testing automation tool called Screening. In this article, we will describe all three pieces of software, and we've included code examples to illustrate some of the functionality. But first—a high-level overview. The Ninja authoring tool is a Google Chrome app for designing keyframe-based animation with HTML5, including 3D scenes and vector graphics. Modularity is a key theme of the project. Workspace Layout

https://arstechnica.com/information-technology/2012/07/ninja-power-open-source-html5-toolset-hopes-to-unleash-the-web/

Related:  HTML5 & CSS3

Comment créer des lignes diagonales en CSS3 Dans ce tutoriel, nous allons vous expliquer pas à pas comment créer des lignes diagonales en CSS3. Afin de facilité la compréhension, nous utiliseront un même exemple tout au long de ce tutoriel. Nous allons créer un cadre avec un contenu (texte, paragraphe, liste, formulaire …) et un titre. C’est justement ce titre qui bénéficiera d’une ligne en diagonales pour le rendre plus jolie. L’infographie ultime sur le HTML 5 Le HTML 5 s’annonce depuis pas mal de temps comme l’une des technologies qui va permettre de multiplier encore plus les usages du Web. Si vous avez toujours voulu savoir en quoi consistait cette évolution sans jamais avoir osé le demander (bande de petits canaillous ! :-p), voici une très bonne infographie qui fait le point sur cette technologie en passe de changer nos habitudes en ligne :

Tutoriel : Un cadre de partage qui s’affiche lorsque la page défile vers le bas – Animation jQuery Dans ce tutoriel, nous allons vous détaillé comment créer un cadre de partage (Facebook …) qui s’affichera au défilement de la page avec une animation en jQuery. Cette technique est de plus en plus employé sur de nombreux sites. Ne vous est-il jamais arrivé de voir un bandeau ou un cadre apparaitre dans le coin inférieur droit de votre écran pour vous proposer un article relatif à celui que vous lisez ?

Formation en soirée Objet Direct : HTML5 ! Le 25 juin à Toulouse Write once, run every … Smartphone Ou comment développer 1 application en HTML5 compatible avec la majorité des Smartphones. L’engouement actuel pour les Smartphones a conduit de nombreuses entreprises à développer des applications spécifiques pour l’iPhone, Android, BlackBerry, Windows Phone, Symbian, … Avec l’adoption massive par les navigateurs Web de HTML5 et de CSS3 d’une part, mais aussi du moteur WebKit d’autre part, il est possible aujourd’hui de n’investir que dans un seul développement. 5 Chaînes vidéos de Tutoriels de digital painting gratuites à suivre Si vous êtes amateurs de digital painting ou même que vous le pratiquez vous-même, quelque soit votre niveau, regarder une vidéo de temps en temps peut être une grande source d’inspiration, d’aide ou de savoir… ou même un moment de détente ! Voici 5 chaînes de vidéos sur Internet qui sont régulièrement alimentées de tutoriels sur cette discipline artistique en plein essor. 1.FZD School of Design Le réputé Feng Zhu Design a ouvert il y a peu son école de design (concept art, production design, illustration) à Singapour. Il partage depuis sur Youtube des vidéos et cours de painting pour promouvoir son école et cela à un rythme soutenu. S’il y a une chaîne de vidéos à retenir, c’est celle-ci !

24 Astuces et Techniques HTML5 à connaitre Le web évolue rapidement, très rapidement. Si vous ne faites pas attention, vous allez vite être dépassé. Voici donc un petit rappel sur l’évolution du HTML5 et ses mises à jour. Ce tutoriel est une liste de 24 Astuces et techniques essentiel et à connaitre en HTML5. Article complémentaire : 20 Conseils et astuces pour coder proprement ses pages en HTML5

Téléchargement de The Rasterbator Description The Rasterbator est un logiciel de conception de posters à partir d'images numériques. Il propose plusieurs options de création et permet de générer des affiches rastérisées. Principales Fonctionnalités Création poster : Ce logiciel sert avant tout à concevoir une affiche de grande taille en se basant sur des images numériques. Le processus est simple dans la mesure où l'utilisateur n'aura qu'à définir la taille de sortie du poster. Les nouveaux éléments de formulaire en HTML5 Le HTML5 apporte 3 nouveaux éléments pour les formulaires : les balises <datalist>, <keygen> et <output>. Bien que les principaux navigateurs ne supportent pas encore tous les nouveaux éléments de formulaire, vous pouvez déjà commencer à les utiliser. Si ils ne sont pas pris en charge, ils vont se comporter comme des champs de texte ordinaire. I.

HTML5 : L'élément <datalist> Avec l'annonce d'HTML5, de grandes nouveautés accompagnent les formulaires. Ils peuvent enfin s'enrichir afin de s'adapter au plus près des nouveaux besoins. Ainsi l'élément <datalist> fait son entrée. Des suggestions de choix Inauguré avec la vague HTML5, <datalist> est un élément de formulaire permettant de lier une liste de choix à un élément input. Il est voué à fournir des fonctionnalités d'auto-complétion ou d'auto-suggestion, dans un formulaire classique ou un champ de recherche, voire à d'autres éléments d'entrée, tels que les nouveaux types <input type="range">.

Related: