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

Read this e-mail on the Web HTML Weekly Issue 236 — April 20, 2016 Flexbox Patterns: User Interface Examples with Code CJ Cenizal Some interactive examples showing practical ways to use Flexbox to build UI components for your own site, along with code you can use. CSS within JavaScript? Meet CSSX Krasimir Tsonev Facebook introduced JSX, in which HTML markup is mixed in with JavaScript. What about if we did the same with CSS? Here's a thorough look at one option. Web Font Loading Patterns Bram Stein Use these font load­ing pat­terns and Web font loading will become a lot simpler. Com­bine the pat­terns to cre­ate cus­tom load­ing be­hav­iour for all browsers. CFP for Barcelona Full Stack Fest 2016 has opened. Join us and inspire your peers. Full Stack Fest  Sponsored A week-long full stack development conference with a focus on solving current problems with new & inspiring perspectives. Our Call For Papers is open with 16 speaker slots. Submit your talk before the 14th of May and join us in Barcelona! A Tour of Edge's F12 Developer Tools Andy Sterland A look at some of the new features in Edge’s ‘F12’ developer tools and how they can make your life as a developer easier with a practical look at fixing real world issues with them. Service Workers Replacing AppCache: A Sledgehammer to Crack A Nut? Maximiliano Firtman “Can we replace Application Cache with Service Workers? Yes we can. In the same way we can replace your old CRT TV with a Microsoft Hololens.” Multiple.js: Sharing A Background Over Multiple Elements Denis Lukov Billed as ‘an experiment in sharing background across multiple elements using CSS’, the creator takes a fun approach to explaining how it works. Argus Eyes: A CLI Tool for Visual Regression Testing Argus Eyes It takes screenshots of components on Web pages under different situations (branches, pages, etc.) and visually diffs them. Looking Back on One Year of Microsoft Edge Channel 9 Reflections on the progress of MSFT's “first new browser in 20 years”: Edge. Jobs JavaScript/HTML5 Developer at Evolution GamingWe are looking for a senior developer who would be ready to shape the future and accomplish challenging tasks, e.g., migrating stateful legacy components to functional React-Redux ones and modularising CSS with the help of css-modules.  Evolution Gaming The Easiest Way to Find a JobHired lets you sit back while job offers come to you. When you complete your profile, instantly apply to 3,500+ companies on the platform who will contact you with job offers, including salary and equity up-front. Try it today. Hired.com Front-End Developer at Adaptable (Birmingham, UK)  Adaptable In brief New in Chrome 50: Payload in Push, Preload Assets & More news video  YouTube Preview Plugin-Free Skype Video Calling in Microsoft Edge news Powered by the ORTC API.  Kyle Pflug WebM, VP9 and Opus Support in Microsoft Edge news The WebM container format and the VP9 video and Opus audio codecs are supported in the latest Edge.  Microsoft Edge Team WebUSB: Enabling Support for Web Access to USB Devices news The Chrome team are experimenting with allowing webapps to access USB devices.  Google Groups Building The UI for The New 'The Times' Site news  Pedro Duarte Free Webinar - How to Launch A Career In Software Development course Learn what it takes to become a professional software developer, what employers are looking for, and how to make the transformation.   Launch School SPONSOR Embedding Virtual Reality Across The Web with VR Views tutorial How to use Google’s new VR Views to embed VR content on your website.  Patrick Catanzariti Webpack — The Confusing Parts tutorial  Raja Rao Better CSS Drop Caps with 'initial-letter' tutorial  Ian Yates An In-Depth Typi Tutorial (a Sass Mixin for Easier Responsive Typography) tutorial  Zell Liew Data Types in Sass tutorial  Gajendar Singh The SaveAs Webinar: Exporting Content from JavaScript Apps tutorial Implementing export functionality in your web apps presents a multitude of challenges. Learn how to tackle them.  Telerik Kendo UI SPONSOR Building Extensions for Microsoft Edge video  Channel 9 How We Use BEM to Modularize Our CSS opinion A look at the ‘Block Element Modifier’ approach that provides a methodical way to arrange CSS classes into independent components.  Andrei Popa Spectre.css: A Lightweight and Responsive CSS Framework code Includes a flexbox-based responsive grid system.  Yan Zhu Bricklayer: A Lightweight, Cascading Grid Layout Library code  Adem ilter Atrament.js: For Smooth Drawing and Handwriting on HTML Canvas code  Jakub Fiala CSS Only iPhone 6 Mockup code  Håvard Brynjulfsen 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