PUBLIC   marks

PUBLIC MARKS with tag canvas

Sponsorised links

This month

Highcharts - Interactive JavaScript charts for your webpage

by karlcow & 2 others

Highcharts is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types.

Sponsorised links

November 2009

jQSlickWrap - Slick text wrapping for jQuery

by vrossign
To do this, it needs to have access to the individual pixels of the images it's operating on -- which is why for jQSlickWrap to work, you need to have a browser that supports HTML 5's new canvas element. Here's an overview of the algorithm: 1. If necessary, pre-load the image. 2. Determine the CSS styles for the image (float and padding). 3. Create a canvas element and set its dimensions to the size of the image plus its padding. 4. Draw the image onto the canvas in the top-left location. 5. Figure out the "background" color of the image by examining the pixel data at the top-left corner of the image. 6. Fill the canvas with this background color.

October 2009

Sunburst Visualization at Overfloater

by karlcow

A Sunburst visualization is a radial space-filling visualization technique for displaying tree like structures. There are other space-filling visualization methods that use other visual encodings for describing hierarchies. For example, the Treemap is a space-filling visualization that uses “containment” to show “parent-child” relationships.

MISSILE FLEET

by parmentierf (via)
Made with CAKE, so only works on browsers that have canvas support (Firefox 2 , Safari, Opera 9.5.)

Google Code Blog: Video Introduction to HTML 5

by parmentierf
an educational Introduction to HTML 5 video that goes over many of the major aspects of this new standard

September 2009

Google Chrome Frame - Google Code

by Spone & 1 other
Enable open web technologies in Internet Explorer Google Chrome Frame is an early-stage open source plug-in that seamlessly brings Google Chrome's open web technologies and speedy JavaScript engine to Internet Explorer. With Google Chrome Frame, you can: * Start using open web technologies - like the HTML5 canvas tag - right away, even technologies that aren't yet supported in Internet Explorer 6, 7, or 8. * Take advantage of JavaScript performance improvements to make your apps faster and more responsive.

Chromium Blog: Introducing Google Chrome Frame

by marco & 3 others
One challenge developers face in using these new technologies is that they are not yet supported by Internet Explorer. Developers can't afford to ignore IE—most people use some version of IE—so they end up spending lots of time implementing work-arounds or limiting the functionality of their apps.

Education/Projects/ProcessingForTheWeb - MozillaWiki

by Neewok

Processing for the Web is a proposed Mozilla-sponsored initiative to create a complete and robust port of the Java-based Processing language and environment (popular for art, design, and visualization applications) to the open web, using standard technologies such as JavaScript, Canvas, etc.

August 2009

llimllib's viewji at master - GitHub

by karlcow

Viewji is a clone of NodeBox in Javascript, using the HTML 5 canvas edit

a textile editor - built over html5 canvas

by Spone & 2 others
I'm pretty sure that textile is the right way to produce content for the web, and that WYSIWYG editors are bad for your website. But editing a large chunk of textile using a textarea is not fun. I usually use Textmate to edit textile content, and wanted to reproduce the same feeling inside a browser. The best online text editor is currently Bespin and I gave it a try. Unfortunately, the current state of bespin make it pretty difficult to embed the editor itself in a standalone way. Moreover I needed specifics features like 'soft wrap' that is totally required to edit some textile content. So I took the Bespin way, and started to hack using javascript and HTML5 canvas to create a simple, standalone and totally embeddable textile editor for the web.

Combining Mobile GeoLocation, Client-Side DB, Canvas in a WebApp at Benjamin Hill

by karlcow

A GPS tracker, complete with visual display of your recent waypoints, that would continue to work if your phone reset, powered off, or lost network connectivity half way through your hike. Build it fast, simple – and entirely web-based without any native code.

July 2009

PUBLIC TAGS related to tag canvas

no tag

Sponsorised links