Dave Johnson on open web technologies, social software and software development https://rollerweblogger.org/roller/feed/entries/atom 2026-04-07T09:28:33+00:00 Apache Roller https://rollerweblogger.org/roller/entry/mandelbrot-viewer-typescript-canvas Dave Johnson 2016-01-11T10:00:00+00:00 2018-02-16T12:42:44+00:00 <p> <a href="https://github.com/snoopdave/mbcanvas">MbCanvas</a> is a fun project that I did in 2015: a simple <a href="https://en.wikipedia.org/wiki/Mandelbrot_set">Mandelbrot Set</a> viewer written in <a href="http://www.typescriptlang.org/Tutorial">Typescript</a> and using the <a href="http://www.w3.org/TR/2dcontext/">HTML5 Canvas</a>. I did the project to learn more about Typescript and the HTML5 Canvas and I must say, Typescript very nice -- so much easier to read and write than plain old JavaScript, at least for me.</p> <p>Here&#39;s an example image from the viewer.</p> <p><img src="https://rollerweblogger.org/roller/mediaresource/d82c09d5-2037-42aa-9b73-6927a754fa36" alt="mandelbrot set image"></p> <p>The project is fairly easy to build if you&#39;ve got Node and NPM installed, or you can play around with it here: <a href="http://rollerweblogger.org/mbcanvas">mbcanvas - Mandelbrot viewer in TypeScript</a></p> https://rollerweblogger.org/roller/entry/html5_microdata_and_schema_org Dave Johnson 2012-02-09T08:48:06+00:00 2012-02-12T00:38:25+00:00 <p>Worth a read and related to my Web Integration Patterns post on <a href="http://rollerweblogger.org/roller/entry/wip_embedded_properties_in_html">Embedded Properties in HTML</a>:</p> <blockquote> HTML5 Microdata and Schema.org:HTML5 Microdata and Schema.org On June 2, 2011, Bing, Google, and Yahoo! announced the joint effort Schema.org. When the big search engines talk, Web site authors listen. This article is an introduction to Microdata and Schema.org. The first section describes what HTML5, Microdata and Schema.org are, and the problems they have been designed to solve. With this foundation in place section 2 provides a practical tutorial of how to use Microdata and Schema.org using a real life example from the cultural heritage sector. Along the way some tools for implementers will also be introduced. Issues with applying these technologies to cultural heritage materials will crop up along with opportunities to improve the situation.</blockquote>