This Week's HTML5 and Browser Technology News (Issue 225)

Read this e-mail on the Web HTML Weekly Issue 225 — February 3, 2016 Making A Service Worker: A Case Study Lyza Danger Gardner An excellent, in-depth walkthrough of both what service workers are, and how to implement one of your own, from scratch. Record Audio and Video from Webapps with MediaRecorder Sam Dutton The MediaRecorder API enables you to record audio and video from the Web. It’s available now in Firefox and in Chrome for Android and desktop. HTML5 Elements Page The Ackernaut A page that uses all but a handful of HTML5’s elements. Useful for testing and seeing differences between browser implementations. Have an Outdated or Obscure Stack? Corgibytes  Sponsored Let the super-polyglots at Corgibytes help. We code in any language, platform, and framework. CSS Variables: Why Should You Care? Rob Dodson CSS variables (a.k.a. CSS custom properties) are landing in Chrome 49. They can be useful for reducing repetition in CSS, and for runtime effects like theme switching and even polyfilling future CSS features. Introduction to jCanvas: jQuery Meets HTML5 Canvas Maria Antonietta Perna jCanvas is aimed at jQuery users and provides a jQuery-style approach to working with the HTML5 Canvas. Controlling Font Performance with font-display Rob Dodson The new font-display descriptor for @font-face lets developers decide how their web fonts will render (or fallback) depending on how long it takes for them to load. WhitestormJS 3D Engine: A WebGL Engine Based on Three.js Alexander Buzin A modern WebGL engine that includes physics and post effects. Jobs Stop Applying for Jobs - Let Companies Apply to YouOn Hired, sign up in 10 minutes and get offers from top companies like Facebook, Uber, & Stripe. Engineers get an average of 5 offers on the platform in 1 week. Try it today. Hired.com In brief VP9 Is Now Available in WebRTC in Chrome 48+ news  Google HTML5 Supported Video Formats Now Dominate The Web news H.264 and WebM dominate.   Arc from Applause API Deprecations and Removals in Chrome 49 news  Google NEW WEBINAR: Master your Angular Workflow with New Key Tools news Learn Angular 2’s improved tooling and explore other modern JavaScript build systems, like Webpack, to improve your workflow. Tune in to get up to speed on the new Chrome dev tool Batarangle, Angular 2 CLI, TypeScript Babel and more.  RANGLE.IO SPONSOR Art Directed Responsive Images with the 'picture' Element and Cloudinary tutorial  Eric Portis Using React with the HTML5 Canvas tutorial  Anton Lavrenov A Short Note On Improving Usability of Scrollable Regions tutorial “You can make an element scrollable using CSS overflow property - [the] problem is that typically the content cannot [then] be scrolled using the keyboard.”   Steve Faulkner HTML 5 Game Development Video Series video  Mozilla Hacks Large Scale CSS Refactoring at trivago opinion  trivago Login Forms over HTTPS, Please opinion  Mozilla Hacks The 'Yellow Fade' Technique, Using CSS3 code  Kamran Ahmed origami.js: HTML5 Canvas for Humans code Began as a project to teach JavaScript and geometry to children.   Raphael Amorim Loud Links: Tiny Library to Add Interaction Sounds to Your Site code  Mahdi Remodal: The Modal Done Right code Responsive, lightweight, fast, synchronized with CSS animations, fully-customizable modal window plugin with declarative configuration and hash tracking.   Ilya Caulfield The Spirit: A Particle-Based WebGL Experiment, with Code demo code  Edan Kwan A Generic Infinite Runner Game on CodePen demo code  Eduardo Lopes Web Speech Demo: Change The Background Color with Speech demo code  Wes Bos Get paid to share your developer knowledge with a global audience  Create and publish video training courses as a freelance Author. Flexible schedule, work from home. Apply today.  Pluralsight SPONSOR Curated by Peter Cooper and published by Cooper Press. Want to post a job? E-mail us or use our self-serve system. Unsubscribe : Change email address : Read this issue on the Web Published by Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

by via HTML5 Weekly