Issues » 93

Bye Chrome Frame, Building a Stylophone, 'template' Element Read this issue on the Web
HTML 5 - Please enable images? :-) Weekly Issue 93
June 19, 2013
featured
Google Retiring 'Chrome Frame' Google launched Chrome Frame back in 2009 as a way to allow specially marked pages to be displayed in Internet Explorer 6-9 using Google's Chrome engine instead. Last week, they announced Chrome Frame would be retired because most users are now using browsers that support modern Web standards and those that aren't could lean on Google's Legacy Browser Support option instead.
How to Build a Web Audio Stylophone Get started with the Web Audio API by learning how to recreate the classic miniature synthesizer with Web Audio guru Stuart Memo.
Codrops
'template' Element Now in the HTML Specification
W3C
from our sponsor
reading
Image Masking with HTML5 Canvas All you need to do is add the canvasmask.js script and add a class of mask to each image you want to mask.
Christian Heilmann
Font Hacking A primer on extracting, deconstructing, altering and replacing letterforms for impressive stylistic tweaks to Web pages. Leans on web-font and SVG font support.
Heydon Pickering
Web Telephony API W3C Editor's Draft This specification defines an API to manage telephone calls. A typical use case of the Web Telephony API is the implementation of a 'Dialer' application supporting multiparty calls and multiple telephony services.
Uncovering the Native DOM API Nicolas Bevacqua explores how to create common JavaScript library functionality using just the Native DOM API.
Flippin' Awesome
Speeding Things Up with SessionStorage If you pass data between the client and server with Ajax and aren't too worried about the content being fresh, consider leaning on the DOM Storage API to speed things up.
Simon Smith
Understanding 3D Transforms An introduction to the math, notation, and concepts behind 3 dimensional CSS transforms.
Dev.Opera
Innovating with HTTP 2.0 Server Push HTTP 2.0 enables the server to send multiple responses (in parallel) for a single client request - aka "server push." Ilya Grigorik looks at how this can be used to avoid round trips.
Ilya Grigorik
Controlling History: the HTML5 History API and ‘Selective’ Loading
InsertHTML
HTML5's Missing Tag: 'sarcasm'
ReignDesign
Build A Motion Activated Security Camera, with WebRTC, Canvas and Device Orientation
Web Directions
Using Web Workers to Improve Performance of Image Manipulation
HTML Goodies
sourceMappingURL and sourceURL Syntax Changed
HTML5 Rocks
State of the Safari Web Inspector
Surfin' Safari
Web Performance APIs Rapidly Become W3C Recommendations
MSDN IEBlog
watching
Content Security Policy With cross-site scripting (XSS) still one of the most significant webapp security vectors, Google's Adam Barth shows off one of the ways you can help secure your own app, Content Security Policy.
YouTube
Embracing IndexedDB IndexedDB is an API for client-side storage of significant amounts of structured data and for high performance searches on this data using indexes. In this talk from ScotlandJS, Huong Vu walked through the usage of IndexedDB in common webapp scenarios and explained how to use indices and properly structure data for query performance.
Huong Vu (Zi)
code and tools
Phoria 3D: WebGL-Free 3D Graphics for Canvas A JavaScript library for simple 3D graphics on a 2D HTML5 Canvas. It does not use WebGL - so works on any device that can display HTML5 Canvas
Kevin Roast
MQtest.io: A Tool to Help Identify Which Media Queries Your Device Responds To
MQtest
Animate.css - A Bunch of Plug-and-Play CSS Animations
Dan Eden
Buttons: A CSS button library built using Sass and Compass
Flippant.js: Mini JS + CSS Library for Flipping Things Over
Selectivizr – Pseudo Selector Support for IE
Atomic Object
jobs
Front End Developer at Booking.com in Amsterdam Are you interested in building the best accommodation website used by millions of customers? Do you have solid experience developing with HTML/CSS/JS? Booking.com is looking for an experienced Front End Developer. Learn more in our video.
Front End Software Engineer at Citrix We're looking for amazing JavaScript engineers to help us solve hard problems, explore new technologies like WebRTC, and take products like GoToMeeting to the next level. Think that's you? Get in touch!
Front End / Full Stack Developer at InCrowd (Cambridge, MA) Come join our small in-house development team and work on a suite of web apps fed by our Scala-based REST API. Interesting problems, fun technologies, and the opportunity to work on the full stack from database to client.
demos
Convolution Camera: A Convolution Matrix Demo Uses Web Workers and getUserMedia (no WebGL required) to perform image processing upon your webcam image.
Hao Luo
A Circular Form This interface experiments with user input by implementing a circular form, that rotates as the user advances through its path. Clever.
CodePen
last but not least..
Scalable Vector Graphics (SVG) 2 Working Draft The SVG Working Group has published a Working Draft of Scalable Vector Graphics (SVG) 2. This specification defines the features and syntax for Scalable Vector Graphics (SVG) Version 2, a language for describing two-dimensional vector and mixed vector/raster graphics.
W3C
Curated by Peter Cooper and published by Cooper Press.
Want to sponsor an issue? See our media kit.

© 2013 Cooper Press Ltd. Email policy Privacy policy
Office 30, Fairfield Enterprise Centre, Louth, LN11 0LS, UK
Update your email address
or unsubscribe here

ONE e-mail each Wednesday. Easy to unsubscribe. No spam — your e-mail address is safe
Published by Cooper Press and curated by Peter Cooper