Issues » 115

Read this issue on the Web
HTML 5 - Please enable images? :-) Weekly Issue 115
November 27, 2013
featured
Introducing The Whiteboard Drum: WebRTC and Web Audio API Magic WebRTC’s getUserMedia() allows us to capture video and audio from a user’s computer and the Web Audio API lets us generate audio from the browser. Combine the two? Tatsuya Shinyagaito did, with interesting results.
Mozilla Hacks
Using Chrome DevTools to Improve Your Mobile Workflow In just 50 minutes, Paul Irish covers an end-to-end workflow using Chrome DevTools smartly to accelerate your front-end development to author mobile sites and webapps quickly.
Paul Irish
The (no cost) O'Reilly Fluent Online Conference (December 12)
The O’Reilly Fluent Web Platform conference is back in San Francisco next March, but before then is a free online conference with speakers Mark Bates, Lara Swanson, Marc Grabanski and Nate Murray covering SVG, manipulating JavaScript ASTs, front-end speed, and front-end frameworks. Save your place now to join us for two hours of fun.
O'Reilly Media
from our sponsor
DreamFactory - Open Source Backend Platform & REST API for HTML5 App Development
Don’t write server code. We provide backend services and REST API for SQL, NoSQL, BLOBs, email, users, roles, SSO, OAuth, and remote web services. Get a free account on our website with examples for AngularJS, jQuery, and Sencha Touch.
DreamFactory
reading
The Pond: Building A Multi-Platform HTML5 Game The Pond is a multi-platform HTML5 game (source code) that explores minimalistic design and resolution independent gameplay. Zoli Kahan looks at the tools and technologies behind the game.
Mozilla Hacks
Responsive Images: An End of Year Report Opera’s Bruce Lawson looks at some of the progress made and decisions yet to come in the world of responsive images.
HTML5 Doctor
WebGL With Three.js: The Basics Creating 3D apps in the browser using plain WebGL can be complicated but libraries like Three.js make it a lot simpler. This tutorial goes through an example with the popular library.
Nettuts+
Chrome and Opera Optimize for Mozilla-Pioneered Asm.js
Mozilla
Handling Click-to-Activate Plugins using JavaScript From Firefox 26 onwards — and in the case of insecure Flash/Java in older Firefox versions — most plugins will not be automatically activated. Luckily you can use JavaScript to detect which plugins are available and when they’re activated.
Mozilla Hacks
The New HTML5Test is Here HTML5Test is a popular online tool that tests how well your browser supports HTML5 standards and it has had a significant update, summarized here.
HTML5Test.com
Incrementing CSS Values Under-the-Cursor in Chrome DevTools Chrome DevTools supports some useful keyboard shortcuts for easily incrementing or decrementing CSS values under-the-cursor.
Addy Osmani
The Making Of My JS1K Demo The goal of the JS1K demo contest is to do something neat in 1KB of JavaScript code. This entry displays an animation in Canvas that is reminiscent of music visualizations.
Web Components: Why You’re Already An Expert
Mark Dalgleish
Luke Wroblewski's Notes on the Google Chrome Dev Summit Keynote In his opening keynote at the Google Chrome Dev Summit in Mountain View CA, Linus Upson walked through how Google Chrome is working to address the gaps between native apps and the Web.
Luke Wroblewski
Chrome Extension Programming: Illustrating a Basic Survival Skill with a Twitter Case Study
Andrej Karpathy
CSS Alignment and Sizing Snippets Tim Severien shares a number of useful snippets for aligning and sizing elements in CSS.
Flippin' Awesome
8 HTML Elements You're Not Using (and Should Be)
David Walsh
HTML5 vs. Native vs. Hybrid Mobile Apps: 3,500 Developers Say All Three, Please
VentureBeat
watching
HTTP, WebSocket and SPDY: The Evolution of Web Protocols A 48 minute talk that runs through the history and future of Web protocols, starting from HTTP, then moving to WebSocket and finally to SPDY (the new protocol on the block) with a look at the pros and cons of each protocol and its support.
Simone Bordet
Building Great Games with HTML5 and Google's Native Client Building great HTML5 games starts with picking the correct tech to build on. WebGl, Canvas, and NaCl are covered in this 45 minute talk. There’s also a quick look at how Polymer can allow your game to be built with custom elements with a demo of a 3D graphics engine built on top of Polymer shown.
John McCutchan
Making WebRTC Awesome A 20 minute look at WebRTC’s promises, challenges, and future from Henrik Joreteg.
CascadiaJS 2013
code and tools
Ionic: The Most Advanced HTML5 Mobile App Framework Create hybrid mobile apps with the web technologies you love. Ionic offers a library of mobile-optimized open source HTML, CSS and JS components for building highly interactive apps. Built with Sass and optimized for AngularJS.
Chrome 32 Beta Arrives with Animated WebP and NPAPI Plugins Blocked by Default Google says its animated WebP image format offers some important improvements over animated GIFs, including true alpha channel (8-bit) compared to a binary (1-bit) alpha. Furthermore, each frame can be lossy or lossless as needed.
The Next Web
AbsurdJS: Yet Another CSS Preprocessor This preprocessor is JavaScript-based so there’s no new language or syntax to learn, you just get to write good old JavaScript instead.
Krasimir Tsonev
polyfill-webcomponents: Browserify-Compatible Web Component Polyfills Browserify-compatible web-component polyfills, courtesy of Polymer
GitHub
canvas2bmp: Convert an HTML5 Canvas to a BMP Data URL A shim that enables you to do canvas.toDataURL("image/bmp") to retrieve a BMP data URL.
Rasmus Bech
ZURB Foundation 5: Faster, More Modern, Etc.
ZURB
AutoJS: Autocomplete for Textareas
Anoop Thomas Mathew
jobs
Web Engineer at Maker Studios (Los Angeles) Maker Studios has gathered over 60,000 of the most influential YouTube channels into a new network model that's disrupting the television industry. Our tech group develops the talent-facing webapps that make this possible at scale. If using technologies like Docker, NodeJS, CircleCI, Redis, Memcache, and MongoDB sounds exciting, we want you on our team.
Maker Studios
Weebly is hiring Javascript Hackers and Ping Pong Masters! Weebly seeks front-end experts who can help build features that will be utilized by tens of millions of users! Work in a creative environment where you'll be able to work on a variety of projects & platforms with awesome peers. Email deva@weebly.com directly.
demos
IonDrift: 3D Futuristic Racer with Trance Music No WebGL or 3D transforms, all done with a 2D HTML5 Canvas. Includes 3 tracks and 2 game modes.
b10b
A WebGL Particle Projection Feedback Demo Coupled Turing pattern and 219 particles in a projection feedback loop with Gaussian blur gradient flow and fluid simulation. Just go look; it’s pretty.
Felix Woitzel
A Pure CSS 'Game' in '0 Lines of JavaScript'
Alexander Majorov
Winamp Music Visualization with JavaScript and Canvas
Jacob Seidelin
WebGL Ocean Wave Simulation
David Li
last but not least..
(Sponsored Item)
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