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

Read this e-mail on the Web HTML Weekly Issue 238 — May 4, 2016 Working with Images in Stylesheets with PostCSS Aleks Hudochenkov A look at using PostCSS to inline images, calculate dimensions, inline and modify SVGs, and more. PostCSS is an increasingly powerful part of the front-end arsenal. A Guide To CSS Pseudo-Classes And Pseudo-Elements Ricardo Zea An incredibly thorough look at pseudo-classes (like :first-child) and pseudo-elements (like :before) with plenty of live Codepen examples. A Comparison of Web Animation Technologies Sarah Drasner A thorough comparison of both native and library-based Web animation technologies with useful pros and cons to help you choose for your next project. Master Chrome Dev Tools Workshop with Jon Kuperman Frontend Masters  Sponsored You probably use dev tools for tweaking CSS or the interactive console...but there is so much more! Let’s look at everything the dev tools have to offer. Join Jon Kuperman and learn how to edit, debug and profile web applications with Chrome Dev Tools. Geolocation API Removed For Unsecure Origins in Chrome Paul Kinlan As part of Chrome’s intent to deprecate powerful features on non-secure origins, it no longer supports the HTML5 Geolocation API over non-secure connections. Animating a Basic 3D Scene with Three.js Karim Maaloul A thorough tutorial covering the basics of creating animated 3D scenes in the browser using Three.js. Meaningful CSS: Style Like You Mean It A List Apart Tim Baxter encourages us to move beyond ‘classitis’ (the “measles of markup”) to writing rich, semantic HTML and CSS. Only habit is stopping us. Animated Heat Distortion Effects with WebGL Lucas Bebber How to use fragment shaders in WebGL to create an animated heat haze distortion effect on images and text. Jobs 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 In brief Speed Up Page Load with WOFF 2.0 Fonts in Microsoft Edge news  Microsoft Edge Team Updated Working Draft of the HTML 5.1 Spec news The W3C working draft for HTML 5.1 was updated on May 3rd.  W3C An Interesting Change to Browsing On Android news Search results from the Google Android app now open in a Chrome custom tab. Peter Gasston says this may have an impact on mobile browsing habits.  Peter Gasston Browser Trends May 2016: Firefox Finally Overtakes IE news Mozilla can claim to have more web users than MS in the battle of the browsers.  Craig Buckler Turn Errors into Awesome tools Quickly pinpoint what’s broken and why. Get the context and insights to defeat all application errors. Full-stack error tracking for all apps in any language.  Rollbar.com SPONSOR How to Design Rich Card-Based Layouts with Semantic UI tutorial  Ivaylo Gerchev Introducing the CSS Grid Layout tutorial  Nitish Kumar Reducing JPEG File Sizes for the Web tutorial  Colt McAnlis So You Want to Make A PostCSS Plugin.. tutorial  Marcus Tisater Streamlining the Sign-in Flow Using Credential Management API in Chrome tutorial The latest version of Chrome (51) supports the Credential Management API.  Eiji Kitamura Forward 4 Web Summit video All 31 talks from the 4th consecutive Forward Web Summit - a JavaScript, web, and culture event.  YouTube The Cutting Edge of Browser Security video A look at what the Edge team is doing to improve browser security.  Channel 9 Debugging Scroll Jank in Chrome 51 video 7 minute video with tips on improving scroll performance in Chrome.  Rick Byers Enhance Your HTML5 Game's Sound with Dolby Audio video A dev evangelist for Dolby shows how to use Dolby audio in HTML5 games.  Titus Blair The Future of JavaScript - 2016 and Beyond opinion Learn what is coming around for the most popular JavaScript frameworks in 2016 and beyond in this free whitepaper.  Telerik Kendo UI SPONSOR Drinking the Web Through A Straw opinion Thoughts on AMP, and how a simplified web experience could benefit all, not just mobile users.  M.G. Siegler Flexbox Grid tools A grid system based on the ‘flex’ display property.  Kristofer Joseph Tools And Resources For Editing, Converting And Optimizing SVGs tools  Cosima Mielke WAAPI Browser Support Test tools A checklist of browser Web Animations API support.  Dan Wilson 20 of the Most Popular HTML5 Game Templates tools  Eric Dye Easily Convert CSS to React Inline Styles tools A tool to help translate plain CSS into an inline JSON representation for React.  Jason Jarrett ccapture.js: Library to Capture Canvas-Based Animations at a Fixed Framerate code  Jaume Sanchez A Parallel Raytracer Built with TypeScript and GPU.js (WebGL/GLSL) demo  Create Your Own Star Wars Intro Crawl in Pure CSS demo As it’s May the 4th.  Polar Notion 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