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

Read this e-mail on the Web HTML Weekly Issue 242 — June 1, 2016 CSS at BBC Sport Shaun Bent The CSS foundation of the BBC’s popular sports site is under 9kb. This in-depth review looks at the performance decisions behind their approach to CSS. Multirange: A Polyfill for HTML5.1 Two-Handle Sliders Lea Verou Lea Verou noticed in the latest HTML specs that ‘slider’ controls have many cool features that aren’t widely implemented, so she’s produced a polyfill for one. CSS in 2016 and Beyond Christian Vuerings A 17 minute talk looking at things like CSS modules, variables, custom selectors and tools to let you use them right now. The Sequel to Our Popular Angular 2 Course: Reactive Angular 2 Frontend Masters  Sponsored Learn how to build functional, reactive web applications in Angular 2 with a Redux inspired library, @ngrx/store and observables from Rx.js. Considerations for Styling the 'pre' Tag Chris Coyier Used for ‘preformatted text’ like code listings, the ‘pre’ tag throws up some special formatting concerns you need to consider. Position Wanted: Front-End Director Jeffrey Zeldman “We have creative directors and design directors, but we don’t seem to have any front-end directors. And maybe we should.” Show Them What You Got Jake Archibald At Render 2016, Google’s Jake Archibald stressed the importance of getting Web content rendered ASAP and some of the new Web technologies that can help. CSS Grid Layout and Positioned Items Manuel Rego Casasnovas Positioned grid items have some special features, explained in this handy post that’s ideal for any working with CSS Grid already. Smart Responsive Design Patterns (or When Off-Canvas Isn't Good Enough) Vitaly Friedman A look at responsive design patterns such as mega dropdown navigation, content grids, maps and charts, and responsive art direction. Jobs Replay Gaming are seeking a full-time, senior-level JavaScript developerWe are looking for a full-time, senior-level JavaScript developer to work remotely & help us grow our poker site. If you’ve worked professionally with Backbone.js & React, we want to hear from you. Apply here. Replay Gaming Work on a Better Stack!On Hired, engineers typically get 5+ job offers in 1 week. Find that new opportunity you've been craving and get access to 3,500+ companies instantly. Hired.com In brief Make Dashes in HTML Comments No Longer Cause Parsing Errors? news Tweaks being considered for WHATWG’s HTML standard.  WHATWG Progressive Web App Dev Summit 2016 (Amsterdam, NL) news Two days of talks, labs and access to the Chrome engineers to discuss the future of the web.  Google Rangle’s Online Angular 2 Training: Now Free course Master RESTful API's, ES6, TypeScript and more with the experts who developed the Angular 2 debugging tool, Augury. Attend remotely or in person as it suits the needs of you and your team.  RANGLE.IO SPONSOR Single Character Transforms with CSS and JS tutorial A look at how to animate individual characters using CSS animations.  Simon Codrington Make Your Own Responsive SVG Graphs and Infographics tutorial  Alex Walker Building Animated Covers for Video with Sprites tutorial A large JPEG sprite sheet proves more efficient than an animated GIF.  Kawandeep Virdee CSS Coding Techniques tutorial Tips for writing better, easier-to-maintain CSS code.  Belén Albeza 5 Ways to a Sticky Footer tutorial  Chris Coyier A Walk Through an Effective Way to Debug CSS tutorial  Ben Frain Ways You Can Tell The Browser How To Optimize tutorial The CSS will-change and contain properties, and responsive image attributes.  Chris Coyier SVG in Motion video  Sara Soueidan What's New in Chrome 51 for Developers video 3 minute video on Intersection Observers, Passive Event Listeners and the Credential Management API.  YouTube 5 More Awesome New Mozilla Technologies opinion Tofino, AFrame, Dev Toolbar, Platform Status, and pdf.js.  David Walsh Stop Painting and Have A Meaningful Interaction with Me opinion “Time to First Meaningful Interaction” seems more useful than merely how quickly bytes arrive to the browser.  Dion Almaer The Aural UI of HTML Elements tools A large demonstration of how various HTML elements are rendered in audio by screen readers.  Steve Faulkner and Léonie Watson A Collection of Web Safe CSS Font Stacks tools  CSS Font Stacks Flex Layout Attributes (FLA) tools Two custom HTML attributes (layout and self) you can use as shortcuts for flexbox style layout direction.  ProgressiveRed ClosestColor: Analyzes Your CSS for Close Color Matches tools Instead of adding yet another color to your CSS, find the closest existing one to reuse.  ClosestColor Lightning fast SSD hosts for your HTML5 project tools Host your HTML5 site on Linode servers - the fastest VPS hosts available. Use code HTML520 for $20 credit.  Linode SPONSOR WebGazer.js: Democratizing Webcam Eye Tracking in the Browser code  Brown HCI Group 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