Issues » 130

Read this issue on the Web
HTML 5 - Please enable images? :-) Weekly Issue 130
March 26, 2014
featured
Brendan Eich, 'Father of JavaScript,' Appointed as New CEO of Mozilla Eich moves from the CTO role to CEO. Not everyone is happy about the news, though others think the benefits to Mozilla’s goal makes the appointment worthwhile.
Brendan Eich
Practical Application and Usage of The W3C Device Orientation API Rich Tibbett presents a extensive look at (and demo of) the W3C Device Orientation specification which allows developers to access a device’s gyroscope and accelerometer data.
Dev.Opera
MicIO.js: Sending Data From A Microcontroller to Any Smartphone/Computer An approach that uses HTML5’s Web Audio API to create a ‘hardware bus’ similar to Square’s credit card readers. This post looks at the technology and protocol.
Colin Bookman
from our sponsor
Frontend Masters: New Workflows and Tooling Course by David Mosher
Tooling and workflows expert David Mosher transforms a static app with basic script includes into a first class citizen with optimized workflows using Grunt.js, Yeoman, Lineman and more in this new course from Frontend Masters.

Watch David explain Grunt Watch in this free lesson.
Frontend Masters
reading
Using Media Queries in JavaScript Learn how you can use media queries in JavaScript and how to polyfill for legacy browsers from Krasimir Tsonev.
Flippin' Awesome
Shadow DOM ‘CSS got it wrong and we’re now suffering the consequences. [..] It set us on a path of trying to fake [layouts] by piggybacking on supposedly semantic elements, like lipstick on a div.’
Steven Wittens
String Templating Considered Harmful Rich Harris says that generating HTML from string templates, as many popular templating frameworks do, is an inefficient process.
Flippin' Awesome
Flexbox in The Real World The CSS Flexible Box Layout Module is highly useful for creating user interfaces and other layouting tasks. It is supported in most modern browsers. This article explains how to use it without giving up support for IE8.
Getting Started with Web Components David Walsh of Mozilla aims to bring you up to speed on the basics of Web Components and custom elements.
Tech.pro
The Web Is Eating Software ‘Web technologies have become the default, and are spreading,’ says Simon St. Laurent.
O'Reilly Media
A Look at Firefox 30's Developer Tools Improvements
Mozilla Hacks
An Interview with Thomas Palef on Creating HTML5 Games Thomas Palef shares tips on how to build and promote your game development skills in this interview with Alex Ivanovs.
Flippin' Awesome
Surfing The Modern Web With Ancient Browsers
Tenox
watching / listening
The modern.IE Podcast: A Chat with Mark Otto Two bits of news here. The first is that Microsoft’s modern.IE team has unveiled a new Web developer podcast. The second is that in the inaugural episode Mark Otto of Bootstrap discusses the history and future of the popular framework.
Microsoft modern.IE
The Perception of Speed Performance expert Steve Souders looks at the role of human psychology in Web performance matters before diving into what affects it at a technical level.
YouTube
jobs
Senior JavaScript / UI Engineer at Lonely Planet (Nashville, TN) Looking for a Front-end developer to work on lonelyplanet.com, an authority in the travel space that inspires, connects, and helps over 100M travelers per year.
Lonely Planet
code and tools
Better Integration for Open Web Apps On Android with APK Factory Mozilla is releasing a tool that lets you package up web apps into fully-fledged Firefox-backed Android apps.
Mozilla Hacks
Framework7: A Full Featured HTML Framework For Building iOS7 Apps
Wad: JavaScript Library for Manipulating Audio Via The New HTML5 Audio API Wad is a JavaScript library for manipulating audio using the new HTML5 Audio API. It greatly simplifies the process of creating, playing, and manipulating audio, either for real-time playback, or at scheduled intervals.
jsCache: Cache JavaScript, CSS and Images in localStorage Older browsers are supported by polyfilling localStorage.
Morten Houmøller Nygaard
Powerange: Create iOS 7 Styled Range Sliders
Hypnos: A Module for Detecting Sleeping Mobile Devices in Web Apps
Semenistyi Mykyta
Direct SVG to Canvas to PNG Conversion (in Chrome)
demos
Soundslice: Living Sheet Music and Guitar Tablature Uses HTML5 Canvas and the Web Audio API. The demo on the front page is striking.
ShareDrop: P2P File Transfer Powered by WebRTC An HTML5 clone of Apple AirDrop service. It allows you to transfer files directly between devices, without having to upload them to any server first. It uses WebRTC for secure peer-to-peer file transfer and Firebase for presence management and WebRTC signaling. The code is on GitHub.
sharedrop.io
WebGL Filter: An Image Editor in WebGL
CSS Shaders (Custom Filters) Demo
Gaurav Behere
last but not least..
Announcing JS Error Reporting and AJAX Timing in New Relic Currently, 1.2 million domains use the New Relic Browser monitoring tools to maintain a comprehensive overview of their browser page load times, throughput, browser transactions, JavaScript errors and Ajax timing. Find out how real-time insights help people build better performing software with New Relic.
Sponsored New Relic
Curated by Peter Cooper and published by Cooper Press.
Want to sponsor an issue? See our media kit.

© 2014 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