from the editor
Welcome to issue 55 of HTML5 Weekly. A pretty mega issue today and I just want to direct your attention to the 'Tools' section in particular. One (a Web font converter for OS X) is only free for the next few hours, and another (a drag and drop online page designer) has 250 limited instant invites for HTML5 Weekly readers only. Enjoy! -- Peter C
news and headlines
Ryan Sleevi and Paul Irish share some info and links on this API for doing basic cryptographic operations in the browser.
from our sponsor
Matthew Setter looks at Web Storage, the specification that allows for persistent data storage in the browser at a more advanced level than cookies.
Slurp pictures users want to upload into a canvas, resize, then upload the resized version, saving bandwidth. Not perfect yet but a clever idea nonetheless.
Both ridiculous and genius at the same time.
Oswald Campesato shows how to use CSS3 transitions, keyframe rules and the functions scale3d(), rotate3d(), and translate3d() from his recent book "HTML5 Canvas and CSS3 Graphics Primer."
Ron Reiter digs into why WebSocket is important for Web-based multiplayer games and shows off some basics of integrating it with a Python-based Tornado server. Comes with source and a demo.
Want to build a form that doesn't use any 'input' tags or other DOM elements except 'canvas'? Here's how.
I casually mentioned its release last week, but here Scott Hanselman gives a screenshot-driven walkthrough of Microsoft's latest free front end Web development tool.
An interesting drag and drop tool that can export to responsive HTML5 and CSS. Still in private beta but the first 250 people to apply via this exclusive-to-HTML5-Weekly landing page will get instant invitations into the beta.
Converts TrueType or OpenType fonts into Web fonts (WOFF, EOT, SVG). Sadly their free offer is only for the next few hours(!) but I just managed to grab it OK and it worked well on fonts I tried.
code and libraries
A demo of how to achieve realtime text communication using GIF images as transport. Whoa!
An implementation of iOS UITableView's floating headers using HTML5 for non-native usage. Aimed at mobile browsers.
A delight from the GLSL Sandbox. Clever stuff!
Rule 110 is a cellular automaton known to be Turing complete and in this incarnation it's implemented entirely with CSS and HTML5.
In 2009, Google launched a 'Chrome Experiments' site to show off some of the most creative uses of the latest Web technologies. They've now reached 500 'experiments' and are marking the occasion.
Aims to become 'the Github of visual ideation.'