|
Issue #45 - July 11, 2012
News and Headlines
A flurry of 'unprefixing' activity is taking place in the Firefox camp, starting with -moz-transform becoming 'transform' and window.mozIndexedDB becoming 'window.indexedDB' (Firefox 16 is due for general release in October.)
More of the above but for CSS3 animations, transitions, transforms and gradients.
Opera unveils a development snapshot of their next browser version. It includes an implementation of the Clipboard API, support for some -webkit prefixed CSS properties, redesigned keyboard event handling, and integration with Mac OS X 10.8's Notification Center.
From Our Sponsor
Here's a true drag-and-drop layout builder for WordPress. You'll be able to use unlimited templates on your sites, access a powerful Style Editor for countless CSS options, as well as integrate unlimited fonts, forms, shortcode generator, slideshows and SEO among many other features. See the video.
Reading
Jon Moore has heard many folks say that 'HTML is primarily for presentation and not for conveying information' and not suitable for API use but he says hogwash! He makes some interesting points.
Mozilla's Nicholas Nethercote explains why cross-browser comparisons of memory consumption are bad and demonstrates a better method.
Lakshan Perera takes a quick look at the increasingly popular Web data transfer protocol in order to see why it matters to Web developers.
An enjoyable walkthrough of how a developer rose to the challenge of building a first person shooter in a week by using Backbone, Three.js (the WebGL library), and GLSL (shaders used with WebGL). The game has been open sourced too.
Wouldn't it be great if you could upload an entire folder of files in the browser with a single drag? Christopher Blum has been working on such a feature for use in Chrome.
A gloriously in-depth walkthrough of how Scott Schiller reimplemented an old C64 game using HTML, CSS3, and JavaScript (and no Canvas in sight!) There's a lot to enjoy here.
The latest beta release of Google Chrome enables the getUserMedia API by default (think accessing and manipulating webcam images from JavaScript) and adds support for a new Google printer connectivity system.
Watching
An hour long Google I/O session digging into CSS Regions, Exclusions, Shaders, Compositing, and the Shadow DOM, along with Adobe's Shadow and Brackets projects. Lots of demos!
Code and Libraries
A jQuery plugin to create sortable lists and grids using the native HTML5 drag and drop API. Less than 1KB minified and gzipped.
A quick and easy way to build product tours using Twitter Bootstrap popovers. Copes with scrolling, multiple pages, and more.
An interesting library for Google's Dart language that provides the Flash API on top of HTML5 web standards. It's a work in progress but there's a demo.
Montage simplifies the development of rich HTML5 applications by providing modular components, real-time two-way data binding, CommonJS dependency management, and more.
A simple but striking effect but what I found interesting is you can 'play back' the writing of the code and follow along in its development. An interesting way to learn.
Jobs
Why get a JOB when you can play in paradise? Ontraport is looking for smart like-minded people to join our team of innovators. Work in a beautiful environment that focuses on collaboration encouraging all employees to voice their ideas and perspectives.
At Swoop we are pushing the limits of single page cross domain web application development. Not only does our code need to run correctly, but it needs to run in some of the most hostile environments on the web: other people’s web pages.
Demos
Uses your browser's geolocation support to show a live star chart as may be visible at your location.
Last but not least..
Is the linked document an HTML page or is it a JPEG image? It's both. At the same time. Intrigued?
|