#390 — May 8, 2019 |
🚀 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 PerfMatters |
|
"We somehow got away with our plan to kill IE6 without facing any meaningful corrective action." ___ |
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. 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 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 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 |
|