November 2, 2016 Read this e-mail on the WebFrontEnd Focusformerly HTML5 Weekly Issue 264 — November 2, 2016 W3C Publishes HTML 5.1 as W3C Recommendation W3CThe latest minor revision of W3C’s interpretation of HTML. Its relevance as a spec versus WHATWG’s work remains under dispute, however.WebAssembly Browser Preview Seth ThompsonThe WebAssembly project has reached the browser preview milestone, with multiple interoperable implementations from Firefox, Edge and the V8 project now available.Getting Started with Webpack 2 Drew PowersWebpack is a popular JavaScript, CSS and resource/asset bundler. This post walks through using the soon to be released 2nd version.Join us for the 4th Chrome Dev Summit via Livestream on November 10-11, 2016 Google Inc. SponsoredChrome Dev Summit 2016 will feature two full days of talks from the Chrome team, including a keynote address by Chrome VP Darin Fisher. All sessions will be livestreamed from our website on November 10-11. Sign up here for livestream updates.Hello WebMIDI: Accessing MIDI Devices from the Browser Stoyan StefanovA look at getting information from MIDI devices, such as digital pianos, in the browser (Chrome and Opera so far) with JavaScript.Results of the UK Government’s Assistive Technology Survey Chris MooreWhat types of assistive technology are used to access the Web? Screen magnifiers and readers come in as most common.Type Is Your Right: Performance and Web Typography Helen HolmesAn overview of OpenType features, explaining why they’re important to typefaces, and explaining the tradeoffs they have on performance. 26 minutes.Pointing the Way Forward with Pointer Events Google DevelopersPointer events unify the pointer input model for the browser, bringing touch, pens, and mice together into a single set of events. IE 11, Edge, and Chrome 55 support them so far.Building Shaders With Babylon.js Smashing MagazineHow shaders work and how you can build your own to render graphics in the browser.Front-End Development Tooling Survey 2016 Ashley NolanA brief survey to find out what tools and frameworks developers are currently using in their projects and workflows. Ashley promises to share the results on his blog.The W3C’s SVG Authoring Guide W3CA fantastic, thorough guide to creating SVGs for use on the Web. Packed with examples and code.Jobs Shouldn’t Companies Apply to You? – Try HiredYou’re modern, you’re savvy, you’re efficient. Why keep job hunting the old way? Try Hired and get in front of 4,000+ tech companies with personalized support to help you land your dream job. HiredIn brief Chrome 55 Beta Gets Input Handling Improvements and async/await Functions news “Chrome now enables unified input handling by dispatching PointerEvents.” Google What’s New in Chromium 54 and Opera 41 news Custom Elements v1, Canvas imageSmoothingQuality, BroadcastChannel API, and CSS text-size-adjust Mathias Bynens async/await Support in Firefox news Support for async/await has been added to the Firefox Nightly build. Demo here. Mozilla Project Quantum: A Quantum Leap for the Web news Mozilla’s latest effort to develop a next-generation web engine. David Bryant Webmention: A W3C Proposed Recommendation news Provides a mechanism for a page to notify another page when it mentions its URL. W3C Firefox Disables Loophole That Allows Sites to Track Users Via Battery Status news Alex Hern Blink/Chrome Intent to Ship: WebGL 2.0 news This will narrow the graphics feature gap between desktop and mobile devices. blink-dev Building a responsive HTML5 app? Learn the must-know techniques with this whitepaper tutorial If you’re a HTML5/JS dev, responsive web design is or will be a requirement in the near future. This whitepaper will give you the must-know on responsive web. Progress SPONSOR A Handmade SVG Bar Chart (Featuring Some SVG Positioning Gotchas) tutorial Things learned from positioning elements within SVG, discovered whilst making a (seemingly) simple bar chart. Robin Rendle 10 Principles for Smooth Web Animations tutorial The complete guide to 60fps smooth animations on your website. Anand Sharma Carousels Don’t Have to be Complicated tutorial Chris Coyier A Deep-Dive Into The Service Worker Lifecycle tutorial Jake Archibald Vertical Alignment in CSS video Guy Routledge explores vertical-align in this five-minute screencast (with transcript). Sitepoint Control Image Aspect Ratio Using CSS video How to resize images and videos to fill their parent and maintain their aspect ratio with pure CSS. Damon Bauer Komodo IDE: The Best IDE for Web and Mobile Developers tools Web & mobile devs get all their favorite frameworks, languages, and tools in one cross-platform, polyglot IDE ActiveState SPONSOR Provide Gradient Fallbacks for An Image That Loosely Resembles The Original tools This module will add a background gradient fallback for images, should the resource fail to load; the image fallback loosely resembles the original. This module was inspired by Harry Roberts’ article. Ben Briggs flv.js: An HTML5 FLV Player code Bilibili Shave: Truncate Text To Fit Within an HTML Element code Dollar Shave Club Recordy: Audio Recording for Browsers code Record your microphone (or any other input) and add effects to it directly in the browser. Maximilian Torggler What’s New and What’s Changed in Bootstrap 4 Annarita Tranfici shares an overview of the changes you really need to know about in the upcoming Bootstrap 4 release & what’s different from Bootstrap 3. Telerik Developer Network Sorting a 50K Array With and Without HTML5 Web Workers demo Afshin Mehrabani Curated by Peter Cooper and published by Cooperpress.Unsubscribe : Change email address : Read this issue on the WebPublished by Cooperpress Ltd. Fairfield Enterprise Centre, Louth, LN11 0LS, UK Source link