---
title: "This Week's HTML5 and Browser Technology News (Issue 183)"
publication: "Frontend Focus"
issue: 183
published_at: "2015-04-08"
canonical_url: "https://frontendfoc.us/issues/183"
---
This Week's HTML5 and Browser Technology News (Issue 183)
WebRTC explained, WebGL from the ground up, visual TDD, IE debugging, and more. — [Read this e-mail on the Web](http://frontendfoc.us/issues/183)
Frontend FocusIssue 183 — April 8, 2015[Peering Through the WebRTC Fog with SocketPeer](https://hacks.mozilla.org/2015/04/peering-through-the-webrtc-fog-with-socketpeer/?utm_source=frontendfocus&utm_medium=email) WebRTC provides a powerful suite of realtime technologies to the browser but the terminology and complexity can make it intimidating. Potch from Mozilla explains the key concepts clearly and shares a library that makes it easier. Mozilla Hacks
[WebGL Fundamentals: Learn WebGL from the Basics](http://webglfundamentals.org/?utm_source=frontendfocus&utm_medium=email) A great attempt at teaching WebGL from scratch without drowning in OpenGL complexity. Also covers some of the 2D and 3D math required too. Greggman
[IE Diagnostics Adapter: Debug and Diagnose IE using Chrome's Debugging Protocol](http://blogs.msdn.com/b/ie/archive/2015/04/02/introducing-the-ie-diagnostics-adapter-for-third-party-developer-tools.aspx?utm_source=frontendfocus&utm_medium=email) A bridge enabling tools to debug IE11 with Chrome’s remote debugging protocol. Microsoft
[](http://www.red-gate.com/products/dotnet-development/ants-performance-profiler/?utm_source=html5weekly&utm_medium=displayemail&utm_content=slowest_code&utm_campaign=antsperformanceprofiler&utm_term=email-23716)[How to find and fix the slowest code in your .NET application](http://www.red-gate.com/products/dotnet-development/ants-performance-profiler/?utm_source=html5weekly&utm_medium=displayemail&utm_content=slowest_code&utm_campaign=antsperformanceprofiler&utm_term=email-23716)Boost the performance of your .NET application with ANTS Performance Profiler. Get rich performance data on your code and database queries to find your application's bottleneck fast. Try ANTS Performance Profiler on your app now. Red Gate SoftwareSponsor
[Visual Test-Driven Dev for Responsive Interface Design](http://www.smashingmagazine.com/2015/04/07/visual-test-driven-development-responsive-interface-design/?utm_source=frontendfocus&utm_medium=email) A practical look at an approach for defining the look and feel of a Web application in such a way that it can automatically be tested against. Smashing Magazine
[High Performance HTML](https://samdutton.wordpress.com/2015/04/02/high-performance-html/?utm_source=frontendfocus&utm_medium=email) A look at how to write clean, concise HTML with the goal of having it load more quickly across a variety of devices. Sam Dutton
[Call for Review: HTML5 Web Messaging Proposed Recommendation Published](http://www.w3.org/TR/2015/PR-webmessaging-20150407/?utm_source=frontendfocus&utm_medium=email) A spec that defines 2 mechanisms for communicating between browsing contexts in HTML documents: cross-document messages and ‘message channels’ W3C
[How to Test for Internet Explorer on Android, iOS & OS X](http://www.sitepoint.com/test-internet-explorer-android-ios-mac-os-x/?utm_source=frontendfocus&utm_medium=email) Rey Bango shows how to use RemoteIE to test sites in IE from multiple platforms. SitePoint
Jobs [](https://hired.com/join/?utm_source=petercooperpress&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-swe%29%28q2-17-frontend-focus%29&utm_content=newsletter)
- [Senior Front-End Developer at Montage Studio (Sunnyvale, CA)](http://montagestudio.com/company/jobs/?utm_source=frontendfocus&utm_medium=email)If you've shipped awesome consumer-facing, responsive, client-side applications made with HTML5, you probably have the scars to prove it. Want to join the Montage Studio team to do something about it? MONTAGE STUDIO
- [Web Designer / Interface Developer (m/w) eShop - HTML, AngularJS, JavaScript](http://kaufhof-jobs.dvinci.de/cgi-bin/appl/selfservice.pl?action=jobdetail;job_pub_nr=F903080B-4E8E-4FBF-A284-9D1DDA8EC0DB;p=homepage;preview=1)Eines der wegweisendsten eCommerce-Projekte Deutschlands freut sich auf passionierte Webdeveloper, die in (X)HTML, CSS(3), JavaScript und AJAX denken und Lust auf agile Projektarbeit haben. Bewerbung gerne an [gundula.pabst@kaufhof.de](mailto:gundula.pabst@kaufhof.de) Galeria Kaufhof
Can't find the right job? Want companies to apply to _you?_ [Try Hired.com.](https://hired.com/?utm_source=newsletters&utm_medium=petercooperpress&utm_term=cat-tech-frontend&utm_campaign=q2-17-frontend)
In Brief
[Blink/Chromium Intent to Implement: Pointer Events](https://groups.google.com/a/chromium.org/d/msg/blink-dev/ODWmcKNQl0I/R5a1a_CEACMJ?utm_source=frontendfocus&utm_medium=email)
After deciding [to not ship Pointer Events](https://code.google.com/p/chromium/issues/detail?id=162757#c64) in blink (as used in Chrome) last year, the team have reversed course.
[Service Workers Now in Firefox Nightly](https://blog.wanderview.com/blog/2015/03/24/service-workers-in-firefox-nightly/?utm_source=frontendfocus&utm_medium=email) news
Server Workers are still in testing but now available behind preferences in Nightly instead of a separate build.
Ben Kelly (Mozilla)
[Signal: A New Conference To Unlock Communication Experiences](http://signal.twilio.com/?utm_source=frontendfocus&utm_medium=email) news
Learn about the future of the web and real-time communications from developers such as Philipp Hancke from &yet and Guillermo Rauch of Socket.io at Signal on May 19-20 in San Francisco.
TwilioSponsor
[WebRTC Market Expanding and Maturing, But in Unexpected Ways](http://disruptivewireless.blogspot.com/2015/04/report-update-webrtc-market-expanding.html?utm_source=frontendfocus&utm_medium=email) news
Dean Bubley's Disruptive Wireless
[Upgrade Insecure Requests: An Editor's Draft](https://w3c.github.io/webappsec/specs/upgrade/?utm_source=frontendfocus&utm_medium=email) news
Defines a mechanism which allows authors to instruct a user agent to upgrade insecure resource requests to a secure transport before fetching them.
W3C
[Simplified Concepts in Web Animations Naming](http://updates.html5rocks.com/2015/04/web-animations-naming?utm_source=frontendfocus&utm_medium=email) news
HTML5 Rocks
[Mobile Game Development with The Device Orientation and Vibration APIs](https://hacks.mozilla.org/2015/04/mobile-game-development-with-the-device-orientation-and-vibration-apis/?utm_source=frontendfocus&utm_medium=email) tutorial
Mozilla Hacks
[How to Create a 12 Column Grid System with Sass](http://inspirationalpixels.com/tutorials/grid-system-with-sass?utm_source=frontendfocus&utm_medium=email) tutorial
Seb Kay
[Learn React or Node.js in a 1-day online Crash Course](https://www.thinkful.com/crash-courses/?utm_source=html5weekly&utm_campaign=html5weekly_april8&utm_term=sponsoredlink) course
Pair with an engineer and skip the slow process of learning on your own. [Sign up](https://www.thinkful.com/crash-courses/?utm_source=html5weekly=html5weekly_april8=sponsoredlink) and start learning!
ThinkfulSponsor
[Motion Blur Effect with SVG](http://tympanus.net/codrops/2015/04/08/motion-blur-effect-svg/?utm_source=frontendfocus&utm_medium=email) tutorial
Codrops
[Animating CSS-Only Hamburger Menu Icons](http://speckyboy.com/2015/04/02/animating-css-only-hamburger-menu-icons/?utm_source=frontendfocus&utm_medium=email) tutorial
Nick Salloum
[Move And Scale SVG Graphics with the viewBox Attribute](http://www.vanseodesign.com/web-design/svg-viewbox/?utm_source=frontendfocus&utm_medium=email) tutorial
Steven Bradley
[Towards a Taxonomy of Errors in HTML and CSS [PDF\]](http://www.andreaforte.net/ParkICER2013.pdf?utm_source=frontendfocus&utm_medium=email)
An academic paper on an investigation into the errors people make while writing HTML and CSS.
Park, Saxena, et al.
[What Nobody Tells You About "will-change"](http://cssmojo.com/the-dark-side-of-the-will-change-property/?utm_source=frontendfocus&utm_medium=email) opinion
CSS Mojo
[Pure CSS3 Calculator](http://experiments.hertzen.com/css3calculator/?utm_source=frontendfocus&utm_medium=email) demo
A rather crazy hack, complete with an explanation of how it works.
Niklas von Hertzen
[HTMLHint: Static Code Analysis for HTML](http://htmlhint.com/?utm_source=frontendfocus&utm_medium=email) tools
Yanis Wang
[Beta of C#/XAML for HTML5: Create Cross-Platform HTML5 with C# and XAML](http://cshtml5.com/press-releases/2015-02-28-beta3-released-with-wcf-soap-rest-xmlserializer-and-more.aspx?utm_source=frontendfocus&utm_medium=email) tools
Userware
[Babylon.js: A Framework for Building 3D Games with HTML 5 and WebGL](https://github.com/BabylonJS/Babylon.js?utm_source=frontendfocus&utm_medium=email) code
Fully documented, has a forum, has an online sandbox, a shader creation tool, a physics engine, particle systems, and basically everything you need to create Web-based 3D games with JavaScript.
BabylonJS
[ShaderEditorExtension: Chrome DevTools Extension to Live-Edit WebGL Shaders](https://github.com/spite/ShaderEditorExtension?utm_source=frontendfocus&utm_medium=email) code
Jaume Sanchez
Curated by [Peter Cooper](http://twitter.com/peterc) and [Chris Brandrick](http://twitter.com/chrisbrandrick) and published by [Cooperpress](https://cooperpress.com/).
[Stop getting FrontEnd Focus](*|UNSUB|*) : [Change email address](*|UPDATE_PROFILE|*) : [Read this issue on the Web](http://frontendfoc.us/issues/183)
Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK