Group items tagged

Exporting & Saving One thing that SVG can’t do is save the resulting image as a bitmap. It’s easy for <canvas> because the element is already a bitmap in the first place! The canvas can export its image to a data URL (e.g., data:image/png;base64,iVBORw0KGg...). This data may then be rendered in the browser, which could then be saved or dragged to the desktop, used in a new canvas, and so on. The browser must support PNG images, and it may have varying support for GIF and JPG. For our example, we’ll stick with PNG since it supports alpha transparency, and where we haven’t drawn on the canvas, it’ll be transparent. To get the data URL, we simply call canvas.toDataURL('image/png'). Note that we’re calling toDataURL() on the <canvas> element, not on the 2D context. This is because we’re getting all the pixels in the canvas, not just the pixels in a particular context. So taking the example we’ve put together already, we’ll make the browser redirect to a PNG version of the image when a user clicks on the <canvas> element (a contrived example, I know!): canvas.onclick = function () {  window.location = canvas.toDataURL('image/png');};

Styling HTML 5 is really no different than styling HTML 4. There are a bunch of new elements, but styling them is basically the same as styling any other element. They generate the same boxes as any other div, span, h2, a, or what have you.

The HTML 5 specification is still being worked on as of this writing, so this may change a bit over time, but the following declarations may be of use to older browsers that don’t know quite what to do with the new elements.

With the continued penetration of smartphones into the mainstream market, QR codes are becoming more of an option for designers to prompt interaction. The two-dimensional barcode can easily be generated from text, including a website link, and printed on materials in magazines and conferences. An artist in Paris found an unusual use for the black-and-white squares: to animate a tattoo.

the best iPhone QR Code application or apps is a close race between Optiscan – QR code scanner and generator and QuickMark QR Code Reader 4. Both apps are great with QuickMark with a slight edge over Optiscan due to additional features and linking to online profiles.But if you’re looking for a location-based check-in app that works with Facebook Places, Foursquare, and Gowalla, that also includes a QR Code Reader, then give TriOut a … try!

In the same way that bar codes don’t have to be boring, quick response codes can also be creative. Thanks to a 30% tolerance in readability, you can have some real fun with clever designs. Besides looking good, this can also make them more successful

NeoReader [ itunes link]Optiscan [ itunes link]StickyBits [ itunes link]Barcode [ itunes link]QuickMark [ itunes link]TagReader [ itunes link]Redlaser [ itunes link]ScanLife [ itunes link]Mirascape [ itunes link]Best Buy [ itunes link]

The Google Data APIs Objective-C Client Library provides an iPhone static library, a Mac OS X framework, and source code that make it easy to access data through Google Data APIs. To get started with Google data APIs and the Objective-C Client Library, look at the overview slides, read the introduction and study the example applications.