Motion and Interaction Design for HTML5
Adobe® Edge is a new web motion and interaction design tool that allows designers to bring animated content to websites, using web standards like HTML5, JavaScript, and CSS3. Edge will be updated regularly to add new functionality, stay ahead of evolving web standards, and incorporate user feedback to provide the best functionality and experience possible. This is an early look at Edge with more capabilities to come.
wysihtml5 is an open source rich text editor based on html5 technology and the progressive-enhancement approach. It uses a sophisticated security concept and aims to generate fully valid html5 markup by preventing unmaintainable tag soups and inline styles.
Wrttn.me - is a simple notepad with a large number of features.Make your note, save it and share it with friends. Very easy and fast, isn't it?
Such simplicity very well combines with a great number of features. You can design your page completely to your own taste. Press options, create your css styles and select the desired marking type: Textile, Markdown, HTML5 or plain text.
Created pages contain only what you have typed. There are no irrelevant elements. Only text and media content. And this is just a small part of what you can do!
TVB aims to use the new HTML5 features, more specificly the 'video' and 'audio' tags with the ogg/theora video and audio formats. This site will be an experimental playground and as such subjected to both live and drunk (en)coding
Sensation and Perception Experiments
Two experiments which I designed and ran for my Sensation and Perception class in Fall 2009. They are designed to measure counting thresholds.
Pulse of the Planet
visualize tweets in real-time using Google Maps.
Sensation and Perception Experiments
Two experiments which I designed and ran for my Sensation and Perception class in Fall 2009. They are designed to measure counting thresholds. Both experiments use HTML5 canvases which requires a modern browser such as Google Chrome or Mozilla Firefox.
Life on a Canvas
simulation of Conway's Game of Life and I added a bunch of features to make it interactive. Go ahead and enjoy it!
Tier3
Tier3 attempts to build itself as a layer on top of social news sites like Digg and reddit.
Pong written in JavaScript
Radius
Radius is a portal-esque web page. Shiny graphics, Ajax, and APIs are at the heart of this prototype. It may not be practical, but it is an experiment in making a portal type page.
Swiffy converts Flash SWF files to HTML5, allowing you to reuse Flash content on devices without a Flash player (such as iPhones and iPads). Swiffy currently supports a subset of SWF 8 and ActionScript 2.0, and the output works in all Webkit browsers such as Chrome and Mobile Safari
A drum machine! Click the buttons you want to play while the loop is going. Then press "Run" and listen to the beat magic. You can change the tempo, too, if you'd like-just stop the loop (by pressing "Run" again) and then edit the bpm.
Right now the sequencer only works in Safari and Firefox because Chrome doesn't support aif/wav files yet-and Internet Explorer is… well… Internet Explorer. On the bright side, there's no flash or other plugin involved. It's all HTML 5 and JavaScript.
Created by Jesse Jackson / Pattern86.
Edit photos and images online with Pixastic, an online photo editing application built with JavaScript and the HTML5 canvas element.
simply download a zipped package containing all the files needed
HTML5 scientific graphing calculator, which millions of students around the world use for free.
We also create activities on top of that calculator, helping students use a powerful tool to experience all the curiosity, beauty, and sense that math has to offer. Those activities were used so often by so many teachers around the world that we decided to create an Activity Builder, helping every teacher create digital math activities that equal and exceed the activities we create ourselves.
E-LEARNING: We invite students to solve challenging problems using the tools they already have. We create a need for new tools before we help students learn how to use them.