Diagramming Components for HTML5/Canvas, by Northwoods Software®

GoJS is a feature-rich JavaScript library for implementing interactive diagrams across modern web browsers and platforms. GoJS makes constructing diagrams of complex nodes, links, and groups easy with customizable templates and layouts. GoJS offers many advanced features for user interactivity such as drag-and-drop, copy-and-paste, in-place text editing, templates, data binding and models, transactional state and undo management, palettes, overviews, event handlers, commands, and an extensible tool system for custom operations. GoJS is pure JavaScript, so users get interactivity without requiring round-trips to servers and without plugins. GoJS normally runs completely in the browser, rendering to an HTML5 Canvas element or SVG without any server-side requirements. When upgrading to a newer version, please read the Change Log. You can explore the newest features and samples in the GoJS Beta for the next version, if a next version is available.

New Healthcare.gov is Open, CMS-Free Update: Read our post on the June launch of healthcare.gov, or listen to a podcast on our work developing the new healthcare.gov and how CMS-free websites are a great fit for federal websites. At a South by Southwest event this weekend, Department of Heath and Human Services CTO Bryan Sivak outlined a new vision for healthcare.gov. As the primary interface for the public to learn about and shop for health insurance plans through the Health Insurance Marketplace, healthcare.gov will relaunch this June with a completely rethought design and architecture. The new healthcare.gov follows our CMS-free philosophy. The code for the website will be open in two important ways. Moreover, all content will be available through a JSON API, for even simpler reusability. Healthcare.gov content editors will use an improved Prose.io to create and manage content across the site. We're excited to partner with the HHS team to offer strategic support for a completely new and open source healthcare.gov.

gury - an html5 canvas utility library Formulaire de contact pur css3 html5 sans images - StÃ©phanie Walter, Graphiste - Designer web et mobile J’avais envie de m’amuser avec les nouvelles fonctionnalités des formulaires html5 et les gradients css3, et l’idée qui m’est venue est est assez simple : créer un formulaire pure html5 Css3 sans utiliser une seule image. Voici le résultat, que vous pouvez voir dans une démo live ici. Attention, ce formulaire utilisant des techniques de css3 et html5 pas encore répandues dans tous les navigateurs, il s’agit d’une démonstration de ce qu’on peut faire avec du css3 (à ne pas utiliser sur un site live donc). Il vaut mieux l’ouvrir avec la toute dernière version de firefox. Vous pouvez également l’ouvrir avec chrome ou safari, mais vous n’aurez pas l’effet de transition sur les icônes, les transitions sur les pseudo-classes :before ne fonctionnant pas encore pour ces navigateurs à l’heure où j’écris cet article. ” Full CSS3 HTML5 Contact Form with No Images ” Besoin d'un designer ?

mojombo/jekyll GoJS Overview - HTML5 Canvas JavaScript Library for Diagrams GoJS Overview GoJS is a fast and powerful JavaScript library for implementing interactive diagrams in HTML5 web applications. The design of GoJS is similar to the design of our other diagramming controls and to GoXam in particular. The design includes support for templated definitions of complex parts and data-binding of graphical object properties to model data. Create Powerful Diagrams Canvas-based diagramming allows for some of the fastest plugin-free diagramming on the web today. View the samples now! Rich Features GoJS offers a comprehensive range of diagramming features, allowing programmers to create rich Canvas apps faster. Templates for Nodes, Links, and Groups Data binding with JSON data Intuitive Drag-and-Drop & Copy-Paste functionality Unlimited extensible Undo and Redo Mouse and touch support with customizable tools Orthogonal and Bezier link routing with "Avoids Nodes" and "Jump Over" options Automatic layout of graphs Palettes and Overviews And much more. Licensing Terms

CSS3 Transition Online Python Tutor - Learn programming by visualizing code execution Create a Sprite Animation with HTML5 Canvas and JavaScript { William Malone } by William Malone Sprite animations can be drawn on HTML5 canvas and animated through JavaScript. Animations are useful in game and interactive application development. This tutorial will describe how HTML5 sprite animations work. The example code is based off the game development framework: BlocksJS. What is a Sprite Animation? Two dimensional frame-based animation can be achieved on HTML5 canvas by rendering an area of a single image on a given interval. Using the drawImage method of the canvas context we can change the source position to only draw a cropped portion of one image called a "sprite sheet". What is a Sprite Sheet? HTML5 canvas animation sprite sheets are fundamentally the same as CSS sprite sheets. Now Let's Create a Sprite Animation Let's start by loading the sprite sheet image for the coin animation. var coinImage = new Image(); coinImage.src = "images/coin-sprite-animation.png"; Next we define the sprite object so we can create one (or more later). DrawImage Method Render

Apprendre le HTML5 â€“ Tutoriel Complet Tutoriel complet pour apprendre le HTML5 – Quelque soit votre niveau, ce cours est fait pour vous. Que vous débutiez dans la création de site internet ou que vous maitrisez déjà le xHTML et / ou le HTML 4.01, découvrez toute la puissance du HTML5. Chaque chapitre est rédigé de façon concise et compréhensible par tous. Ils sont divisés en thèmes consultables indépendamment suivant votre niveau et vos connaissances. Chaque point détaillé est inclus dans un exemple concret et certains sont accompagné de démo consultable en ligne. L’ensemble du cours – en constante évolution - est accessibles à tous quelque soit votre niveau : Un problème, une suggestion ou une remarque : Poser votre question ou venez en discuter sur notre forum. Maintenant que vous savez à quoi ressemble le HTML5 et ce qu’on peut faire avec, passons aux choses sérieuses. Voici les bases des langages de développement web HTML et CSS. Le HTML et le CSS sont deux langages complémentaires. [cadrePTQ]

HTML5 deployment platform Performance is key to mobile web app and game development, and CocoonJS was designed from the ground up to accelerate all aspects of HTML5 execution. CocoonJS provides the best JavaScript and HTML5 execution environments to choose from, depending on the type of your project and the platforms you want to deploy it to. If your project is an HTML5 canvas game CocoonJS provides the most performant canvas 2D and WebGL implementation in the market for iOS and Android. This environment is a highly specialized JavaScript virtual machine with a blazing fast implementation of everything needed to make canvas 2D or WebGL based games scream on mobile! CocoonJS is the only platform to date that allows WebGL native app deployment in both iOS from version 5.0 and above and Android from version 2.3 and above. If your project is an HTML5 general purpose app or a DOM based game CocoonJS provides a consistent and accelerated environment to close the gap between web and native apps. Monetization.

Animatable: One property, two values, endless possiblities box-shadow From: 0 0 black To: 0 150px 10px -50px rgba(0,0,0,.5) Author: @leaverou