#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.



"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.


💻 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.


Find A Frontend Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers.


📘 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.