The story behind Microsoft and Google working together on Edge

#390 — May 8, 2019 Read on the Web 🚀 Frontend Focus (Image: The Verge) Inside Microsoft’s Surprise Decision to Work with Google on its Edge Browser — The story behind how Microsoft made “that monumental decision” to use Chromium as the new foundation for their browser. Tom Warren Why, How, and When to Use Semantic HTML and ARIA — Other than the obvious answer of 'always' 😉.. A look over the benefits of using HTML and ARIA, why starting with semantic HTML is the way to go, and why ARIA ought to come in as a last resort. Adam Silver Get the Fastest Website Deployments. Get Started Free — Unlike most Continuous Integration (CI) solutions, Buddy only re-builds the parts of your application that have changed and deploys your updates in seconds to any cloud. Start building better FrontEnd apps faster with Buddy. Buddy sponsor Microsoft Is Building Internet Explorer Into Its New Chromium Edge — The new Edge Chromium browser will feature an “IE Mode”, allowing the loading of old sites (like ancient internal pages) directly in Edge using the Internet Explorer rendering engine. Tom Warren ▶  SVG Will Save Us — Sarah Drasner champions SVG as “a flexible medium for building performant sites”, showing lots of great examples and demos. PerfMatters 🆕 BROWSER UPDATES After a 15-year hiatus Microsoft returns to the macOS browser space. A preview of the new Chromium-powered Edge is now available. Mozilla released Firefox 66.0.4, fixing an issue which disabled add-ons. Here are the release notes for Safari Technology Preview 81. A round up of deprecations and removals in Chrome 75 to help you plan. "We somehow got away with our plan to kill IE6 without facing any meaningful corrective action." ___ Chris Zacharias, founder of imgix and ex-YouTuber, in A Conspiracy to Kill IE6, where he shares his story of how, some ten years ago, a small team of devs "conspired to kill IE6 from inside YouTube and got away with it." Googlebot Goes Evergreen — The spider that Google uses to crawl sites for its index is now using the latest Chromium rendering engine so things like Web Components and ES6 are now supported. Google 💻 Jobs Senior Web Engineer - Onefootball (Berlin, Germany) — Join our team of engineers and help redesign and/or improve our main website and services to enhance our user experience. Onefootball Find A Frontend Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Vettery 📘 Tutorials Hybrid Lazy Loading: A Progressive Migration To Native Lazy Loading — Learn how you can progressively replace your JavaScript-driven lazy loading with its native alternative — thanks to hybrid lazy loading. Andrea Verlicchi How to Create Chained Bulletpoint Lists with CSS, BBC News-Style — Reverse engineering a neat HTML list effect, as used by the BBC. Even Plaice has followed up by turning this idea into a Web Component too. Peter Cooper Making the Move from jQuery to Vue — A long time jQuery user discusses the migration to Vue, providing a guide for those with “years of jQuery experience" that "want to see how things can be done with Vue”. Raymond Camden How to Deploy And Scale A WordPress App with Azure Database for MySQL Microsoft Azure sponsor How to Create a Multi-Line Text Background Effect — A look at creating a hover underline effect that works when your text spans multiple lines. Claudia Romano Dark Mode Support in WebKit — Runs through how to make use of the color-scheme property in Safari. Timothy Hatcher (WebKit) Create a Responsive Grid Layout with No Media Queries, using CSS Grid Andy Bell Build Your Own Radio Streaming App with Howler.js Gaurav Agrawal 🔧 Code and Tools CSS Transform Playground — A neat browser-based visualiser for seeing both 2D and 3D CSS transform functions in action. This is really neat, well presented, and useful if, like me, you struggle to remember which way round all the various dimensions are. Jorge Moreno Brevis: A CSS Toolkit for Scale — A CSS-only, rules-based framework built with brevity in mind and promises a lot of things you won't need like no preprocessors, no JavaScript, no npm and so on. Daniel Zilli A CSS Only Starfox Arwing — An impressive little demo ...and yes you can do a barrel roll. Yusuke Nakaya codepen Glide: A Dependency-Free ES6 Slider and Carousel — A lightweight, flexible and fast straightforward slider. Demo here. Jędrzej Chałubek    🗓 Upcoming Events Frontend United, May 16-18 — Utrecht, Netherlands — A yearly, non-profit, developer-first, community-focused conference. Front Utah 2019, June 6-7 — Salt Lake City — Two days of learning better ways to work together with your team and be inspired to grow your career in UX or Product Management. Pixel Pioneers, June 7 — Bristol, UK — A one-day conference of practical design and frontend talks, featuring eight speakers (preceded by a workshop day). DEVit, June 9-10 — Thessaloniki, Greece CSS Day, June 13-14 — Amsterdam, Netherlands — Features eight world-class sessions by eight world-class speakers about curious, 'badly-known', or otherwise interesting CSS features. CSSCamp 2019, July 17 — Barcelona, Spain — A one-day, one-track conference for web designers and developers.

by via Frontend Focus