Issues » 89

WebRTC introduction, Chrome 27, new W3C Working Drafts Read this issue on the Web
HTML 5 - Please enable images? :-) Weekly Issue 89
May 22, 2013
featured
Real-time Communication with WebRTC [video] Google's Justin Uberti and Sam Dutton show off what WebRTC (Web Real Time Communication) is all about, what APIs are involved, and how to tie it all together to build an app. A great 40 minute presentation.
Google I/O
Chrome 27 Arrives with 5% Faster Page Loads The speed improvement comes thanks to the introduction of 'smarter behind-the-scenes resource scheduling', and as Google themselves say, every second counts!
The Next Web
from our sponsor
An Army is Forming to Battle Patent Trolls
We aren’t going to take it. At Rackspace, we’ve always been vocal in our opposition of patent trolls and their attempts to extort settlements from businesses that actually create value, but we have taken action. An army is forming and preparing for battle. See who has joined in the fight against patent trolls. When will you join?
reading
The Elusive Universal Web Bytecode Alon Zakai (creator of Emscripten and asm.js) explains that the common wish of replacing JavaScript with a universal browser-based bytecode and VM isn't realistic and that JavaScript already fulfills most of the requirements.
Alon Zakai
W3C First Public Working Draft of 'Custom Elements' API This specification describes the method for enabling the author to define and use new types of DOM elements in a document.
W3C
W3C First Public Working Draft of 'HTML Imports' API A way to include and reuse HTML documents in other HTML documents.
W3C
Define Flow Areas Directly with CSS Regions 'CSS Regions' allows you to define where your content flows, as opposed to blocking out where your content should not flow. Chrome Canary currently supports CSS Regions but it should spread further afield in time.
Adobe Web Platform Team Blog
WebRTC Is Growing Fast: Soon to Surpass One Billion Devices
GigaOM
Firefox Developer Tool Features for Firefox 23 A look at some cool new tools currently in Firefox's 'Aurora' pre-beta channel.
Mozilla Hacks
Google Has Already Removed 8.8M Lines Of WebKit Code From Blink A minor status update on Google's WebKit fork from Google I/O.
TechCrunch
Line Clampin' For when you want a certain number of lines of text to appear within an element and no more. All with CSS.
CSS-Tricks
Voice Command Recognition Using Levenshtein Distance and The Web Speech API The Web Speech API converts spoken language into text but the results aren't always perfect. To get around this, you can compare the recognized text to reference text samples by Levenshtein distance (a way of measuring the extent of differences between two strings).
SupplyFrame Engineering Blog
Create a 3D CSS Animated Box with Sass Jaime Quiroz walks through the techniques he used to create a 3D animated box in CSS using Sass and Compass.
Flippin' Awesome
Progressively Enhancing HTML5 Forms By Creating A 'required' Attribute Fallback with jQuery The HTML5 'required' attribute provides client-side 'required' form field checking and validation but leaves us to think about older, non-compliant browsers. Todd Motto presents a jQuery-based solution.
Tech.Pro
Chrome's Forthcoming 'requestAutocomplete()' requestAutocomplete() will give you programmatic access to autocomplete/autofill data from JavaScript in the browser.
Alex MacCaw
code and tools
Label.css: Simple Labels For Any Element Provides a simple mechanism for adding 'labels' to any on-page element by using a CSS class and a 'data-label' attribute.
Hossein Emrani
Adobe's Flash Pro CC Exports to Dart and HTML5 At Google I/O, Adobe have announced that their Flash Pro CC now exports animations and code to Dart and HTML5.
dartlang.org
zelect: jQuery Plugin for A Better 'select' Highlights: asynchronous paged loading of large option lists; initializable in a detached or hidden DOM node; programmatically selectable and changeable.
Motion Canvas: An HTML5 Animation System (including editor) A complete (and commercial) HTML5 Canvas animation system including a full featured animation editor and execution engine that lets you create animations for any system that runs an HTML5 compliant browser.
Polymer: A New 'Web Components'-Based Library A new (currently 'pre-alpha') user interface framework from several Google engineers that's oriented around Web Components. It cleverly polyfills support for things that are missing in existing browsers, such as Shadow DOM and Custom Elements.
Opera 14 for Android Released Built on top of Chromium 26, with a total overhaul of the UI in native code, making it fit well with the latest Android design guidelines.
Opera Developer News
WAAX: Web Audio API eXtension for Chrome A JavaScript library for music and audio programming on Chrome.
Hongchan Choi
jobs
Junior Software Engineer at Thinkful
We’re building the tools to deliver curricula, expertise, and live help so anyone can advance their career. As an engineer at Thinkful you’ll be working directly with both the founders to architect, build and grow our technology and our team. You'll learn new skills and apply them to help others do the same. Talent and curiosity matter more than raw skill. Experience is valued, but not as much as potential.
UX Designer / Developer for Saxo Bank A/S (Copenhagen, Denmark) Seeking: A talented individual with top-notch design and front-end development skills to help shape the UX for the next generation of our HTML5 trading applications.
UI Developer at ClearFit Inc., Toronto, Ontario. Do you want to work for a venture-backed SaaS, pre-IPO company with a start-up mentality? We are looking for a front-end developer to raise our technical bar, who is dedicated to the creation of "wow" products.
Senior Frontend/UI Developer at Holler (Sydney)
demos
Beat Petite A simple drum machine made with the Web Audio API.
Stuart Memo
CSS Tube Map The iconic London Underground map rendered using CSS.
John Galantni
Skycraft: A Creative Voxel Adventure Game Made in WebGL
An NES Rendered Using CSS (With Animations)
CodePen
Impossible Mission: A Remake of the Commodore 64's 'Mission Impossible'
Krisztian Toth
last but not least..
Google Introduces Portable Native Client: An Architecture-Independent 'Native Client' Portable Native Client (PNaCl - pronounced 'pinnacle') is a toolchain for compiling Native Client applications to a subset of LLVM bitcode.
TechCrunch
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