Subscribe to HTML5 Weekly here

Web Crypto API, CSS Dev Conf, and lots of great tools
HTML5 Weekly
#55
September 19, 2012

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

Sign up to join Adobe for a live stream of the keynote for the Create the Web event in San Francisco on September 24th starting at 10am PDT. Get a look at how Adobe is helping move the web forward and get a sneak peek at new tools, technologies and services for web designers and developers working with HTML, CSS, and JavaScript.

reading

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.
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.

tools

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.
This 'Graphics Library on Web' (Glow) makes it easy to write real-time navigable 3D animations that run in the browser and is based on JavaScript and WebGL. By 'easy', you can have a rotatable and zoomable cube in a one liner!

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.

demos

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.
js13kGames is a JavaScript and HTML5 game development contest where all entries have to fit into 13KB - assets and all. Play 61 of the entries here.
Aims to become 'the Github of visual ideation.'
HTML5 Weekly is published by Cooper Press. Not a subscriber yet? Subscribe here.
Want to advertise or list a job? View our media kit for info or place a job listing directly here.

Street address: Office 30, Fairfield Enterprise Centre, Louth, Lincs, UK, LN11 9EJ