Dev.Magic

Success is a lousy teacher

Subscribe to RSS feed

Posts tagged with "HTML5"

Raptor EditorTM is an Open Source javascript wysiwyg html edito

,

Raptor EditorTM is an Open Source javascript wysiwyg html editor designed to be user-friendly and easy to integrate and customize. Raptor is designed for inline editing and is ideal for complex multi-block layouts. Raptor utilizes the latest technologies including HTML5 ContentEditable and jQuery features comprehensive built-in unit tests and a modular, extensible codebase and plugin API.

https://www.raptor-editor.com/

Flipbook - html5

,

Hype 1.0 allows you to create slick, animated websites in HTML5

, ,

If you've wanted to create a simple but attractive site with some animation but didn't want to go through the hassle of using Flash (not to mention the cost), check out Hype on the Mac App Store. Hype uses a simple timeline metaphor to allow you to place images, text, shapes and more into pages and animate them. Hype uses a Scene metaphor to arrange your pages, much as you would arrange slides in Keynote. Add in your graphics, video and text, and a simple animated site can be yours in a few clicks.

Hype also provides a JavaScript API so that you can plug in your animations to a larger site, one perhaps beyond the capacity of Hype to adequately manage it. This isn't an application for creating a large e-commerce site. Hype is more tuned to simple, informative sites.

While you can make animated sites quickly with Hype, the real beauty is the fact that you don't need plug-ins to deploy your pages. Freed from Flash, Hype exports lightweight HTML5 that will work nicely across iOS devices and Macs without crushing your CPU or draining your battery. My MacBook Air is so relieved!

Hype is available on the Mac App Store for a limited-time price of US$29.99.

You can also take a look at the free beta of Sencha Animator, a similar tool that Brett checked out late last year that's aimed more at the online advertising market.

Source: http://www.tuaw.com/2011/05/20/hype-1-0-allows-you-to-create-slick-animated-websites-in-html5/

tinymonsters

,

Tiny Monsters is a 2D game, written with Javascript using ivank.js library. Your job is to cut small parts from polygon to make it smaller, but avoid tiny monsters inside the polygon.

http://tinymonsters.ivank.net/

chart Js - html5 charts

, , ,

Easy, object oriented client side graphs for designers and developers

http://www.chartjs.org/

Making Sprite-based Games with Canvas

, ,

A very nice introduction to HTML5 games, by a complete, working and explained example:
http://jlongster.com/Making-Sprite-based-Games-with-Canvas
In the intro there are links to two simpler ones.


html5 readiness

We’ve said for a while that HTML5 will change the way you use the web, but not all browsers are ready for the big change. This interactive chart highlights which features are still missing in your browser of choice.

Each ray on the infographic represents a specific feature implementation of HTML5 and CSS3, like drag and drop, audio and animation. By mousing over one of the rays (you’ll need to visit the link below for the full interactive graphic), you can see which feature it represents, and which of eight major browsers currently support it. It’s pretty easy to tell which ones are further along, but for a better comparison between browsers, you can check the “fixed browser positions” box to line up the browser colours too. Even WebKit-based browsers like Safari and Chrome, which have heavily touted their HTML5 support, don’t support every feature yet (granted, they are pretty darn close). Hit the link to play with the infographic, and let us know how excited (or disappointed) you are with support in your favourite browser in the comments.

http://html5readiness.com/

Source: http://www.lifehacker.com.au/2010/05/the-html5-readiness-chart-highlights-how-well-your-browser-handles-the-future/

Building Vyclone's Interactive Experience with HTML5

html5rocks

Play "Waste Invaders" - Flash vs HTML5

, , , ...

Play Waste Invaders in html5 and flash and compare...

http://flashvhtml.com/